/* barepants.com — shared styles. Pages keep the inline styles from the
   design export; this file adds hover states, the waitlist form, the
   drawstring picker, and the phone layout. */
[data-bp-hover]{transition:filter .15s ease}
[data-bp-hover]:hover{filter:brightness(.92);text-decoration:none}
.bp-slot{display:block;width:100%;height:100%;object-fit:cover}

form[data-waitlist]{display:flex;gap:10px;flex-wrap:wrap;align-items:center;position:relative}
form[data-waitlist] input[type=email]{flex:1 1 240px;min-width:0;border:1.5px solid #D9CDB6;background:#FFFDF8;border-radius:999px;padding:15px 20px;font:inherit;font-size:16px;color:#262019}
form[data-waitlist] input[type=email]:focus{outline:2px solid #EDB33C;outline-offset:2px}
form[data-waitlist] button{background:#262019;color:#F4EFE6;border:0;border-radius:999px;padding:16px 30px;font-family:Gabarito,sans-serif;font-weight:700;font-size:17px;cursor:pointer}
form[data-waitlist] button:hover{background:#3A332B}
form[data-waitlist] button:disabled{opacity:.6;cursor:wait}
form[data-waitlist] [data-note]{flex-basis:100%;font-size:13.5px;color:#BC5B34;min-height:1.2em}
form[data-waitlist].bp-on-dark input[type=email]{background:rgba(255,253,248,.95)}
.bp-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.bp-done{font-family:Gabarito,sans-serif;font-weight:700;font-size:22px;margin:0}

[data-cord]{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1.5px solid #E0D6C2;background:#FFFDF8;font-family:Gabarito,sans-serif;font-weight:700;font-size:14px;color:#262019;cursor:pointer}
[data-cord][aria-pressed=true]{border-color:#262019;background:#F4EFE6}

@media (max-width:760px){
  nav[data-screen-label]{padding:0 20px!important;height:64px!important}
  nav[data-screen-label]>div{gap:14px!important}
  nav[data-screen-label]>div>a:not([href="/#join"]){display:none!important}
  nav[data-screen-label] a[href="/#join"]{white-space:nowrap;padding:9px 16px!important;font-size:14px!important}
  section[data-screen-label]{grid-template-columns:1fr!important;padding-left:20px!important;padding-right:20px!important;gap:28px!important}
  section[data-screen-label="Hero"]{padding-top:40px!important;padding-bottom:48px!important}
  h1{font-size:54px!important}
  h1 span span{font-size:46px!important;padding:2px 16px 8px!important}
  h2{font-size:34px!important}
  div[style*="height:580px"],div[style*="height:560px"]{height:400px!important}
  div[style*="height:440px"]{height:300px!important}
  div[style*="width:480px;height:250px"]{transform:scale(.7);transform-origin:top center;margin-bottom:-70px!important}
  div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}
  div[style*="grid-template-columns:1fr 1fr 1fr"]{grid-template-columns:1fr 1fr 1fr!important}
  section[data-screen-label="Highlights"] [style*="grid-template-columns"]{grid-template-columns:1fr!important}
  section#size-guide [style*="grid-template-columns"]{grid-template-columns:1fr!important;gap:6px!important}
  section#size-guide [style*="grid-template-columns"]>*:first-child{font-weight:700}
  footer[data-screen-label]>div{flex-direction:column!important;gap:28px!important;padding-left:20px!important;padding-right:20px!important}
  footer[data-screen-label] div[style*="font-size:170px"]{font-size:72px!important;margin-bottom:-14px!important}
}

/* ---- pass 2: share, quiz, lights, slider */
.bp-share,.bp-result-actions button{background:#EDB33C;color:#262019;border:0;border-radius:999px;padding:12px 22px;font-family:Gabarito,sans-serif;font-weight:700;font-size:15px;cursor:pointer;margin-top:12px}
.bp-share:hover,.bp-result-actions button:hover{filter:brightness(.95)}
.bp-q-text{font-family:Gabarito,sans-serif;font-weight:700;font-size:26px;margin:0 0 16px}
.bp-q-answers{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.bp-q-answers button{background:#F4EFE6;color:#262019;border:1.5px solid #E0D6C2;border-radius:999px;padding:14px 28px;font-family:Gabarito,sans-serif;font-weight:700;font-size:17px;cursor:pointer;transition:transform .12s ease,background .12s ease}
.bp-q-answers button:hover{background:#EDB33C;border-color:#EDB33C;transform:translateY(-1px)}
.bp-result{border-radius:20px;padding:36px 28px;color:#F4EFE6}
.bp-result[data-kind=bear]{background:#41604D}
.bp-result[data-kind=bare]{background:#F0C24E;color:#262019}
.bp-result h3{font-family:Gabarito,sans-serif;font-weight:800;font-size:40px;letter-spacing:-0.02em;margin:0 0 10px;line-height:1}
.bp-result p{font-size:16px;line-height:1.6;margin:0 0 6px}
.bp-result-actions{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}
.bp-result-actions a{font-family:Gabarito,sans-serif;font-weight:700;color:inherit;text-decoration:underline;margin-top:12px}
.bp-result[data-kind=bear] .bp-result-actions a{color:#F4EFE6}
.bp-q-again{background:none;border:0;color:inherit;opacity:.75;font:inherit;font-size:13px;margin-top:14px;cursor:pointer;text-decoration:underline}
.bp-lights{background:none;border:1px solid #4A4238;color:#B7AB97;border-radius:999px;padding:4px 12px;font:inherit;font-size:12px;cursor:pointer}
.bp-lights:hover{color:#F4EFE6;border-color:#B7AB97}
[data-soft-range]{height:28px}

/* ---- lights out: map the inline Polar/Ink palette to Black bear. */
html[data-theme=dark] body{background:#26221D!important;color:#F4EFE6}
html[data-theme=dark] [style*="background:#F4EFE6"]{background:#26221D!important}
html[data-theme=dark] [style*="background:#FFFDF8"]{background:#2E2923!important}
html[data-theme=dark] [style*="background:#EFE9DC"],html[data-theme=dark] [style*="background:#F0E8D8"]{background:#3A332B!important}
html[data-theme=dark] [style*="color:#262019"],html[data-theme=dark] [style*="color:#3A332B"],html[data-theme=dark] [style*="color:#4A4238"]{color:#F4EFE6!important}
html[data-theme=dark] [style*="color:#8A7B68"]{color:#B7AB97!important}
html[data-theme=dark] [style*="border-bottom:1px solid #E4DAC8"],html[data-theme=dark] [style*="border-top:1px solid #E4DAC8"],html[data-theme=dark] [style*="border:1px solid #E0D6C2"],html[data-theme=dark] [style*="border:1.5px solid #E0D6C2"]{border-color:#3A332B!important}
html[data-theme=dark] [style*="background:#262019"]:not(footer):not(footer *){background:#F4EFE6!important;color:#262019!important}
html[data-theme=dark] [style*="background:#EDB33C"]{color:#262019!important}
html[data-theme=dark] h1,html[data-theme=dark] h2{color:#F4EFE6}
html[data-theme=dark] form[data-waitlist] input[type=email]{background:#2E2923;color:#F4EFE6;border-color:#4A4238}
html[data-theme=dark] form[data-waitlist] button{background:#EDB33C;color:#262019}
html[data-theme=dark] .bp-q-answers button{background:#2E2923;color:#F4EFE6;border-color:#4A4238}
html[data-theme=dark] .bp-q-answers button:hover{background:#EDB33C;color:#262019}
html[data-theme=dark] [data-cord]{background:#2E2923;color:#F4EFE6;border-color:#4A4238}
html[data-theme=dark] .bp-lights{border-color:#B7AB97;color:#F4EFE6}