/* =============================================================
   CREDIT ACCESS WITH HENNY LO — sub-brand theme
   Hot pink / bright yellow / turquoise, pop-art styling.
   Every rule is scoped to .theme-credit so the sub-brand can
   never leak into the parent Henny Lo identity.
   ============================================================= */

.theme-credit{
  --pink:#FF3D8B;
  --pink-d:#D81B6B;
  --yellow:#FFD83D;
  --turq:#25D0C5;
  --pop-ink:#141018;
  --pop-paper:#FFF8F1;
  background:var(--pop-paper);
  color:var(--pop-ink);
}
.theme-credit h1,.theme-credit h2,.theme-credit h3,.theme-credit h4{color:var(--pop-ink)}
.theme-credit .lede,.theme-credit .small{color:#564C5A}
.theme-credit .tiny{color:#7B7080}
.theme-credit .eyebrow{color:var(--pink-d)}

/* halftone-ish pop backdrop, kept subtle enough to read over */
.theme-credit .pop-bg{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(255,61,139,.2) 1.4px,transparent 1.5px);
  background-size:14px 14px}
.theme-credit .band-pink{background:var(--pink);color:#fff}
.theme-credit .band-yellow{background:var(--yellow);color:var(--pop-ink)}
.theme-credit .band-turq{background:var(--turq);color:var(--pop-ink)}
.theme-credit .band-pink .lede,.theme-credit .band-pink .small{color:rgba(255,255,255,.9)}
.theme-credit .band-pink h2,.theme-credit .band-pink h3{color:#fff}
.theme-credit .band-pink .eyebrow{color:var(--yellow)}
.theme-credit .band-yellow .eyebrow,.theme-credit .band-turq .eyebrow{color:var(--pink-d)}
.theme-credit .band-yellow .lede,.theme-credit .band-turq .lede{color:#3F3545}

/* chunky pop buttons */
.theme-credit .btn-lime{background:var(--pink);color:#fff;box-shadow:0 6px 0 var(--pink-d)}
.theme-credit .btn-lime:hover{background:#FF5BA0;box-shadow:0 8px 0 var(--pink-d)}
.theme-credit .btn-chrome{background:var(--yellow);color:var(--pop-ink);box-shadow:0 6px 0 #D6AF18}
.theme-credit .btn-chrome:hover{background:#FFE469}
.theme-credit .btn-ghost{border-color:var(--pop-ink);color:var(--pop-ink)}
.theme-credit .btn-ghost:hover{background:var(--pop-ink);color:#fff}
.theme-credit .band-pink .btn-ghost{border-color:#fff;color:#fff}
.theme-credit .band-pink .btn-ghost:hover{background:#fff;color:var(--pink-d)}
.theme-credit .pending{color:#7B7080;border-color:rgba(20,16,24,.28);background:rgba(20,16,24,.04)}
.theme-credit .pending::before{background:#7B7080}

/* pop cards with the comic-panel edge */
.theme-credit .card,.theme-credit .tier,.theme-credit .quote,.theme-credit .step,.theme-credit .form-card{
  background:#fff;border:2px solid var(--pop-ink);border-radius:20px;
  box-shadow:6px 6px 0 rgba(20,16,24,.14)}
.theme-credit .card:hover{transform:translateY(-4px);box-shadow:9px 9px 0 rgba(255,61,139,.24);border-color:var(--pop-ink)}
.theme-credit .card .lede,.theme-credit .step p{color:#564C5A}
.theme-credit .tier-featured{border-color:var(--pink);box-shadow:7px 7px 0 rgba(255,61,139,.3)}
.theme-credit .tier .flag{background:var(--pink);color:#fff}
.theme-credit .tier .price small,.theme-credit .tier .who,.theme-credit .tier .price-note{color:#7B7080}
.theme-credit .card-top{display:none}
.theme-credit .step .n{background:none;-webkit-text-fill-color:var(--pink);color:var(--pink)}

.theme-credit .ticks .tk{background:var(--turq);color:#fff}
.theme-credit .chips span{color:#564C5A;border-color:rgba(20,16,24,.22);background:#fff}

.theme-credit .faq details{background:#fff;border:2px solid var(--pop-ink);border-radius:16px}
.theme-credit .faq summary::after{color:var(--pink)}
.theme-credit .faq details p{color:#564C5A}

.theme-credit .field input,.theme-credit .field select,.theme-credit .field textarea{
  background:#FFF8F1;color:var(--pop-ink);border:2px solid var(--pop-ink);border-radius:14px}
.theme-credit .field label{color:var(--pop-ink)}
.theme-credit .field input:focus,.theme-credit .field select:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(255,61,139,.18)}
.theme-credit .field select{background-image:linear-gradient(45deg,transparent 50%,var(--pink) 50%),linear-gradient(135deg,var(--pink) 50%,transparent 50%)}
.theme-credit .consent label{color:#564C5A}
.theme-credit .consent input{accent-color:var(--pink)}

.theme-credit .photo{background:#FFE9F2;border:2px solid var(--pop-ink)}
.theme-credit .photo .slot{border-color:rgba(20,16,24,.3)}
.theme-credit .photo .slot b{color:var(--pink-d)}
.theme-credit .photo .slot span{color:#7B7080}
.theme-credit .disclosure{color:#6A6074;border-color:rgba(20,16,24,.25)}
.theme-credit .disclosure b{color:var(--pop-ink)}
.theme-credit .empty-state{border-color:rgba(20,16,24,.3);background:#fff}
.theme-credit .empty-state b{color:var(--pink-d)}
.theme-credit .empty-state p{color:#7B7080}

/* The shared newsletter band keeps the parent brand's dark styling, so the
   pop-art text colours above must not follow it in — they'd render near-black
   on near-black. Everything here stays scoped to .theme-credit. */
.theme-credit #newsletter h2{color:#fff}
.theme-credit #newsletter .lede{color:rgba(255,255,255,.76)}
.theme-credit #newsletter .eyebrow{color:var(--pink)}
.theme-credit #newsletter .form-card .tiny{color:#7B7080}

/* a cutout keeps its transparency on the pop background too: the pop-art photo
   box would otherwise put a hard border round a figure that has no edges */
.theme-credit .photo-cut{background:none;border:0}
.theme-credit .photo-cut img{filter:drop-shadow(0 18px 34px rgba(20,16,24,.28))}