/* =========================================================
   PAHO — Premium interaction layer, v3
   Loads after beauty-hub.css + custom-style.css + front-page.css.
   Only transform/box-shadow/opacity transitions (compositor-only,
   no layout thrash). prefers-reduced-motion turns all of it off.
   ========================================================= */

/* ---------- Re-theme Beauty Hub's own card/filter components ---------- */
:root{
  --bh-g:   var(--primary-gold);
  --bh-gd:  var(--paho-primary-dark);
  --bh-bg:  var(--paho-bg-light);
  --bh-sf:  var(--card);
  --bh-br:  var(--bd);
  --bh-tx:  var(--paho-text);
  --bh-mu:  #756e85;
  --bh-ra:  var(--paho-radius);
  --bh-sh:  var(--paho-shadow);
  --bh-sh2: var(--sh-hover);
  --bh-foc: 0 0 0 3px rgba(124,58,237,.32);
  --bh-ea:  var(--paho-transition);
  --bh-ac:  var(--primary-gold);
}
.bh-search-input, .bh-filter-select { border-radius: .65rem; }
.bh-card { border-radius: var(--bh-ra) !important; transition: transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s cubic-bezier(.16,1,.3,1); }
.bh-card:hover, .bh-card:focus-within { transform: translateY(-5px); box-shadow: 0 24px 48px rgba(124,58,237,.14), 0 0 0 1px rgba(201,162,111,.35); }
.bh-card__photo img { transition: transform .5s cubic-bezier(.16,1,.3,1); }
.bh-card:hover .bh-card__photo img { transform: scale(1.05); }
.bh-card__btn, .bh-card__social { transition: transform .2s ease; }
.bh-card__btn:hover { transform: translateY(-1px); }
.bh-card__social:hover { transform: scale(1.08); }

/* ---------- Shared eyebrow label (used by home + taxonomy pages) ---------- */
.paho-eyebrow {
  display: inline-block; font-size: .78rem; font-weight: 700; letter-spacing: .03em;
  color: var(--paho-primary); background: rgba(124,58,237,.08);
  padding: .3rem .85rem; border-radius: var(--paho-radius-pill); margin-bottom: .9rem;
}

/* ---------- Shared hero decorative blobs (used by home + taxonomy hero) ---------- */
.paho-hero__blob { position: absolute; border-radius: 50%; filter: blur(60px); opacity: .35; pointer-events: none; }
.paho-hero__blob--a { width: 320px; height: 320px; background: #c9a26f; top: -100px; left: -70px; }
.paho-hero__blob--b { width: 260px; height: 260px; background: #a78bfa; bottom: -90px; right: -50px; }

/* ---------- Hero search card ---------- */
.paho-hero__search-btn { transition: transform .2s ease, box-shadow .2s ease; }
.paho-hero__search-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(201,162,111,.5); }
.paho-hero__search-field select:focus-visible,
.paho-hero__search-btn:focus-visible { outline: 2px solid var(--paho-primary); outline-offset: 2px; }

/* ---------- Why-cards ---------- */
.paho-why__card { transition: transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s cubic-bezier(.16,1,.3,1), border-color .3s ease; }
.paho-why__card:hover { transform: translateY(-4px); box-shadow: var(--sh-hover); border-color: transparent; }

/* ---------- VIP / article cards ---------- */
.paho-vip-card, .paho-article-card, .paho-faq__item, .paho-choose__tile {
  transition: transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s cubic-bezier(.16,1,.3,1);
}
.paho-vip-card:hover { transform: translateY(-5px); box-shadow: 0 26px 55px rgba(0,0,0,.35); }
.paho-article-card:hover { transform: translateY(-4px); box-shadow: var(--sh-hover); }
.paho-article-card__thumb img { transition: transform .5s cubic-bezier(.16,1,.3,1); }
.paho-article-card:hover .paho-article-card__thumb img { transform: scale(1.05); }

/* ---------- Chips / buttons ---------- */
.paho-explore__chip, .paho-vip-card__book, .paho-vip-card__icon-btn {
  transition: transform .2s ease, background .25s ease, color .25s ease, box-shadow .25s ease;
}
.paho-explore__chip:hover { background: var(--grad-primary); color: #fff; border-color: transparent; transform: translateY(-2px); }
.paho-vip-card__book:hover, .paho-vip-card__icon-btn:hover { transform: translateY(-2px) scale(1.03); }

/* ---------- 3-tile CTA chooser ---------- */
.paho-choose__tile:has([open]) { box-shadow: var(--sh-hover); border-color: transparent; }
.paho-choose__tile:hover { transform: translateY(-3px); }

/* ---------- Accessibility ---------- */
@media (prefers-reduced-motion: reduce) {
  .bh-card, .bh-card__photo img, .bh-card__btn, .bh-card__social,
  .paho-hero__search-btn, .paho-why__card, .paho-vip-card, .paho-article-card,
  .paho-article-card__thumb img, .paho-faq__item, .paho-choose__tile,
  .paho-explore__chip, .paho-vip-card__book, .paho-vip-card__icon-btn {
    transition: none !important;
  }
}