/* ============================================================
   RESPONSIVE.CSS — Mobile-First Overrides
   aiglobaldigital.com
   ============================================================ */

/* ========================
   LARGE DESKTOP (≥ 1280px)
   ======================== */
@media (min-width: 1280px) {
    :root {
        --navbar-height: 7rem;
    }
    .cinema-main-col   { flex: 0 0 75%; max-width: 75%; }
    .cinema-sidebar-col { flex: 0 0 25%; max-width: 25%; }
}

/* ========================
   STANDARD DESKTOP (≥ 992px)
   ======================== */
@media (min-width: 992px) {
    .d-desktop-none { display: none !important; }
}

/* ========================
   TABLET (768px – 991.98px)
   ======================== */
@media (max-width: 991.98px) {
    /* Reel sidebar goes below cinema player */
    .cinema-main-col,
    .cinema-sidebar-col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .reel-sidebar {
        max-height: 22rem;
        overflow-y: auto;
    }
    .reel-sidebar .row {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: thin;
    }
    .reel-sidebar .col {
        flex: 0 0 8rem;
        max-width: 8rem;
    }

    /* Navbar search hidden on tablet */
    .navbar-search-tag { display: none; }
}

/* ========================
   MOBILE (< 768px)
   ======================== */
@media (max-width: 767.98px) {
    :root {
        --navbar-height: 6rem;
    }

    /* Navbar */
    .navbar-brand-name { font-size: 0.9375rem; }
    .navbar-brand-tagline { font-size: 0.5625rem; }
    .navbar-top-row { padding-top: var(--gutter-xs); padding-bottom: var(--gutter-xs); }

    /* Cinema section */
    .cinema-section-row { flex-direction: column; }
    .cinema-player-wrap { border-radius: var(--radius-lg); }

    /* Video meta bar */
    .video-meta-bar-title { font-size: 0.9375rem; }

    /* Section titles */
    .section-title { font-size: 1.375rem; }

    /* Stats */
    .stat-number { font-size: 1.75rem; }

    /* Package cards — stack full width */
    .package-cards-grid > [class*="col-"] {
        margin-bottom: 1rem;
    }

    /* Footer */
    #main-footer .footer-col {
        margin-bottom: 2rem;
    }

    /* Buttons — full width in certain contexts */
    .btn-block-mobile {
        width: 100%;
        justify-content: center;
    }

    /* Form inputs */
    .input-custom { font-size: 1rem; /* prevent iOS zoom */ }

    /* Live bar */
    .live-trade-bar-inner { padding-left: 1rem; padding-right: 1rem; }

    /* Comments scroll area height */
    .comments-scroll { max-height: 18rem; }

    /* Remove sticky cinema player on mobile */
    .cinema-sticky { position: static !important; }
}

/* ========================
   VERY SMALL MOBILE (< 400px)
   ======================== */
@media (max-width: 399.98px) {
    .display-lg { font-size: 1.875rem; }
    .headline-xl { font-size: 1.5rem; }
    .navbar-brand-name { font-size: 0.875rem; }
    .section-padding { padding-top: 2rem; padding-bottom: 2rem; }
}

/* ========================
   TOUCH DEVICE ENHANCEMENTS
   ======================== */
@media (hover: none) {
    /* Show play button always on touch devices */
    .video-card-play-btn { opacity: 1; transform: translate(-50%, -50%); }
    .cinema-play-center  { opacity: 1; }
}

/* ========================
   PRINT
   ======================== */
@media print {
    #main-navbar,
    #main-footer,
    .live-trade-bar,
    .cinema-controls,
    .btn-upload,
    .btn-notif { display: none !important; }

    .page-content { padding-top: 0 !important; }
    body { background: white !important; }
}