/* Elgonflix shared public theme v11
   Uses the same elgonflix_theme preference as the admin console: auto -> light -> dark. */
:root{
  --efx-page-bg:#050505;--efx-page-bg-2:#0b0b0b;--efx-panel:#141414;--efx-panel-2:#1b1b1b;
  --efx-text:#f7f7f5;--efx-muted:#a7aaa7;--efx-line:rgba(255,255,255,.10);
  --efx-input:rgba(255,255,255,.075);--efx-hover:rgba(255,255,255,.08);--efx-header-bg:rgba(5,5,5,.91);
  --efx-shadow:0 24px 70px rgba(0,0,0,.46);--efx-red:#e50914;--efx-gold:#d7aa45;--efx-green:#27ae60;
}
html[data-theme="light"]{
  color-scheme:light;
  --efx-page-bg:#f6f6f3;--efx-page-bg-2:#ecece8;--efx-panel:#ffffff;--efx-panel-2:#f1f1ee;
  --efx-text:#171917;--efx-muted:#606660;--efx-line:rgba(20,24,21,.13);
  --efx-input:rgba(20,24,21,.065);--efx-hover:rgba(20,24,21,.07);--efx-header-bg:rgba(248,248,245,.94);
  --efx-shadow:0 22px 60px rgba(26,31,27,.12);
}
html[data-theme="dark"]{color-scheme:dark}
body.elgon-page{
  --bg-start:var(--efx-page-bg)!important;--bg-end:var(--efx-page-bg-2)!important;
  --card-bg:var(--efx-panel)!important;--txt-1:var(--efx-text)!important;--txt-2:var(--efx-muted)!important;
  --glass-brd:var(--efx-line)!important;--input-bg:var(--efx-input)!important;--header-bg:var(--efx-header-bg)!important;
  --hover-bg:var(--efx-hover)!important;background:var(--efx-page-bg)!important;color:var(--efx-text)!important;
  transition:background-color .2s ease,color .2s ease;
}
html[data-theme="light"] body.elgon-page{background-image:radial-gradient(circle at 78% 0,rgba(215,170,69,.08),transparent 30rem)!important}

/* Shared header and controls */
html[data-theme="light"] .efx-public-header,
html[data-theme="light"] .elgon-page--catalog .netflix-header{
  background:linear-gradient(180deg,rgba(250,250,247,.98),rgba(248,248,245,.90))!important;
  border-bottom-color:rgba(20,24,21,.09)!important;color:#181a18!important;
  box-shadow:0 7px 26px rgba(28,33,29,.06)!important;
}
html[data-theme="light"] .elgon-page--catalog .netflix-header:not(.is-scrolled){background:linear-gradient(180deg,rgba(250,250,247,.96),rgba(250,250,247,.76),transparent)!important}
html[data-theme="light"] .efx-public-nav a,
html[data-theme="light"] .efx-header-context,
html[data-theme="light"] .elgon-page--catalog .desktop-nav .nav-item{color:#424742!important}
html[data-theme="light"] .efx-public-nav a:hover,
html[data-theme="light"] .efx-public-nav a.active,
html[data-theme="light"] .elgon-page--catalog .desktop-nav .nav-item:hover,
html[data-theme="light"] .elgon-page--catalog .desktop-nav .nav-item.active{color:#080908!important}
html[data-theme="light"] .efx-header-pill,
html[data-theme="light"] .efx-icon-button,
html[data-theme="light"] .header-icon{background:rgba(20,24,21,.055)!important;border-color:rgba(20,24,21,.12)!important;color:#171917!important}
html[data-theme="light"] .efx-header-pill:hover,
html[data-theme="light"] .efx-icon-button:hover,
html[data-theme="light"] .header-icon:hover{background:rgba(20,24,21,.10)!important}
html[data-theme="light"] .efx-header-pill--accent{background:#171917!important;color:#fff!important;border-color:#171917!important}

/* Common cards/forms/modal surfaces */
html[data-theme="light"] body.elgon-page .glass-card,
html[data-theme="light"] body.elgon-page .efx-checkout-card,
html[data-theme="light"] body.elgon-page .efx-fact,
html[data-theme="light"] body.elgon-page .modal-panel{
  background:rgba(255,255,255,.94)!important;border-color:rgba(20,24,21,.12)!important;color:#171917!important;box-shadow:var(--efx-shadow)!important;
}
html[data-theme="light"] body.elgon-page :is(input,select,textarea){background:#f2f2ef!important;color:#171917!important;border-color:rgba(20,24,21,.16)!important}
html[data-theme="light"] body.elgon-page :is(input,textarea)::placeholder{color:#858a85!important}
html[data-theme="light"] body.elgon-page .text-white{color:#171917!important}

/* Catalogue */
html[data-theme="light"] .elgon-page--catalog .scrollable-area{background:linear-gradient(180deg,#f6f6f3,#ecece8)!important}
html[data-theme="light"] .elgon-page--catalog .sidebar{background:rgba(250,250,247,.98)!important;border-right-color:rgba(20,24,21,.10)!important;color:#171917!important}
html[data-theme="light"] .elgon-page--catalog .sidebar .nav-item{color:#4f554f!important}
html[data-theme="light"] .elgon-page--catalog .sidebar .nav-item:hover,
html[data-theme="light"] .elgon-page--catalog .sidebar .nav-item.active{background:rgba(20,24,21,.08)!important;color:#111!important}
html[data-theme="light"] .elgon-page--catalog .header-search input{background:rgba(255,255,255,.92)!important;border-color:rgba(20,24,21,.17)!important;color:#171917!important;box-shadow:0 3px 16px rgba(20,24,21,.06)}
html[data-theme="light"] .elgon-page--catalog .header-search input:focus{background:#fff!important;border-color:#9b772d!important;box-shadow:0 0 0 3px rgba(215,170,69,.13)}
html[data-theme="light"] .elgon-page--catalog :is(.s-item,.search-result-card,.genre-chip){background:#fff!important;border-color:rgba(20,24,21,.11)!important;color:#171917!important;box-shadow:0 12px 32px rgba(26,31,27,.08)!important}
html[data-theme="light"] .elgon-page--catalog .search-result-art{background:#e8e8e5!important;border-color:rgba(20,24,21,.09)!important}
html[data-theme="light"] .elgon-page--catalog .search-result-meta{border-color:rgba(20,24,21,.10)!important}
html[data-theme="light"] .elgon-page--catalog .search-empty{background:#fff!important;border-color:rgba(20,24,21,.16)!important}
/* The artwork hero remains cinematic in either theme. */
.elgon-page--catalog .elgon-hero :is(h1,p,.elgon-hero__meta,.elgon-hero__status){color:#fff!important}

/* Watch page: keep the video itself black, theme the surrounding cinema shell. */
html[data-theme="light"] .elgon-page--watch{background:#f6f6f3!important}
html[data-theme="light"] .elgon-page--watch #vwrap,
html[data-theme="light"] .elgon-page--watch .video-container{background:#000!important}
html[data-theme="light"] .elgon-page--watch :is(.movie-info,.watch-details,.party-panel){color:#171917}

/* Tickets and store */
html[data-theme="light"] :is(.elgon-page--ticket,.elgon-page--merch) .min-h-screen{background:linear-gradient(145deg,#f7f7f4,#e9e9e5)!important}
html[data-theme="light"] :is(.elgon-page--ticket,.elgon-page--merch) .efx-title{color:#111!important}
html[data-theme="light"] :is(.elgon-page--ticket,.elgon-page--merch) .efx-description{color:#5f655f!important}
html[data-theme="light"] :is(.elgon-page--ticket,.elgon-page--merch) .efx-artwork{background:#fff!important;border-color:rgba(20,24,21,.10)!important;box-shadow:0 20px 60px rgba(26,31,27,.12)!important}
html[data-theme="light"] :is(.elgon-page--ticket,.elgon-page--merch) .efx-price{color:#111!important}

/* Voting */
html[data-theme="light"] .elgon-page--voting{background:#f6f6f3!important;color:#171917!important}
html[data-theme="light"] .elgon-page--voting :is(.campaign-card,.category-card,.nominee-card,.modal-panel){background:#fff!important;color:#171917!important;border-color:rgba(20,24,21,.12)!important;box-shadow:0 14px 40px rgba(26,31,27,.09)!important}
html[data-theme="light"] .elgon-page--voting :is(.card-body p,.lead,.breadcrumb,.section-kicker,.code){color:#626862!important}
html[data-theme="light"] .elgon-page--voting :is(.field,.search input,.stepper button,.chip,.pay-tab){background:#f1f2ef!important;color:#111!important;border-color:#d0d3d0!important}
html[data-theme="light"] .elgon-page--voting .mobile-vote{background:rgba(250,250,247,.96)!important;border-color:rgba(20,24,21,.12)!important}

/* Receipts and verification */
html[data-theme="light"] :is(.elgon-page--receipt,.elgon-page--verify){background:radial-gradient(circle at 50% 0,rgba(215,170,69,.10),transparent 34%),#f3f3f0!important;color:#171917!important}
html[data-theme="light"] .elgon-page--receipt .receipt,
html[data-theme="light"] .elgon-page--verify .card{background:#fff!important;color:#171917!important;border-color:rgba(20,24,21,.13)!important;box-shadow:0 28px 80px rgba(26,31,27,.13)!important}
html[data-theme="light"] .elgon-page--receipt .receipt-head{background:linear-gradient(120deg,rgba(215,170,69,.10),transparent 55%)!important;border-color:rgba(20,24,21,.10)!important}
html[data-theme="light"] .elgon-page--receipt :is(.receipt-ref strong,.detail strong,.row .value){color:#171917!important}
html[data-theme="light"] .elgon-page--receipt :is(.back,.home,.lead,.detail span,.label,.privacy){color:#646b65!important}
html[data-theme="light"] .elgon-page--receipt .detail,
html[data-theme="light"] .elgon-page--receipt .row,
html[data-theme="light"] .elgon-page--receipt .actions,
html[data-theme="light"] .elgon-page--receipt .privacy{border-color:rgba(20,24,21,.10)!important}
html[data-theme="light"] .elgon-page--receipt .secondary{background:#e7e8e5!important;color:#111!important}
html[data-theme="light"] .elgon-page--verify .head,
html[data-theme="light"] .elgon-page--verify .foot{border-color:rgba(20,24,21,.10)!important}
html[data-theme="light"] .elgon-page--verify .fact{background:#f5f5f2!important;border-color:rgba(20,24,21,.10)!important}
html[data-theme="light"] .elgon-page--verify :is(.sub,.fact span,.foot){color:#697069!important}

/* Small consistent theme control used on receipts/verification pages. */
.elgon-theme-mini{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--efx-line);border-radius:50%;background:var(--efx-input);color:var(--efx-text);cursor:pointer;font-size:16px;transition:background .18s,border-color .18s,transform .18s}
.elgon-theme-mini:hover{background:var(--efx-hover);border-color:rgba(215,170,69,.48);transform:translateY(-1px)}
.elgon-theme-actions{display:flex;align-items:center;gap:10px}
.elgon-verify-theme{position:fixed;right:18px;top:18px;z-index:10}

/* Phone search: always visibly searchable instead of collapsing to an icon-only 4rem field. */
@media(max-width:640px){
  .elgon-page--catalog .netflix-header{padding-inline:.7rem!important;gap:.5rem!important}
  .elgon-page--catalog .header-actions{flex:1 1 auto!important;min-width:0!important;gap:.45rem!important}
  .elgon-page--catalog .header-search{position:relative!important;left:auto!important;right:auto!important;width:auto!important;min-width:128px!important;max-width:230px!important;flex:1 1 180px!important}
  .elgon-page--catalog .header-search:focus-within{position:relative!important;left:auto!important;right:auto!important;width:auto!important;z-index:5!important}
  .elgon-page--catalog .header-search input{min-height:42px!important;padding:.65rem 2.05rem .65rem 2.35rem!important;font-size:.76rem!important}
  .elgon-page--catalog .header-search input::placeholder{color:#8f948f!important;opacity:1!important}
  .elgon-page--catalog .header-search i{left:.82rem!important;font-size:.82rem!important}
}
@media(max-width:430px){
  .elgon-page--catalog .header-brand{display:none!important}
  .elgon-page--catalog .header-search{max-width:none!important;min-width:0!important;flex:1 1 auto!important}
  .elgon-page--catalog .header-search input::placeholder{font-size:.7rem!important}
}

@media(prefers-reduced-motion:reduce){body.elgon-page{transition:none}}


/* v11.1 — consistent support navigation + dedicated support page */
.efx-support-nav{color:var(--efx-gold)!important;font-weight:800!important}
.efx-support-nav:hover,.efx-support-nav.active{color:#fff!important}
html[data-theme="light"] .efx-support-nav{color:#8a641d!important}
html[data-theme="light"] .efx-support-nav:hover,html[data-theme="light"] .efx-support-nav.active{color:#111!important}
.efx-support-pill{border-color:rgba(215,170,69,.38)!important;color:var(--efx-gold)!important;background:rgba(215,170,69,.08)!important}
.efx-support-pill:hover{background:rgba(215,170,69,.16)!important;border-color:rgba(215,170,69,.62)!important}
html[data-theme="light"] .efx-support-pill{color:#76561a!important;background:rgba(215,170,69,.10)!important;border-color:rgba(138,100,29,.25)!important}
.receipt-support{color:var(--efx-gold)!important;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}
.verify-actions{position:fixed;right:18px;top:18px;z-index:10;display:flex;align-items:center;gap:10px}

/* Dedicated Support page */
html[data-theme="light"] .elgon-page--donate .support-card{background:#fff!important;border-color:rgba(20,24,21,.12)!important;box-shadow:0 26px 70px rgba(26,31,27,.12)!important}
html[data-theme="light"] .elgon-page--donate .support-point{border-color:rgba(20,24,21,.12)!important}
html[data-theme="light"] .elgon-page--donate .quick-amount,
html[data-theme="light"] .elgon-page--donate .field,
html[data-theme="light"] .elgon-page--donate .pay-tab{background:#f2f2ef!important;color:#171917!important;border-color:rgba(20,24,21,.15)!important}
html[data-theme="light"] .elgon-page--donate .pay-tab.active{background:#171917!important;color:#fff!important;border-color:#171917!important}
html[data-theme="light"] .elgon-page--donate .gateway-shell{background:#fff!important;border-color:rgba(20,24,21,.12)!important}

/* Keep mobile search obvious and usable at first glance. */
@media(max-width:640px){
  .elgon-page--catalog .header-search input{border-color:rgba(255,255,255,.30)!important;background:rgba(8,8,8,.82)!important}
  html[data-theme="light"] .elgon-page--catalog .header-search input{background:#fff!important;border-color:rgba(20,24,21,.22)!important}
  .elgon-page--catalog .header-search input::placeholder{color:#b7bbb7!important}
  html[data-theme="light"] .elgon-page--catalog .header-search input::placeholder{color:#777d78!important}
}
@media(max-width:700px){
  .efx-support-pill{display:inline-grid!important;width:40px!important;height:40px!important;padding:0!important;border-radius:50%!important;place-items:center!important}
  .efx-support-pill span{display:none!important}
  .receipt-support{font-size:11px}
  .verify-actions{right:12px;top:12px}
}
@media(max-width:700px){
  .efx-public-header .efx-header-brand .elgonflix-brand__name{display:none!important}
}

/* v11.2 — catalogue cards fully participate in light mode. These selectors
   intentionally match the high-specificity cinematic catalogue rules in index.php. */
html[data-theme="light"] body.elgon-page--catalog #videosView .library-grid .s-item,
html[data-theme="light"] body.elgon-page--catalog #trendingView .s-item,
html[data-theme="light"] body.elgon-page--catalog #eventsView .s-item,
html[data-theme="light"] body.elgon-page--catalog #watchlistView .s-item,
html[data-theme="light"] body.elgon-page--catalog #actorsView .s-item,
html[data-theme="light"] body.elgon-page--catalog #merchView .s-item{
  background:#fff!important;
  color:#171917!important;
  border-color:rgba(20,24,21,.11)!important;
  box-shadow:0 10px 28px rgba(26,31,27,.10)!important;
}
html[data-theme="light"] body.elgon-page--catalog #videosView .library-grid .s-item:hover,
html[data-theme="light"] body.elgon-page--catalog #trendingView .s-item:hover,
html[data-theme="light"] body.elgon-page--catalog #eventsView .s-item:hover,
html[data-theme="light"] body.elgon-page--catalog #watchlistView .s-item:hover,
html[data-theme="light"] body.elgon-page--catalog #actorsView .s-item:hover,
html[data-theme="light"] body.elgon-page--catalog #merchView .s-item:hover{
  background:#fff!important;
  border-color:rgba(20,24,21,.22)!important;
  box-shadow:0 20px 46px rgba(26,31,27,.15)!important;
}
html[data-theme="light"] body.elgon-page--catalog #videosView .library-grid .s-item h3,
html[data-theme="light"] body.elgon-page--catalog #trendingView .s-item h3,
html[data-theme="light"] body.elgon-page--catalog #eventsView .s-item h3,
html[data-theme="light"] body.elgon-page--catalog #watchlistView .s-item h3,
html[data-theme="light"] body.elgon-page--catalog #actorsView .s-item h3,
html[data-theme="light"] body.elgon-page--catalog #merchView .s-item h3{
  color:#171917!important;
}
html[data-theme="light"] body.elgon-page--catalog #videosView .library-grid .s-item:hover h3,
html[data-theme="light"] body.elgon-page--catalog #trendingView .s-item:hover h3,
html[data-theme="light"] body.elgon-page--catalog #eventsView .s-item:hover h3,
html[data-theme="light"] body.elgon-page--catalog #watchlistView .s-item:hover h3,
html[data-theme="light"] body.elgon-page--catalog #actorsView .s-item:hover h3,
html[data-theme="light"] body.elgon-page--catalog #merchView .s-item:hover h3{
  color:#111!important;
}
html[data-theme="light"] body.elgon-page--catalog #videosView .library-grid .s-item .mt-4.text-elgon-gold,
html[data-theme="light"] body.elgon-page--catalog #trendingView .s-item .card-price,
html[data-theme="light"] body.elgon-page--catalog #watchlistView .s-item .mt-auto.pt-3{
  color:#715617!important;
  border-color:rgba(20,24,21,.10)!important;
}
html[data-theme="light"] body.elgon-page--catalog #videosView .library-grid .s-item .bg-\[var\(--input-bg\)\],
html[data-theme="light"] body.elgon-page--catalog #eventsView .s-item .bg-\[var\(--input-bg\)\],
html[data-theme="light"] body.elgon-page--catalog #actorsView .s-item .bg-\[var\(--input-bg\)\],
html[data-theme="light"] body.elgon-page--catalog #merchView .s-item .bg-\[var\(--input-bg\)\]{
  color:#4f554f!important;
  border-color:rgba(20,24,21,.10)!important;
}
html[data-theme="light"] body.elgon-page--catalog .v-sec .s-item :is(.text-\[var\(--txt-2\)\],.category-meta){color:#646a64!important}
html[data-theme="light"] body.elgon-page--catalog .v-sec .s-item .border-\[var\(--glass-brd\)\]{border-color:rgba(20,24,21,.10)!important}
/* Artwork/video surfaces remain dark by design, while the information card becomes light. */
html[data-theme="light"] body.elgon-page--catalog :is(.video-preview-surface,#eventsView .h-48){background:#111!important}