/* Tutorshub v9.1.1 — high-specificity mobile/tablet luxury lock */

@media (max-width: 1240px) {
  html body.th-luxury-dark {
    --th-mobile-header-bg: #0d1d30;
    --th-mobile-panel-bg: #101f32;
    --th-mobile-menu-text: #eef4fb;
    --th-mobile-menu-accent: #f7cf70;
    --th-mobile-menu-accent-text: #142039;
    --th-mobile-button-bg: #f4c65d;
    --th-mobile-button-color: #142039;
    --th-mobile-button-border: #ffdc83;
    color: #f4f7fb !important;
    background: #0b1422 !important;
  }

  html body.th-luxury-dark .site-header.th84-header.th-hf-header:is(.th-pair-signature-white, .th-pair-aurora-glass, .th-pair-editorial-luxe, .th-pair-neo-grid, .th-pair-studio-blue) {
    color: #f4f7fb !important;
    border-bottom: 1px solid rgba(190, 211, 236, .15) !important;
    background: linear-gradient(115deg, rgba(10, 23, 39, .985), rgba(20, 46, 70, .975)) !important;
    box-shadow: 0 13px 34px rgba(0, 0, 0, .28) !important;
    backdrop-filter: blur(18px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.2) !important;
  }

  html body.th-luxury-dark .site-header.th84-header.th-hf-header .th84-nav {
    color: #f4f7fb !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.th-luxury-dark .site-header.th84-header.th-hf-header .th84-brand,
  html body.th-luxury-dark .site-header.th84-header.th-hf-header .th84-mobile-logo-img {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.th-luxury-dark .site-header.th84-header.th-hf-header .mobile-toggle,
  html body.th-luxury-dark .site-header.th84-header.th-hf-header[class*="th-mobile-button-"] .mobile-toggle {
    color: #142039 !important;
    border: 1px solid rgba(255, 228, 153, .86) !important;
    border-radius: 14px !important;
    background: linear-gradient(145deg, #ffdc83, #e0a52f) !important;
    box-shadow: 0 11px 28px rgba(217, 154, 34, .27), inset 0 1px 0 rgba(255, 255, 255, .65) !important;
  }

  html body.th-luxury-dark .site-header.th84-header.th-hf-header .mobile-toggle .th-menu-icon i {
    background: #142039 !important;
  }

  html body.th-luxury-dark .site-header.th84-header.th-hf-header .mobile-menu {
    color: #f4f7fb !important;
    border: 0 !important;
    border-top: 1px solid rgba(190, 211, 236, .15) !important;
    background: linear-gradient(165deg, #162a42, #0c1929) !important;
    box-shadow: 0 30px 68px rgba(0, 0, 0, .42) !important;
  }

  html body.th-luxury-dark .site-header.th84-header.th-hf-header .mobile-menu .container {
    color: #f4f7fb !important;
    background: transparent !important;
  }

  html body.th-luxury-dark .site-header.th84-header.th-hf-header .mobile-menu > .container > a,
  html body.th-luxury-dark .site-header.th84-header.th-hf-header .mobile-menu .th-mobile-language > strong {
    color: #e8f0fa !important;
    border-color: rgba(196, 215, 238, .13) !important;
    background: transparent !important;
  }

  html body.th-luxury-dark .site-header.th84-header.th-hf-header .mobile-menu > .container > a:hover,
  html body.th-luxury-dark .site-header.th84-header.th-hf-header .mobile-menu > .container > a:focus-visible {
    color: #f7cf70 !important;
    background: rgba(244, 198, 93, .075) !important;
  }

  html body.th-luxury-dark .site-header.th84-header.th-hf-header .mobile-menu .th-mobile-language {
    border-color: rgba(196, 215, 238, .13) !important;
  }

  html body.th-luxury-dark .site-header.th84-header.th-hf-header .mobile-menu .th-language-switch {
    color: #e8f0fa !important;
    border-color: rgba(196, 215, 238, .2) !important;
    background: rgba(255, 255, 255, .055) !important;
  }

  html body.th-luxury-dark .site-header.th84-header.th-hf-header .mobile-menu .th-lang-btn {
    color: #d8e4f2 !important;
    background: transparent !important;
  }

  html body.th-luxury-dark .site-header.th84-header.th-hf-header .mobile-menu .th-lang-btn.is-active {
    color: #142039 !important;
    background: linear-gradient(135deg, #ffdc83, #d99a22) !important;
  }

  html body.th-luxury-dark .site-header.th84-header.th-hf-header .mobile-menu .th-mobile-account a {
    color: #eaf2fb !important;
    border: 1px solid rgba(196, 215, 238, .2) !important;
    background: rgba(255, 255, 255, .06) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07) !important;
  }

  html body.th-luxury-dark .site-header.th84-header.th-hf-header .mobile-menu .th-mobile-account a:last-child {
    color: #142039 !important;
    border-color: rgba(255, 228, 153, .82) !important;
    background: linear-gradient(135deg, #ffdc83, #d99a22) !important;
    box-shadow: 0 11px 28px rgba(217, 154, 34, .24) !important;
  }

  html body.th-luxury-dark :is(main, .th84-home, .th-final-home, .th-blueprint-home, .th-marketplace-page, .th-app-page, .th-reg-page, .th-search-page, .tutorshub-profile-page, .tutorshub-profile-route) {
    color: #f4f7fb !important;
    background: #0b1422 !important;
  }

  html body.th-luxury-dark :is(.th84-subjects, .th84-how, .th-contact-section, .th-about-body, #subjects.th-final-subject-section, .th-blueprint-featured, .th-blueprint-how, .th-blueprint-why) {
    color: #f4f7fb !important;
    background: transparent !important;
  }

  html body.th-luxury-dark :is(main, .th84-home, .th-final-home, .th-app-page, .th-reg-page, .th-search-page) :is(h1, h2, h3, h4) {
    color: #f4f7fb !important;
  }

  html body.th-luxury-dark :is(.th84-search, .th-final-search, .th-blueprint-search, .th-search-filter-card, .panel, .tutor-card, .th-card, .th-view-card, .th-role-card, .th-reg-formcard, .th-contact-card, .th-about-card, .th-about-mission, .profile-main) {
    color: #f4f7fb !important;
    border-color: rgba(190, 211, 236, .15) !important;
    background: linear-gradient(145deg, rgba(23, 41, 63, .99), rgba(14, 28, 45, .995)) !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .045) !important;
  }

  html body.th-luxury-dark :is(.th84-search, .th-final-search, .th-blueprint-search) :is(form, .th84-tabs, .th-search-tabs) {
    color: #f4f7fb !important;
    border-color: rgba(190, 211, 236, .14) !important;
    background: transparent !important;
  }

  html body.th-luxury-dark :is(.th84-search, .th-final-search, .th-blueprint-search, .th-contact-card, .panel, .th-reg-formcard) label {
    color: #e8f0fa !important;
    border-color: rgba(190, 211, 236, .19) !important;
    background: rgba(5, 15, 27, .55) !important;
  }

  html body.th-luxury-dark :is(.th84-search, .th-final-search, .th-blueprint-search, .th-contact-card, .panel, .th-reg-formcard) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    color: #f4f7fb !important;
    border-color: rgba(190, 211, 236, .19) !important;
    background: rgba(5, 15, 27, .62) !important;
    box-shadow: none !important;
  }

  html body.th-luxury-dark :is(input, textarea)::placeholder {
    color: #879ab2 !important;
    opacity: 1 !important;
  }

  html body.th-luxury-dark :is(.th84-tabs, .th-search-tabs) button {
    color: #a9bad0 !important;
    border-color: transparent !important;
    background: rgba(255, 255, 255, .035) !important;
    box-shadow: none !important;
  }

  html body.th-luxury-dark :is(.th84-tabs, .th-search-tabs) button.is-active {
    color: #142039 !important;
    background: linear-gradient(135deg, #ffdc83, #d99a22) !important;
  }

  html body.th-luxury-dark :is(.th84-subject, .th-final-subjects > .th-subject, .th-blueprint-subjects > .th-subject, .th-how-grid article, .th-why-grid article, .th-contact-points > div) {
    color: #f4f7fb !important;
    border-color: rgba(190, 211, 236, .15) !important;
    background: linear-gradient(145deg, #172a42, #102033) !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, .2) !important;
  }

  html body.th-luxury-dark :is(.th84-subject, .th-final-subjects > .th-subject, .th-blueprint-subjects > .th-subject, .th-how-grid article, .th-why-grid article, .th-contact-points > div) :is(strong, b, h3) {
    color: #f4f7fb !important;
  }

  html body.th-luxury-dark :is(.th84-subject, .th-final-subjects > .th-subject, .th-blueprint-subjects > .th-subject, .th-how-grid article, .th-why-grid article, .th-contact-points > div) :is(p, span, small) {
    color: #a9bad0 !important;
  }

  html body.th-luxury-dark main :is(.btn, .th-role-cta, .th84-green, .th-reference-cta, button[type="submit"], input[type="submit"]),
  html body.th-luxury-dark .footer .th-next-footer-stage > a {
    color: #142039 !important;
    border: 1px solid rgba(255, 228, 153, .84) !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #ffdc83, #f4c65d 48%, #d99a22) !important;
    box-shadow: 0 12px 29px rgba(217, 154, 34, .27), inset 0 1px 0 rgba(255, 255, 255, .65) !important;
    font-weight: 800 !important;
  }

  html body.th-luxury-dark .footer:is(.th-pair-signature-white, .th-pair-aurora-glass, .th-pair-editorial-luxe, .th-pair-neo-grid, .th-pair-studio-blue) {
    color: #a9bad0 !important;
    border-top-color: rgba(190, 211, 236, .15) !important;
    background: linear-gradient(145deg, #091421, #112135 54%, #0c1726) !important;
  }

  html body.th-luxury-dark .footer .th-next-footer-stage {
    color: #f4f7fb !important;
    border-color: rgba(190, 211, 236, .15) !important;
    background: linear-gradient(125deg, #142b46, #1a3b5d 60%, #11243a) !important;
    box-shadow: 0 19px 48px rgba(0, 0, 0, .25) !important;
  }

  html body.th-luxury-dark .footer :is(h3, h4, strong) { color: #f4f7fb !important; }
  html body.th-luxury-dark .footer :is(p, a:not(.th-next-footer-stage > a), .copy, .footer-note) { color: #a9bad0 !important; }

  html body.th-luxury-dark :is(.th-mode-option, .th-home-fields, .th-coordination-note, .th-tutor-location-note, .th-admin-coordination, .th-demo-complete-card, .th-refund-admin, .th-statement-summary > div, .th-currency-picker) {
    color: #f4f7fb !important;
    border-color: rgba(190, 211, 236, .16) !important;
    background: linear-gradient(145deg, #172a42, #102033) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .2) !important;
  }

  html body.th-luxury-dark :is(.th-mode-option, .th-home-fields, .th-coordination-note, .th-tutor-location-note, .th-admin-coordination, .th-demo-complete-card, .th-refund-admin, .th-statement-summary > div, .th-currency-picker) :is(span, small, label) {
    color: #b7c7da !important;
  }

  html body.th-luxury-dark .th-currency-picker select {
    color: #f4f7fb !important;
    background: #102033 !important;
  }
}

@media (max-width: 782px) {
  html body.th-luxury-dark .th-mobile-bottom-nav {
    color: #a9bad0 !important;
    border-top: 1px solid rgba(190, 211, 236, .16) !important;
    background: rgba(9, 20, 34, .97) !important;
    box-shadow: 0 -15px 40px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .045) !important;
    backdrop-filter: blur(18px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.2) !important;
  }

  html body.th-luxury-dark .th-mobile-bottom-nav > a {
    color: #a9bad0 !important;
    background: transparent !important;
  }

  html body.th-luxury-dark .th-mobile-bottom-nav > a:is(:hover, :focus-visible, .is-active) {
    color: #f7cf70 !important;
    background: rgba(244, 198, 93, .08) !important;
  }

  html body.th-luxury-dark .th-mobile-bottom-nav > a.is-active:after {
    background: linear-gradient(90deg, #d99a22, #ffdc83) !important;
    box-shadow: 0 2px 10px rgba(244, 198, 93, .4) !important;
  }

  html body.th-luxury-dark .th-back-to-top {
    color: #142039 !important;
    border-color: rgba(255, 228, 153, .84) !important;
    background: linear-gradient(145deg, #ffdc83, #d99a22) !important;
    box-shadow: 0 12px 29px rgba(217, 154, 34, .28) !important;
  }

  html body.th-luxury-dark.th-has-mobile-bottom-nav .th-currency-picker {
    bottom: calc(90px + env(safe-area-inset-bottom)) !important;
  }
}