@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

/* ===== AdultFun — design tokens =====
   Boutique-lingerie energy: deep plum + hot magenta + gold, on a soft
   blush base. Brand colour (--cv-caramel-deep) is #8A2869 as specified.
   No gradients anywhere below — solid colour only.
*/
:root {
    --cv-espresso: #2e0e22;
    --cv-espresso-soft: #6b1f49;
    --cv-cream: #fff3f8;
    --cv-cream-deep: #ffe3ef;
    --cv-caramel: #e2257a;
    --cv-caramel-deep: #8a2869;
    --cv-green: #d8a13b;
    --cv-text: #2b0e20;
    --cv-muted: #8c5c75;
    --cv-line: #f2c9dd;
    --cv-white: #ffffff;
    --cv-script: 'Pacifico', cursive;
    --radius: 20px;
    --shadow: 0 8px 24px rgba(138, 40, 105, 0.14);
    --shadow-hover: 0 18px 40px rgba(226, 37, 122, 0.28);
}

/* Everything below is scoped to body.site-adultfun so it can never bleed
   into coffeevibes / ecocheck, which share this same style.css. */

/* ----- Header: the photo, darkened with a flat colour wash (no gradient) ----- */
.site-adultfun .site-header {
    position: relative;
    border-bottom: none;
    background-color: rgba(20, 4, 14, 0.62);
    background-image: url('/assets/img/adultfun-header.jpg');
    background-size: cover;
    background-position: center 40%;
    background-blend-mode: multiply;
}
.site-adultfun .header-row {
    height: 140px;
}
.site-adultfun .search-row {
    padding: 10px 0 32px;
}
@media (max-width: 860px) {
    .site-adultfun .header-row { height: 108px; }
}
.site-adultfun .site-header::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: -1px;
    height: 3px;
    background: var(--cv-caramel);
}

/* ----- Wordmark: the real AdultFun brand mark, vertically centred against
   the nav chips at the same flex baseline (this is what was misaligned) ----- */
.site-adultfun .logo {
    align-items: center;
}
.site-adultfun .logo img {
    height: 55px;
    filter: drop-shadow(0 1px 6px rgba(0, 0, 0, 0.5));
}

/* ----- Nav: translucent glass chips sitting on the photo, centred
   on exactly the same line as the logo ----- */
.site-adultfun .cat-nav {
    align-items: center;
}
.site-adultfun .cat-nav ul {
    align-items: center;
}
.site-adultfun .cat-nav a {
    color: #ffe9f3;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 11.5px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
}
.site-adultfun .cat-nav a:hover {
    color: var(--cv-espresso);
    background: var(--cv-caramel);
    border-color: var(--cv-caramel);
}
.site-adultfun .mobile-cat-nav a { color: #ffd9ec; }
.site-adultfun .mobile-cat-nav li { border-color: rgba(255, 217, 236, 0.18); }
.site-adultfun .menu-toggle {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 217, 236, 0.4);
}
.site-adultfun .menu-toggle span { background: #ffd9ec; }

/* ----- Search pill: solid, sleek, sitting over the photo -----
   The select's closed box AND its native dropdown popup both use this
   same colour pair, so it has to be readable in both states — a light
   chip with dark text, never light-on-light. */
.site-adultfun .search-form {
    background: var(--cv-white);
    border-color: var(--cv-caramel-deep);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
}
.site-adultfun .search-form:focus-within {
    border-color: var(--cv-caramel);
}
.site-adultfun .search-form select {
    background: var(--cv-cream-deep);
    color: var(--cv-text);
    border-right-color: var(--cv-line);
}
.site-adultfun .search-form select option {
    background: var(--cv-white);
    color: var(--cv-text);
}
.site-adultfun .search-form input[type="text"] {
    background: var(--cv-white);
    color: var(--cv-text);
}
.site-adultfun .search-form input[type="text"]::placeholder {
    color: var(--cv-muted);
}

/* ----- Hero: a simple solid underline beneath the tagline ----- */
.site-adultfun .hero p::after {
    content: "";
    display: block;
    width: 96px;
    height: 6px;
    margin: 18px auto 0;
    background: var(--cv-caramel);
    border-radius: 999px;
}

/* ----- Section headers: script display face for category names ----- */
.site-adultfun .section-head h2 {
    font-family: var(--cv-script);
    font-weight: 400;
    font-size: 30px;
    letter-spacing: 0;
}

/* ----- CTAs: solid brand colour ----- */
.site-adultfun .search-form button,
.site-adultfun .facets-apply {
    background: var(--cv-caramel-deep);
}
.site-adultfun .search-form button:hover,
.site-adultfun .facets-apply:hover {
    background: var(--cv-caramel);
}

/* The WhatsApp link sits on the dark photo header here, so it needs light
   text (the default espresso-soft would be unreadable). */
.site-adultfun .wa-shopper {
    color: #ffe9f3;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.site-adultfun .wa-shopper:hover { color: var(--cv-caramel); }