/* Logo Styles */
.navbar-brand img {
    max-width: 200px;
    height: auto;
}

.navbar {
  max-height: 180px;
  background-color: #368cd1
}

body {
    background-color: #00007e;
}


.round-button {
    display: inline-block;
    border: none;
    border-radius: 50%; /* Make it round */
    padding: 10px 20px;
    background-color: #00007e; /* Blue background */
    color: #fed807; /* Yellow text */
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
  }

/* Sticky Table Headers - Global Implementation */
.table thead th, 
.table thead td {
    position: sticky !important;
    top: 0 !important;
    z-index: 1020 !important; /* Above other content but below modals (1050) */
    background: linear-gradient(180deg, #368cd1 0%, #2a6ba8 100%) !important;
    color: white !important;
    border-bottom: 2px solid #2a6ba8 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Subtle shadow to separate from content when scrolling */
}

/* Ensure background color is maintained for tables that don't have the default theme */
.table.table-light thead th {
    background: #f8f9fa !important;
    color: #212529 !important;
    border-bottom: 2px solid #dee2e6 !important;
}

.table.table-dark thead th {
    background: #212529 !important;
    color: #fff !important;
    border-bottom: 2px solid #373b3e !important;
}

/* FIX: Sticky header won't work if any parent has overflow: auto/hidden/scroll (on Y axis) */
/* We remove these constraints from common Bootstrap wrappers to allow viewport-relative stickiness */
.table-responsive {
    overflow: visible !important; /* This allows the header to stick to viewport */
}

/* If horizontal scroll is absolutely needed on mobile, we handle it by making the responsive wrapper scrollable 
   but only on X axis, while ensuring Y axis doesn't clip. However, Bootstrap's .table-responsive uses overflow-x: auto.
   To keep sticky headers working with viewport scroll, we must use overflow: visible. */

.card, .card-body {
    overflow: visible !important;
}

/* Handle nested dashboard containers */
.dashboard-container, .main-content {
    overflow: visible !important;
}

/* Special case for DataTables headers */
.dataTables_scrollHead {
    position: sticky !important;
    top: 0 !important;
    z-index: 1021 !important;
}

/* For student/teacher view specific table refinements */
#existingLessonsTable thead th,
#previewLessonsTable thead th,
#studentsTable thead th,
#teachersTable thead th,
#pendingBookingsTable thead th,
#pendingRescheduleBookingsTable thead th,
#pendingRescheduleAssignmentsTable thead th,
#rescheduledBookingsTable thead th,
#upcomingBookingsTable thead th,
#pastBookingsTable thead th,
#cancelledBookingsTable thead th {
    background: linear-gradient(180deg, #368cd1 0%, #2a6ba8 100%) !important;
    color: white !important;
}