/*
 Theme Name:   DooPlay Child
 Theme URI:    https://doothemes.com/items/dooplay/
 Description:  DooPlay Child Theme
 Author:       DooThemes
 Author URI:   https://doothemes.com/
 Template:     dooplay
 Version:      2.1.3
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         DooPlay child theme
 Text Domain:  mtms
*/

/**
 * NOTE: this file used to be empty (just the header above), with the
 * theme's real CSS accidentally sitting unused in assets/src.css instead.
 *
 * That file was NOT restored here. All of the pages that matter (home,
 * archive-movies, archive-tvshows, taxonomy, search, single-movies,
 * single-tvshows, single-episodes, watch-movies, header, footer) are
 * already fully self-contained via Tailwind + their own inline <style>
 * blocks - they were never missing anything from that old stylesheet.
 * Restoring all 8,000+ lines of it caused visual regressions (it predates
 * the current black/red "Kaido" glassmorphism look and wasn't audited
 * line-by-line against it), so it's intentionally left out. Only the
 * small, targeted fix below is added.
 */

/* Support for the body.modal-open class already used by header.php's JS
   to lock background scroll when the mobile sidebar/search overlay opens. */
body.modal-open {
    overflow: hidden;
}

/* Keep the fixed header/bottom-nav below the WordPress admin toolbar
   instead of hidden behind it, for logged-in admins/editors viewing the
   site (harmless for regular visitors - .admin-bar is never present for them). */
body.admin-bar #kaido-header,
body.admin-bar #sidebar {
    top: 32px;
}
@media screen and (max-width: 782px) {
    body.admin-bar #kaido-header,
    body.admin-bar #sidebar {
        top: 46px;
    }
}

/**
 * The handful of old shorthand layout classes footer.php's top section
 * (logo / footer links / social icons) still uses - these never had
 * Tailwind equivalents on those elements, so without them that row has no
 * flex layout at all. Extracted individually and checked against the exact
 * Tailwind classes already sitting next to them on the same elements to
 * make sure nothing here overlaps/fights with those (no margin, width, or
 * background properties are touched here on purpose).
 */
.dfxb, .dfx { display: flex; }
.alg-cr { align-items: center; }
.jst-sb { justify-content: space-between; }
.jst-cr { justify-content: center; }
.fg1 { flex-grow: 1; }
.tac { text-align: center; }
.mnft li, .smft li { padding: .5rem; }
.mnft > li { margin-right: 1rem; }
.smft a:hover { color: #fff; }

/* Shared thin scrollbar utilities - used across watch pages, account
   dashboard, leaderboard etc. Defined once globally instead of being
   redeclared (or missed) in individual templates. */
.kaido-scroll-x::-webkit-scrollbar { height: 4px; }
.kaido-scroll-x::-webkit-scrollbar-track { background: transparent; }
.kaido-scroll-x::-webkit-scrollbar-thumb { background: #374151; border-radius: 99px; }
.kaido-scroll-y::-webkit-scrollbar { width: 4px; }
.kaido-scroll-y::-webkit-scrollbar-track { background: transparent; }
.kaido-scroll-y::-webkit-scrollbar-thumb { background: #374151; border-radius: 99px; }
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }