/*
Theme Name:   Malua
Theme URI:    https://wearmalua.com
Description:  Custom child theme for Malua Swimwear - editorial minimal aesthetic.
Author:       Malua
Author URI:   https://wearmalua.com
Template:     blocksy
Version:      0.9.1
Text Domain:  malua
*/

/* ---------- Design tokens ---------- */
:root {
    --malua-bg: #ffffff;
    --malua-fg: #111111;
    --malua-muted: #6b6b6b;
    --malua-line: #e7e3dd;
    --malua-sand: #f5f1ea;
    --malua-accent: #b89878;
    --malua-radius: 0;
    --malua-font-display: 'Cormorant Garamond', 'Times New Roman', serif;
    --malua-font-body: 'Inter', system-ui, -apple-system, sans-serif;
    --malua-tracking-tight: -0.02em;
    --malua-tracking-wide: 0.22em;
    --malua-tracking-logo: 0.32em;
    --malua-header-h: 110px;
    --malua-announce-h: 36px;
}

body {
    font-family: var(--malua-font-body);
    color: var(--malua-fg);
    background: var(--malua-bg);
    margin: 0;
}

/* Hide Blocksy page-title bar + reset spacing on front page (hero replaces it) */
body.home .ct-page-title,
body.home header.entry-header,
body.home .entry-header,
body.home .page-title,
body.home .page-header,
body.home .ct-breadcrumbs,
body.home .ct-main-styles-page-title,
body.home main > .entry-header { display: none !important; }

body.home #main,
body.home main#main,
body.home .ct-main-container,
body.home #content,
body.home .entry-content,
body.home .entry-content > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Pull hero under fixed header AND keep total visible height = full viewport */
body.home .entry-content,
body.home main#main,
body.home #content { margin-top: 0 !important; padding-top: 0 !important; }

body.home .wp-block-cover.malua-hero {
    margin-top: calc(-1 * (var(--malua-announce-h) + var(--malua-header-h))) !important;
    min-height: calc(100vh + var(--malua-announce-h) + var(--malua-header-h)) !important;
    min-height: calc(100dvh + var(--malua-announce-h) + var(--malua-header-h)) !important;
    padding-top: calc(var(--malua-announce-h) + var(--malua-header-h));
}

/* ---------- Page loader (intro) ---------- */
.malua-loader {
    position: fixed;
    inset: 0;
    z-index: 100000;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.55s ease, visibility 0.55s ease;
}
.malua-loader--gone {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.malua-loader__brand {
    position: relative;
    line-height: 1;
    font-family: var(--malua-font-display);
    font-weight: 500;
    font-size: clamp(3rem, 14vw, 9rem);
    letter-spacing: var(--malua-tracking-logo);
}
/* Empty outlined "MALUA" sits beneath */
.malua-loader__base {
    color: transparent;
    -webkit-text-stroke: 1px var(--malua-line);
    text-stroke: 1px var(--malua-line);
}
/* Filled "MALUA" sits exactly on top, masked from the bottom up */
.malua-loader__fill {
    position: absolute;
    inset: 0;
    color: var(--malua-fg);
    clip-path: inset(100% 0 0 0);
    animation: maluaLoaderFill 1.5s cubic-bezier(.7,.05,.2,1) forwards 0.2s;
}
@keyframes maluaLoaderFill {
    0%   { clip-path: inset(100% 0 0 0); }
    100% { clip-path: inset(0   0 0 0); }
}
/* Lock body scroll while loader is visible */
body:has(.malua-loader:not(.malua-loader--gone)) { overflow: hidden; }
/* Respect reduced-motion */
@media (prefers-reduced-motion: reduce) {
    .malua-loader__fill {
        animation: none;
        clip-path: inset(0 0 0 0);
    }
}

/* ---------- Announcement bar ---------- */
.malua-announcement {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #111111;
    color: #ffffff;
    height: var(--malua-announce-h);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: var(--malua-tracking-wide);
    font-weight: 400;
}
.malua-announcement__inner { padding: 0 1rem; text-align: center; }

/* ---------- Custom header ---------- */
.malua-header {
    position: fixed;
    top: var(--malua-announce-h);
    left: 0;
    right: 0;
    z-index: 9998;
    color: #ffffff;
    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
    /* Stronger top gradient so white text stays legible against any background */
    background: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.25) 70%, rgba(0,0,0,0) 100%);
}
.malua-header * {
    text-shadow: 0 1px 8px rgba(0,0,0,0.18);
}
.malua-header a { color: inherit; text-decoration: none; }

/* Top row: subnav | logo | tools */
.malua-header__row--top {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1.5rem;
    padding: 1rem 2.5rem;
    min-height: 64px;
}
.malua-header__col--left  { display: flex; justify-content: flex-start; }
.malua-header__col--center{ display: flex; justify-content: center; }
.malua-header__col--right { display: flex; justify-content: flex-end; }

.malua-header__subnav {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: var(--malua-tracking-wide);
}
.malua-header__subnav a:hover { opacity: 0.7; }
.malua-header__divider { opacity: 0.5; }

.malua-logo { display: inline-flex; align-items: center; }
.malua-logo__text {
    font-family: var(--malua-font-display);
    font-size: 1.85rem;
    letter-spacing: var(--malua-tracking-logo);
    font-weight: 500;
    line-height: 1;
}
.malua-logo__img { max-height: 44px; width: auto; display: block; }

.malua-header__tools {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.malua-tool { display: flex; align-items: center; }
.malua-tool__btn {
    background: none;
    border: 0;
    padding: 0.4rem;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.malua-cart-count {
    position: absolute;
    top: -4px;
    right: -6px;
    background: currentColor;
    border-radius: 999px;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    padding: 0 4px;
}
.malua-cart-count::before {
    content: attr(data-count);
    color: var(--malua-fg);
}

/* Polylang language list */
.malua-lang-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 0.4rem;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: var(--malua-tracking-wide);
}
.malua-lang-list li::after { content: '/'; margin-left: 0.4rem; opacity: 0.5; }
.malua-lang-list li:last-child::after { content: ''; }
.malua-lang-list .current-lang a { font-weight: 600; }

/* Bottom row: main nav centered */
.malua-header__row--bottom { padding: 0 2.5rem 0.85rem; }
.malua-header__mainnav { display: flex; justify-content: center; }
.malua-mainnav__list {
    list-style: none;
    margin: 0;
    padding: 0.7rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2.4rem;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: var(--malua-tracking-wide);
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    width: 100%;
}
.malua-mainnav__list a { padding: 0.25rem 0; transition: opacity 0.2s; }
.malua-mainnav__list a:hover { opacity: 0.7; }

/* Solid header state — when scrolled or non-front pages */
body:not(.home) .malua-header,
body.is-scrolled .malua-header {
    background: var(--malua-bg);
    color: var(--malua-fg);
    box-shadow: 0 1px 0 var(--malua-line);
}
body:not(.home) .malua-header *,
body.is-scrolled .malua-header * {
    text-shadow: none;
}
body:not(.home) .malua-mainnav__list,
body.is-scrolled .malua-mainnav__list {
    border-top-color: var(--malua-line);
}

/* Push body content below fixed header on non-home pages */
body:not(.home) {
    padding-top: calc(var(--malua-announce-h) + var(--malua-header-h));
}

/* ---------- Hero (full-bleed editorial) ---------- */
.malua-hero,
.wp-block-cover.malua-hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    overflow: hidden;
    margin-top: 0 !important;
}
.wp-block-cover.malua-hero::before {
    background: linear-gradient(180deg, rgba(0,0,0,0.20) 0%, rgba(0,0,0,0.10) 40%, rgba(0,0,0,0.40) 100%) !important;
}
.malua-hero .wp-block-cover__inner-container {
    text-align: center;
    max-width: 720px;
    padding: 0 2rem;
}
.malua-hero .malua-eyebrow {
    color: #ffffff;
    margin-bottom: 0.75rem;
    display: block;
}
.malua-hero h1 {
    font-family: var(--malua-font-display);
    font-size: clamp(2.5rem, 6vw, 5rem);
    line-height: 1.05;
    font-weight: 400;
    margin: 0 0 1rem;
    letter-spacing: 0.02em;
}
.malua-hero h2 {
    font-family: var(--malua-font-body);
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: var(--malua-tracking-wide);
    font-weight: 500;
    margin: 0;
    color: #ffffff;
}
.malua-hero h2 a,
.malua-hero h2 a:link,
.malua-hero h2 a:visited,
.malua-hero h2 a:hover,
.malua-hero h2 a:active {
    color: #ffffff !important;
    text-decoration: none;
    display: inline-block;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #fff;
    transition: letter-spacing 0.3s ease, opacity 0.2s ease;
}
.malua-hero h2 a:hover {
    letter-spacing: calc(var(--malua-tracking-wide) + 0.04em);
    opacity: 0.9;
}
.malua-hero p { font-size: 1.05rem; opacity: 0.92; }

/* ---------- Eyebrow / section heading ---------- */
.malua-eyebrow {
    text-transform: uppercase;
    letter-spacing: var(--malua-tracking-wide);
    font-size: 0.72rem;
    color: var(--malua-muted);
    font-weight: 500;
}
/* ---------- Home Product Grid (full-bleed, no gaps, calua-style) ---------- */
body.home .malua-section-head {
    text-align: left !important;
    padding: 5rem clamp(1.5rem, 3vw, 2.5rem) 2rem !important;
    max-width: none;
}
body.home .malua-section-head > * { text-align: left !important; }
body.home .malua-section-head .malua-eyebrow { display: none !important; }
body.home .malua-section-head h2 {
    font-family: var(--malua-font-body) !important;
    font-size: 0.85rem !important;
    text-transform: uppercase;
    letter-spacing: var(--malua-tracking-wide);
    font-weight: 400 !important;
    margin: 0 !important;
}

/* Full-bleed product collection — break out of any container */
body.home .wp-block-woocommerce-product-collection,
body.home .wp-block-woocommerce-product-collection.alignwide,
body.home .wp-block-woocommerce-product-collection.alignfull {
    max-width: none !important;
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 !important;
}

/* 4-col grid, NO gaps, edge to edge */
body.home .wp-block-woocommerce-product-collection .wc-block-product-template,
body.home .wp-block-woocommerce-product-collection > ul,
body.home .wp-block-woocommerce-product-collection > .is-flex-container {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: 100% !important;
    max-width: none !important;
}
body.home .wp-block-woocommerce-product-collection .wc-block-product,
body.home .wp-block-woocommerce-product-collection li.product {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    max-width: none !important;
    flex: none !important;
}

/* Product image: full-bleed within column, fixed 3:4 aspect */
body.home .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-image,
body.home .wp-block-woocommerce-product-collection .wc-block-grid__product-image {
    margin: 0 !important;
    padding: 0 !important;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    display: block;
}
body.home .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-image a,
body.home .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-image img,
body.home .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-image picture,
body.home .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-image picture img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    margin: 0 !important;
}

/* Title + price below image: left-aligned, uppercase mini-caps */
body.home .wp-block-woocommerce-product-collection .wp-block-post-title,
body.home .wp-block-woocommerce-product-collection .woocommerce-loop-product__title {
    margin: 1.1rem 1rem 0.25rem !important;
    font-family: var(--malua-font-body) !important;
    font-size: 0.78rem !important;
    text-transform: uppercase;
    letter-spacing: var(--malua-tracking-wide);
    font-weight: 400 !important;
}
body.home .wp-block-woocommerce-product-collection .wp-block-post-title a {
    color: var(--malua-fg) !important;
    text-decoration: none;
    transition: opacity 0.2s;
}
body.home .wp-block-woocommerce-product-collection .wp-block-post-title a:hover { opacity: 0.65; }
body.home .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-price,
body.home .wp-block-woocommerce-product-collection .wc-block-grid__product-price {
    margin: 0 1rem 2.5rem !important;
    font-size: 0.82rem !important;
    color: var(--malua-fg) !important;
    font-weight: 400 !important;
    text-align: left !important;
}

/* Mobile: 2 columns */
@media (max-width: 900px) {
    body.home .wp-block-woocommerce-product-collection .wc-block-product-template,
    body.home .wp-block-woocommerce-product-collection > ul,
    body.home .wp-block-woocommerce-product-collection > .is-flex-container {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* ---------- Section heading (default — non-home) ---------- */
.malua-section-head {
    text-align: center;
    padding: 5rem 1rem 2rem;
}
.malua-section-head h2 {
    font-family: var(--malua-font-display);
    font-size: clamp(1.75rem, 3.4vw, 2.75rem);
    margin: 0.5rem 0 0;
    font-weight: 400;
    letter-spacing: 0;
}

/* ---------- Buttons (squared, editorial) ---------- */
.wp-element-button,
.wp-block-button__link,
button.button,
.button,
.woocommerce a.button,
.woocommerce button.button {
    border-radius: var(--malua-radius) !important;
    text-transform: uppercase;
    letter-spacing: var(--malua-tracking-wide);
    font-size: 0.78rem;
    font-weight: 500;
    padding: 0.95rem 2rem;
    background: var(--malua-fg);
    color: var(--malua-bg);
    border: 1px solid var(--malua-fg);
    transition: background 0.2s ease, color 0.2s ease;
}
.wp-element-button:hover,
.button:hover,
.woocommerce a.button:hover {
    background: var(--malua-bg);
    color: var(--malua-fg);
}
.malua-hero .wp-element-button {
    background: transparent;
    border-color: #ffffff;
    color: #ffffff;
}
.malua-hero .wp-element-button:hover {
    background: #ffffff;
    color: var(--malua-fg);
}

/* ---------- Product cards: hover swap to second image ---------- */
.products li.product,
ul.products li.product {
    text-align: left;
}
.products li.product .woocommerce-loop-product__title,
ul.products li.product .woocommerce-loop-product__title {
    font-family: var(--malua-font-body);
    font-size: 0.95rem;
    font-weight: 400;
    margin: 0.85rem 0 0.25rem;
    letter-spacing: 0;
}
.products li.product .price,
ul.products li.product .price {
    font-size: 0.9rem;
    color: var(--malua-fg);
    font-weight: 400;
}
.products li.product a img,
ul.products li.product a img {
    transition: opacity 0.4s ease;
}
.products li.product .secondary-image,
ul.products li.product .secondary-image {
    position: absolute;
    inset: 0;
    opacity: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: opacity 0.4s ease;
}
.products li.product:hover .secondary-image,
ul.products li.product:hover .secondary-image {
    opacity: 1;
}
.products li.product .ct-image-container {
    position: relative;
    overflow: hidden;
}

/* ---------- Collection block (banner with overlay caption) ---------- */
.malua-collection {
    margin: 4rem 0;
}

/* ---------- Footer ---------- */
.ct-footer {
    background: var(--malua-bg);
    border-top: 1px solid var(--malua-line);
}
.ct-footer a { color: var(--malua-fg); }
.ct-footer .widget-title,
.ct-footer h3,
.ct-footer h4 {
    text-transform: uppercase;
    letter-spacing: var(--malua-tracking-wide);
    font-size: 0.78rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

/* ---------- Newsletter (above footer) ---------- */
.malua-newsletter {
    background: var(--malua-sand);
    padding: 5rem 1.5rem;
    text-align: center;
}
.malua-newsletter__inner { max-width: 560px; margin: 0 auto; }
.malua-newsletter__title {
    font-family: var(--malua-font-display);
    font-size: clamp(1.8rem, 3.4vw, 2.6rem);
    font-weight: 400;
    margin: 0.5rem 0 1rem;
}
.malua-newsletter__sub {
    margin: 0 0 2rem;
    color: var(--malua-muted);
}
.malua-newsletter__form {
    display: flex;
    max-width: 460px;
    margin: 0 auto;
}
.malua-newsletter__form input {
    flex: 1;
    padding: 0.95rem 1.2rem;
    border: 1px solid var(--malua-fg);
    border-right: 0;
    background: #fff;
    font: inherit;
    font-size: 0.9rem;
    border-radius: 0;
}
.malua-newsletter__form input:focus { outline: none; border-color: var(--malua-fg); }
.malua-newsletter__form button {
    padding: 0.95rem 1.6rem;
    background: var(--malua-fg);
    color: #fff;
    border: 1px solid var(--malua-fg);
    text-transform: uppercase;
    letter-spacing: var(--malua-tracking-wide);
    font-size: 0.78rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}
.malua-newsletter__form button:hover { background: transparent; color: var(--malua-fg); }

/* ---------- Custom Footer ---------- */
.malua-footer {
    background: #ffffff;
    border-top: 1px solid var(--malua-line);
    padding: 4rem 1.5rem 0;
    color: var(--malua-fg);
    font-family: var(--malua-font-body);
}
.malua-footer__inner {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
    gap: 3rem;
    max-width: 1480px;
    margin: 0 auto 3rem;
}
.malua-footer__col h4 {
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: var(--malua-tracking-wide);
    margin: 0 0 1.1rem;
    font-weight: 500;
    color: var(--malua-fg);
}
.malua-footer__col ul { list-style: none; padding: 0; margin: 0; }
.malua-footer__col ul li { margin-bottom: 0.55rem; }
.malua-footer__col ul a {
    font-size: 0.88rem;
    color: var(--malua-muted);
    text-decoration: none;
    transition: color 0.2s;
}
.malua-footer__col ul a:hover { color: var(--malua-fg); }
.malua-footer__logo {
    font-family: var(--malua-font-display);
    font-size: 1.6rem;
    letter-spacing: var(--malua-tracking-logo);
    font-weight: 500;
    display: inline-block;
    margin-bottom: 0.8rem;
    color: var(--malua-fg);
}
.malua-footer__tagline {
    color: var(--malua-muted);
    font-size: 0.9rem;
    max-width: 320px;
    margin: 0 0 1.4rem;
}
.malua-footer__social {
    display: flex; gap: 0.85rem;
    color: var(--malua-fg);
}
.malua-footer__social a { color: inherit; transition: opacity 0.2s; }
.malua-footer__social a:hover { opacity: 0.55; }
.malua-footer__bottom {
    border-top: 1px solid var(--malua-line);
    padding: 1.4rem 0;
    max-width: 1480px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    color: var(--malua-muted);
    font-size: 0.78rem;
}
@media (max-width: 1100px) {
    .malua-footer__inner { grid-template-columns: 1fr 1fr; gap: 2rem; }
}
@media (max-width: 700px) {
    .malua-footer__inner { grid-template-columns: 1fr; }
    .malua-footer__bottom { flex-direction: column; gap: 0.5rem; text-align: center; }
}

/* ====================== Single Product (PDP) ====================== */
.single-product .ct-page-title-wrap,
.single-product .page-title,
.single-product .woocommerce-breadcrumb,
.single-product .ct-breadcrumbs,
.single-product nav.woocommerce-breadcrumb { display: none !important; }

/* Reset Blocksy/Woo container padding so gallery is flush to viewport edges */
.single-product main#main,
.single-product main#main > .ct-container,
.single-product main#main > .ct-container-full,
.single-product .ct-container-full,
.single-product .ct-container,
.single-product .ct-main-content,
.single-product #content,
.single-product article.product,
.single-product article[class*="post-"],
.single-product .entry-content,
.single-product .product-entry-wrapper,
.single-product .product-entry-wrapper.is-width-constrained {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.single-product main#main { padding-top: 1rem !important; padding-bottom: 4rem !important; }

/* Full-bleed grid: left column flush to viewport edge */
.single-product div.product {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.malua-pdp-grid {
    display: grid;
    grid-template-columns: 1fr clamp(360px, 38%, 540px);
    gap: clamp(1.5rem, 4vw, 4rem);
    padding: 0 clamp(1.5rem, 4vw, 3rem) 0 0;
    margin: 0;
    align-items: start;
    max-width: none;
}

/* Left: stacked images, flush to left edge */
.malua-pdp-gallery {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin: 0;
}
.malua-pdp-gallery__item { margin: 0; }
.malua-pdp-gallery__item img {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    display: block;
}

/* Right: sticky summary scrolls with page; no internal scroll */
.single-product .summary,
.single-product div.product .summary {
    position: sticky;
    top: calc(var(--malua-announce-h) + var(--malua-header-h) + 1.5rem);
    align-self: start;
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 1rem 0 2rem;
}

/* Hide WC default gallery wrapper since we're not rendering it */
.single-product .woocommerce-product-gallery,
.single-product .images.woocommerce-product-gallery { display: none !important; }

/* Typography */
.single-product .product_title {
    font-family: var(--malua-font-display);
    font-size: clamp(1.6rem, 2.4vw, 2.2rem);
    font-weight: 400;
    letter-spacing: 0;
    margin: 0 0 0.6rem;
    line-height: 1.1;
}
.single-product .price,
.single-product .price .amount,
.single-product .summary .price {
    font-size: 1.05rem !important;
    font-weight: 400;
    color: var(--malua-fg);
    margin: 0 0 1.4rem;
    font-family: var(--malua-font-body);
}

/* Short description as bullet list */
.single-product .woocommerce-product-details__short-description {
    color: var(--malua-fg);
    font-size: 0.92rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--malua-line);
    padding-bottom: 1.5rem;
}
.single-product .woocommerce-product-details__short-description ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.6rem;
    row-gap: 0.3rem;
}
.single-product .woocommerce-product-details__short-description li {
    font-size: 0.85rem;
    color: var(--malua-muted);
    position: relative;
    padding-right: 0.6rem;
}
.single-product .woocommerce-product-details__short-description li:not(:last-child)::after {
    content: '·';
    position: absolute;
    right: -0.05rem;
    color: var(--malua-muted);
}

/* Variation selectors: color + size as visual buttons */
.single-product table.variations {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 1.4rem;
}
.single-product table.variations tbody { display: block; width: 100%; }
.single-product table.variations tr {
    display: block;
    margin-bottom: 1.2rem;
}
.single-product table.variations th,
.single-product table.variations td {
    display: block;
    padding: 0;
    border: 0;
    background: none;
    width: auto !important;
}
.single-product table.variations th label {
    text-transform: uppercase;
    letter-spacing: var(--malua-tracking-wide);
    font-size: 0.7rem;
    font-weight: 500;
    color: var(--malua-fg);
    margin: 0 0 0.6rem;
    display: block;
}
.single-product .reset_variations {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: var(--malua-tracking-wide);
    color: var(--malua-muted);
    margin-left: 0.6rem;
}

/* Hide native variation selects — replaced by JS pill/swatch UI */
.single-product .variations select { display: none !important; }

/* Variation pills (size) + swatches (color) */
.malua-vb {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 0.2rem;
}
.malua-vb__btn {
    --size: 44px;
    width: var(--size);
    height: var(--size);
    min-width: var(--size);
    border-radius: 999px;
    border: 1px solid var(--malua-line);
    background: #fff;
    color: var(--malua-fg);
    font-size: 0.78rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: border-color 0.2s, background 0.2s, color 0.2s;
    position: relative;
}
.malua-vb__btn:hover { border-color: var(--malua-fg); }
.malua-vb__btn.is-selected {
    background: var(--malua-fg);
    color: #fff;
    border-color: var(--malua-fg);
}
.malua-vb__btn[aria-disabled="true"],
.malua-vb__btn:disabled {
    opacity: 0.35;
    cursor: not-allowed;
    text-decoration: line-through;
}
/* Color swatches */
.malua-vb--color .malua-vb__btn {
    background: var(--swatch, #ddd);
    font-size: 0;
    border: 1px solid var(--malua-line);
}
.malua-vb--color .malua-vb__btn.is-selected {
    background: var(--swatch, #ddd);
    color: transparent;
    box-shadow: 0 0 0 2px #fff inset, 0 0 0 3px var(--malua-fg);
    border-color: var(--malua-fg);
}
/* "S · M" small label below color row */
.malua-vb__current-label {
    display: block;
    font-size: 0.78rem;
    color: var(--malua-muted);
    margin-top: 0.4rem;
    text-transform: lowercase;
}

/* Add-to-cart button — rounded outlined pill */
.single-product .single_add_to_cart_button,
.single-product button.single_add_to_cart_button {
    width: 100%;
    border-radius: 999px !important;
    background: var(--malua-fg) !important;
    border: 1px solid var(--malua-fg) !important;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: var(--malua-tracking-wide);
    font-size: 0.78rem;
    padding: 1.05rem 1.5rem !important;
    transition: background 0.2s, color 0.2s;
    margin-top: 0.5rem;
}
.single-product .single_add_to_cart_button:hover {
    background: #fff !important;
    color: var(--malua-fg) !important;
}

/* Quantity hidden — calua-style: only size, no quantity input */
.single-product .quantity { display: none !important; }

/* WC notices spacing */
.single-product .woocommerce-variation-add-to-cart { display: flex; flex-direction: column; }

/* Accordion */
.malua-pdp-accordion { margin-top: 2rem; border-top: 1px solid var(--malua-line); }
.malua-pdp-accordion__item {
    border-bottom: 1px solid var(--malua-line);
}
.malua-pdp-accordion__item summary {
    list-style: none;
    cursor: pointer;
    padding: 1.1rem 0;
    text-transform: uppercase;
    letter-spacing: var(--malua-tracking-wide);
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--malua-fg);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.malua-pdp-accordion__item summary::-webkit-details-marker { display: none; }
.malua-pdp-accordion__chev {
    width: 12px;
    height: 12px;
    border-right: 1px solid var(--malua-fg);
    border-bottom: 1px solid var(--malua-fg);
    transform: rotate(45deg);
    transition: transform 0.25s ease;
    margin-bottom: 4px;
}
.malua-pdp-accordion__item[open] .malua-pdp-accordion__chev { transform: rotate(-135deg); margin-bottom: 0; margin-top: 4px; }
.malua-pdp-accordion__body {
    padding: 0 0 1.4rem;
    font-size: 0.9rem;
    color: var(--malua-muted);
    line-height: 1.6;
}
.malua-pdp-accordion__body p { margin: 0 0 0.8rem; }
.malua-pdp-accordion__body h4 {
    text-transform: uppercase;
    letter-spacing: var(--malua-tracking-wide);
    font-size: 0.72rem;
    font-weight: 500;
    color: var(--malua-fg);
    margin: 1rem 0 0.4rem;
}

/* Stock / availability subtle */
.single-product .stock { font-size: 0.78rem; color: var(--malua-muted); margin: 0.5rem 0 0; }

/* Mobile: stack — gallery first, summary below */
@media (max-width: 900px) {
    .malua-pdp-grid { grid-template-columns: 1fr; gap: 1.5rem; }
    .single-product .summary,
    .single-product div.product .summary {
        position: static;
        max-height: none;
        overflow: visible;
        padding-top: 0;
    }
}

/* ---------- Mobile tweaks ---------- */
@media (max-width: 900px) {
    :root { --malua-header-h: 92px; }
    .malua-header__row--top {
        grid-template-columns: 1fr auto 1fr;
        padding: 0.75rem 1rem;
        gap: 0.75rem;
    }
    .malua-header__subnav { display: none; }
    .malua-mainnav__list {
        gap: 1.2rem;
        font-size: 0.7rem;
        padding: 0.5rem 0;
        overflow-x: auto;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .malua-header__row--bottom { padding: 0 0.5rem 0.5rem; }
    .malua-logo__text { font-size: 1.5rem; }
    .malua-hero { min-height: 80vh; }
}
@media (max-width: 600px) {
    .malua-announcement { font-size: 0.62rem; letter-spacing: 0.15em; }
    .malua-header__tools { gap: 0.5rem; }
}