/* Mighty Media Technologies - Brand Light Theme Stylesheet with Blue-to-Cyan Gradient */

:root {
    --primary-blue: #0052d4;
    --hover-blue: #0043b3;
    --primary-gradient: linear-gradient(90deg, #0052d4 0%, #00a4ff 100%);
    --hover-gradient: linear-gradient(90deg, #0043b3 0%, #0088d4 100%);
    --light-blue-tint: #f0f7ff;
    --border-blue: #bfdbfe;
    --text-dark: #2d3748;
}

/* Primary Button Styling with Gradient */
.btn-primary {
    background: var(--primary-gradient) !important;
    border: none !important;
    color: #ffffff !important;
    transition: all 0.25s ease-in-out;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background: var(--hover-gradient) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 82, 212, 0.25) !important;
}

/* Outline Buttons */
.btn-outline-primary {
    color: var(--primary-blue) !important;
    border-color: var(--primary-blue) !important;
}
.btn-outline-primary:hover {
    background: var(--primary-gradient) !important;
    border-color: transparent !important;
    color: #ffffff !important;
}

/* Primary Text and Links */
.text-primary, .link-primary {
    color: var(--primary-blue) !important;
}
.text-primary:hover, .link-primary:hover {
    color: #00a4ff !important;
}

/* Sidebar active states */
#sidebar .nav-link.active {
    color: var(--primary-blue) !important;
    background-color: var(--light-blue-tint) !important;
    border-left: 4px solid var(--primary-blue);
    font-weight: 600;
}
#sidebar .nav-link:hover {
    color: var(--primary-blue) !important;
    background-color: rgba(0, 82, 212, 0.05) !important;
}

/* Card Header Styling */
.card-header {
    border-bottom: 1.5px solid var(--border-blue) !important;
}
.card-header h3, .card-header h4, .card-header h5 {
    color: var(--primary-blue) !important;
    font-weight: 600;
}

/* Table Head Styling with Light Tint */
.table thead th, .table-light {
    background-color: var(--light-blue-tint) !important;
    color: var(--primary-blue) !important;
    font-weight: 700 !important;
    border-bottom: 2px solid var(--border-blue) !important;
}
.table tbody td {
    vertical-align: middle;
}

/* Form Focus State */
.form-control:focus, .form-select:focus {
    border-color: #00a4ff !important;
    box-shadow: 0 0 0 0.25rem rgba(0, 164, 255, 0.15) !important;
}

/* Badges */
.bg-primary-subtle, .badge.bg-primary-subtle {
    background-color: var(--light-blue-tint) !important;
    color: var(--primary-blue) !important;
    border: 1px solid var(--border-blue) !important;
}

/* Icon Shapes */
.icon-shape.bg-primary {
    background: var(--primary-gradient) !important;
}
.icon-shape.bg-primary-subtle {
    background-color: var(--light-blue-tint) !important;
    color: var(--primary-blue) !important;
}

/* Pagination Active State */
.pagination .page-item.active .page-link {
    background: var(--primary-gradient) !important;
    border-color: transparent !important;
    color: #ffffff !important;
}
.pagination .page-link {
    color: var(--primary-blue);
}
.pagination .page-link:hover {
    color: #00a4ff;
}