/* Tablet CSS - Styles for screens 768px to 991px */
/* Optimized for tablet touch interactions and medium screen sizes */

/* Tablet header container - prevent left/right cutoff */
.container-fluid {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    overflow-x: hidden;
}

/* Header row - fix padding to prevent cutoff */
.row.py-2.border-bottom .col-12 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

/* Fix negative margins that cause cutoff */
.row.py-2.border-bottom .col-12 .d-flex {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

/* Logo styles for tablet */
.logo-text {
    font-size: 1.8rem;
    transform: skewX(-6deg);
}

.logo-tagline {
    font-size: 0.8rem;
}

/* Tablet layout container */
.desktop-container {
    max-width: 100%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

/* Tablet header layout */
.desktop-header {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
}

/* Tablet home sidebar - reduce height and make scrollable */
.home-sidebar {
    height: 60vh;
    max-height: 500px;
    overflow-y: auto;
}

/* Tablet curriculum sections - adjust for touch */
.recent-visits-container {
    max-height: 200px;
    overflow-y: auto;
}

/* Tablet button adjustments - larger touch targets */
.btn {
    min-height: 40px;
    padding: 0.5rem 1rem;
}

.btn-sm {
    min-height: 36px;
    padding: 0.4rem 0.8rem;
}

/* Tablet message positioning */
#message-container {
    position: fixed;
    bottom: 15px;
    right: 15px;
    left: 15px;
    z-index: 1060;
    pointer-events: none;
}

.toast-message {
    min-width: auto;
    max-width: 100%;
    pointer-events: auto;
}

/* Tablet form controls - larger for touch */
.form-control,
.form-select {
    min-height: 42px;
    font-size: 1rem;
}

/* Tablet navigation adjustments */
.nav-link {
    padding: 0.75rem 1rem;
}

/* Tablet card spacing */
.card {
    margin-bottom: 1rem;
}

/* Tablet responsive tables */
.table-responsive {
    border-radius: 0.375rem;
}

/* Tablet text sizes */
h1 { font-size: 1.75rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.25rem; }
h4 { font-size: 1.1rem; }
h5 { font-size: 1rem; }
h6 { font-size: 0.9rem; }

/* Tablet spacing adjustments */
.py-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.mb-3 {
    margin-bottom: 1.25rem !important;
}

/* Tablet hover effects - reduced for touch */
.card-hover:hover {
    transform: translateY(-1px);
}

/* Tablet curriculum cards - fixed width to match desktop */
.curriculum-card {
    max-width: 400px !important;
}

.curriculum-card .card {
    max-width: 100%;
}