/* EscortWP 3.7.6.224.80.200.50 — unified Live Cams presentation layer.
   Presentation only: no credit, rate, wallet, payment, payout or pricing logic lives here. */

:root{
  --lc-shell-bg:#07101d;
  --lc-shell-bg-2:#0a1625;
  --lc-shell-line:#243247;
  --lc-shell-text:#f7f8fb;
  --lc-shell-muted:#9eabbb;
  --lc-shell-pink:#f42583;
  --lc-shell-pink-2:#ff3b9c;
  --lc-shell-rail:244px;
  --lc-shell-top:76px;
}

/* ---------- PUBLIC LIVE CAMS HEADER CONTRACT ---------- */
.lc-public-topbar{
  box-sizing:border-box!important;
  min-height:var(--lc-shell-top)!important;
  height:auto!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
  padding:0 28px!important;
  background:#080d18!important;
  border-bottom:1px solid #20283a!important;
  color:var(--lc-shell-text)!important;
  position:sticky!important;
  top:0!important;
  z-index:120!important;
  overflow:visible!important;
}
.lc-public-topbar>nav,
.lc-public-topbar .cmr-approved-nav{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:none!important;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  white-space:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  overscroll-behavior-x:contain!important;
}
.lc-public-topbar>nav::-webkit-scrollbar,
.lc-public-topbar .cmr-approved-nav::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.lc-public-topbar>nav>a,
.lc-public-topbar .cmr-approved-nav>a{
  flex:0 0 auto!important;
  color:#f6f7fa!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1.2!important;
}
.lc-public-topbar>nav>a.is-active,
.lc-public-topbar .cmr-approved-nav>a.is-active{color:#fff!important}
.lc-public-topbar>nav>a.is-active:after{background:var(--lc-shell-pink)!important}

/* Generic public header used where older pages previously fell back to the normal site shell. */
.lc-public-generic-top .lc-public-brand,
.lc-model-generic-top .lc-model-brand{
  min-width:220px;
  display:grid;
  grid-template-columns:42px auto;
  grid-template-rows:auto auto;
  align-items:center;
  text-decoration:none;
  color:#fff;
}
.lc-public-generic-top .lc-public-brand>span,
.lc-model-generic-top .lc-model-brand>span{grid-row:1/3;font-size:34px;line-height:1;color:var(--lc-shell-pink)}
.lc-public-generic-top .lc-public-brand strong,
.lc-model-generic-top .lc-model-brand strong{font-size:20px;line-height:1.05;color:#fff}
.lc-public-generic-top .lc-public-brand strong em,
.lc-model-generic-top .lc-model-brand strong em{font-style:normal;color:var(--lc-shell-pink)}
.lc-public-generic-top .lc-public-brand small,
.lc-model-generic-top .lc-model-brand small{font-size:8px;letter-spacing:.12em;color:#aab4c1}
.lc-public-actions,.lc-model-user{display:flex;align-items:center;gap:10px;flex:0 0 auto;white-space:nowrap}
.lc-public-actions a,.lc-model-user a{
  min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
  padding:10px 16px;border:1px solid #9d2a65;border-radius:9px;color:#fff;text-decoration:none;font-weight:700;font-size:13px
}
.lc-public-actions a.is-primary{background:var(--lc-shell-pink);border-color:var(--lc-shell-pink)}
.lc-model-user img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid rgba(244,37,131,.55)}
.lc-model-user a{border:0;padding:0;min-height:0}

/* Mid-size desktop: make the header a deliberate two-row shell instead of exposing a browser scrollbar. */
@media (min-width:821px) and (max-width:1450px){
  .lc-public-topbar{
    display:grid!important;
    grid-template-columns:minmax(180px,1fr) auto!important;
    grid-template-rows:64px 48px!important;
    gap:0 16px!important;
    padding:0 22px!important;
  }
  .lc-public-topbar>nav,
  .lc-public-topbar .cmr-approved-nav{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:calc(100% + 44px)!important;
    margin:0 -22px!important;
    padding:0 22px!important;
    min-height:48px!important;
    background:#0b1721!important;
    border-top:1px solid #172636!important;
    gap:24px!important;
  }
  .lc-public-topbar>nav>a,
  .lc-public-topbar .cmr-approved-nav>a{height:48px!important;display:flex!important;align-items:center!important}
  .lc-public-topbar :is(.lcc-account,.lct-account,.ctm-account,.cnm-account,.clc-account,.cfv-account,.cfl-account,.cof-account,.cmr-account-actions,.lc-public-actions){
    grid-column:2!important;grid-row:1!important;justify-self:end!important;align-self:center!important;
  }
  .escortwp-public-cam-model .cmr-approved-search{display:none!important}
  .lc-public-topbar :is(.lcc-brand,.lct-brand,.ctm-brand,.cnm-brand,.clc-brand,.cfv-brand,.cfl-brand,.cof-brand,.cmr-brand,.lc-public-brand){
    grid-column:1!important;grid-row:1!important;align-self:center!important;
  }
}

/* ---------- CREDITS PAGE CTA HARDENING ---------- */
.lcc-package{box-sizing:border-box!important;overflow:visible!important}
.lcc-package .buy{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:46px!important;
  margin-top:20px!important;
  padding:10px 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.2!important;
  white-space:normal!important;
  overflow:visible!important;
  color:#fff!important;
  background:linear-gradient(90deg,var(--lc-shell-pink),var(--lc-shell-pink-2))!important;
  border-radius:7px!important;
  font-weight:800!important;
}
.lcc-package:link,.lcc-package:visited,.lcc-package:hover,.lcc-package:active{text-decoration:none!important}
.lcc-package .buy:before,.lcc-package .buy:after{display:none!important}

/* ---------- VIEWER CONTROL CENTRE ---------- */
.lc-viewer-topbar{
  min-height:var(--lc-shell-top)!important;
  height:auto!important;
  position:sticky!important;
  top:0!important;
  z-index:115!important;
  background:#08111f!important;
  border-bottom:1px solid #223148!important;
  box-sizing:border-box!important;
}
.lc-viewer-topbar>nav{
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.lc-viewer-topbar>nav::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.lc-viewer-sidebar{
  align-self:start!important;
  background:#0a1524!important;
  border-right:1px solid #223148!important;
  box-sizing:border-box!important;
}
.lc-viewer-sidebar nav a{box-sizing:border-box!important;border-radius:8px!important;transition:background .15s ease,color .15s ease!important}
.lc-viewer-sidebar nav a:is(.is-active,.active){background:linear-gradient(90deg,#f42583,#e61c76)!important;color:#fff!important}
.lc-viewer-content{min-width:0!important;box-sizing:border-box!important}

/* ---------- MODEL CONTROL CENTRE ---------- */
.lc-model-app{min-height:100vh;background:#07101d;color:#fff}
.lc-model-topbar{
  min-height:var(--lc-shell-top)!important;
  height:auto!important;
  position:sticky!important;
  top:0!important;
  z-index:116!important;
  box-sizing:border-box!important;
  background:#08111f!important;
  border-bottom:1px solid #223148!important;
}
.lc-model-topbar>nav{
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.lc-model-topbar>nav::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.lc-model-sidebar{
  align-self:start!important;
  background:#0a1524!important;
  border-right:1px solid #223148!important;
  box-sizing:border-box!important;
}
.lc-model-sidebar nav a{box-sizing:border-box!important;border-radius:8px!important;transition:background .15s ease,color .15s ease!important}
.lc-model-sidebar nav a:is(.is-active,.active){background:linear-gradient(90deg,#f42583,#e61c76)!important;color:#fff!important}
.lc-model-content{min-width:0!important;box-sizing:border-box!important}

/* Generic topbar needed by Club Elite / Awards / Support after removal of the ordinary site header. */
.lc-model-generic-top{
  display:flex!important;align-items:center!important;gap:20px!important;padding:0 28px!important;color:#fff!important
}
.lc-model-generic-top>nav{display:flex!important;align-items:center!important;gap:18px!important;flex:1 1 auto!important;white-space:nowrap!important}
.lc-model-generic-top>nav a{color:#f4f6fa!important;text-decoration:none!important;font-size:13px!important;font-weight:650!important;flex:0 0 auto!important}

/* Sticky rails on desktop. The rail scrolls independently if its menu is taller than the viewport. */
@media (min-width:961px){
  .lc-viewer-sidebar,.lc-model-sidebar{
    position:sticky!important;
    top:var(--lc-shell-top)!important;
    max-height:calc(100vh - var(--lc-shell-top))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:thin!important;
  }
}

/* Keep topbars useful on narrower desktop/tablet without disturbing each page's content/tabs. */
@media (min-width:821px) and (max-width:1180px){
  .lc-viewer-topbar,.lc-model-topbar{
    display:grid!important;
    grid-template-columns:minmax(180px,1fr) auto!important;
    grid-template-rows:62px 48px!important;
    height:auto!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  .lc-viewer-topbar>nav,.lc-model-topbar>nav{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    gap:22px!important;
    border-top:1px solid #172636!important;
    background:#0b1721!important;
  }
}

/* Two-row account headers are taller in this range, so keep the sticky rail below the full header. */
@media (min-width:961px) and (max-width:1180px){
  .lc-viewer-sidebar,.lc-model-sidebar{
    top:110px!important;
    max-height:calc(100vh - 110px)!important;
  }
}

/* Mobile keeps the existing page-specific mobile work, but removes accidental scrollbars and clipping. */
@media (max-width:820px){
  .lc-public-topbar,.lc-viewer-topbar,.lc-model-topbar{top:0!important}
  .lc-public-topbar{
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto auto!important;
    align-items:center!important;
    column-gap:10px!important;
    row-gap:0!important;
    padding:10px 14px 0!important;
    overflow:visible!important;
  }
  .lc-public-topbar :is(.lcc-brand,.lct-brand,.ctm-brand,.cnm-brand,.clc-brand,.cfv-brand,.cfl-brand,.cof-brand,.cmr-brand,.lc-public-brand){
    grid-column:1!important;grid-row:1!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;
  }
  .lc-public-topbar :is(.lcc-account,.lct-account,.ctm-account,.cnm-account,.clc-account,.cfv-account,.cfl-account,.cof-account,.cmr-account-actions,.lc-public-actions){
    grid-column:2!important;grid-row:1!important;justify-self:end!important;min-width:0!important;
  }
  .lc-public-topbar>nav,.lc-public-topbar .cmr-approved-nav{
    grid-column:1 / -1!important;grid-row:2!important;width:calc(100% + 28px)!important;max-width:none!important;
    height:58px!important;min-height:58px!important;margin:9px -14px 0!important;padding:0 14px!important;
    display:flex!important;align-items:stretch!important;gap:24px!important;background:#0b1721!important;border-top:1px solid #182936!important;
  }
  .lc-public-topbar>nav>a,.lc-public-topbar .cmr-approved-nav>a{height:58px!important;display:flex!important;align-items:center!important}
  .lc-public-topbar .ewp-cam-mobile-search{grid-column:1 / -1!important;grid-row:3!important}
  .lc-public-topbar>nav,.lc-viewer-topbar>nav,.lc-model-topbar>nav{scrollbar-width:none!important;-ms-overflow-style:none!important}
  .lc-public-topbar>nav::-webkit-scrollbar,.lc-viewer-topbar>nav::-webkit-scrollbar,.lc-model-topbar>nav::-webkit-scrollbar{display:none!important}
  .lc-model-generic-top{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;
    padding:10px 14px 0!important;gap:0 10px!important
  }
  .lc-model-generic-top .lc-model-brand{grid-column:1!important;grid-row:1!important;min-width:0!important}
  .lc-model-generic-top .lc-model-user{grid-column:2!important;grid-row:1!important}
  .lc-model-generic-top>nav{grid-column:1 / -1!important;grid-row:2!important;width:calc(100% + 28px)!important;margin:9px -14px 0!important;padding:0 14px!important;height:58px!important;gap:22px!important;background:#0b1721!important;border-top:1px solid #182936!important}
  .lc-model-generic-top>nav a{height:58px!important;display:flex!important;align-items:center!important}
  .lc-public-generic-top .lc-public-brand small,.lc-model-generic-top .lc-model-brand small{display:none!important}
  .lcc-package .buy{min-height:48px!important;font-size:14px!important}
}

@media (max-width:480px){
  .lcc-packages{gap:10px!important}
  .lcc-package{padding-left:10px!important;padding-right:10px!important}
  .lcc-package .buy{padding-left:6px!important;padding-right:6px!important;font-size:13px!important}
}

/* 3.7.6.224.80.200.51 — public help + rollout route hardening. */
.lc-help-public{min-height:calc(100vh - 72px);padding:36px clamp(18px,4vw,58px) 60px;background:#070d18;color:#f7f8fb}
.lc-help-public__hero{max-width:900px;margin:0 auto 24px;padding:34px;border:1px solid #263044;border-radius:18px;background:linear-gradient(120deg,#10192a,#261226)}
.lc-help-public__hero>span{color:#ff2a84;font-weight:900;letter-spacing:.12em;font-size:12px}.lc-help-public__hero h1{margin:8px 0 10px;font-size:42px;color:#fff}.lc-help-public__hero p{margin:0;color:#cbd3df;font-size:16px;line-height:1.6}
.lc-help-public__grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.lc-help-public__faqs,.lc-help-public__side section{border:1px solid #263044;border-radius:16px;background:#0d1625;padding:22px}.lc-help-public__faqs h2,.lc-help-public__side h2{margin:0 0 14px;color:#fff}.lc-help-public__faqs details{border-top:1px solid #273248;padding:15px 0}.lc-help-public__faqs details:first-of-type{border-top:0}.lc-help-public__faqs summary{cursor:pointer;color:#fff;font-weight:800}.lc-help-public__faqs p,.lc-help-public__side p{color:#bac4d2;line-height:1.6}.lc-help-public__side{display:grid;gap:16px;position:sticky;top:92px}.lc-help-public__side a{display:block;margin-top:10px;padding:11px 13px;border:1px solid #3a465d;border-radius:9px;color:#fff;text-decoration:none;font-weight:800}.lc-help-public__side a.is-primary{border-color:#f31b79;background:#f31b79}
@media(max-width:900px){.lc-help-public{padding:20px 12px 40px}.lc-help-public__hero{padding:24px}.lc-help-public__hero h1{font-size:34px}.lc-help-public__grid{grid-template-columns:1fr}.lc-help-public__side{position:static}}

/* 3.7.6.224.80.200.55 — Live Cams language selector parity with Escort.
   Reuse the same master details/summary markup and the same vertical dropdown.
   Only the host placement is Live-Cams-specific; the language UI itself is not. */
.lc-language-action-host{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
.lc-language-host{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;position:relative;z-index:140}
.lc-language-host .escortwp-language-switcher{color:#fff}
.lc-language-host .escortwp-language-switcher summary{
  background:#d633a3;border-color:#d633a3;color:#fff;min-height:2.2em
}
.lc-language-host .escortwp-language-switcher summary:hover,
.lc-language-host .escortwp-language-switcher[open] summary{background:#AC35C4;border-color:#AC35C4}
.lc-language-host .escortwp-language-menu{top:calc(100% + 8px);right:0}
.lc-language-host .escortwp-language-menu .escortwp-language-option{display:grid!important}
@media(max-width:820px){
  .lc-language-action-host{gap:7px!important}
  .lc-language-host .escortwp-language-switcher summary{padding-left:10px;padding-right:10px}
}

/* 3.7.6.224.80.200.57 — legacy Live Cams floating selector correction.
   Match the Escort-page interaction: opening the vertical dropdown never changes
   header height or document flow. The menu floats above the nav/content and the
   legacy header/action wrappers stay overflow-visible so it cannot be clipped. */
.cam-top,.lcs-top,.lca-top,.cmr-topbar{position:relative;z-index:220;overflow:visible!important}
.cam-top-actions,.lcs-top-actions,.lca-top nav,.cmr-account-actions,.lc-language-action-host{overflow:visible!important}
.cam-top .lc-language-host{margin-left:2px;position:relative;z-index:230}
.cam-top .lc-language-host .escortwp-language-menu,
.lcs-top .lc-language-host .escortwp-language-menu,
.lca-top .lc-language-host .escortwp-language-menu,
.cmr-topbar .lc-language-host .escortwp-language-menu{
  position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;z-index:999999!important;
}
@media(max-width:820px){
  .cam-top .lc-language-host{margin-left:0}
}