/*
Theme Name: Mintway
Template: woorok
Description: Mintway storefront child theme: Warm Titanium skin (cream surface, espresso ink, clay-orange CTA) over the woorok parent.
Author: HLS
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.3
Text Domain: mintway
*/

@font-face {
    font-family: "Montserrat";
    src: url(assets/fonts/Montserrat-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Montserrat";
    src: url(assets/fonts/Montserrat-SemiBold.woff2) format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Montserrat";
    src: url(assets/fonts/Montserrat-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "HK Grotesk";
    src: url(assets/fonts/HKGrotesk-Light.woff2) format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "HK Grotesk";
    src: url(assets/fonts/HKGrotesk-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --woo-ink: #3e2a1b;
    --woo-ink-2: #5c4632;
    --woo-paper: #ffffff;
    --woo-surface: #f3eadb;
    --woo-card: #ffffff;
    --woo-line: #e3d8c4;
    --woo-line-2: #d8c9ad;
    --woo-muted: #7c6a57;

    --woo-accent: #c4641d;
    --woo-accent-fg: #ffffff;
    --woo-accent-tint: #f3eadb;

    --woo-cta: #c4641d;
    --woo-cta-700: #a45114;
    --woo-cta-edge: #7f3d0f;
    --woo-cta-fg: #ffffff;
    --woo-cta-glow: rgba(196, 100, 29, 0.42);

    --woo-ok: #a45114;
    --woo-ok-tint: #f3eadb;

    --woo-gold: #ff5210;
    --woo-star-fill: var(--woo-gold);
    --woo-star-empty: rgba(62, 42, 27, 0.16);

    --woo-font-display: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --woo-font-body: "HK Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.wk-logo {
    display: inline-flex;
    align-items: center;
    line-height: 0;
}
.wk-logo__img {
    display: block;
    height: 18px;
    width: auto;
    max-width: 52vw;
}
.wk-footer .wk-logo__img {
    height: 20px;
    max-width: 70vw;
}
.wk-checkout .co-logo {
    display: inline-flex;
    align-items: center;
    line-height: 0;
    padding-left: 0;
}
.wk-checkout .co-logo__img {
    display: block;
    height: 18px;
    width: auto;
    max-width: 70vw;
}
body {
    font-size: var(--woo-fs-md);
}
.wk-btn {
    padding: 0.9em 1.6em;
    border: 1.5px solid transparent;
    border-radius: var(--woo-radius);
    font-family: var(--woo-font-display);
    font-weight: 700;
    font-size: var(--woo-fs-md);
    line-height: 1.2;
    letter-spacing: 0.005em;
    box-shadow: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.08s ease;
}
.wk-btn:hover { opacity: 1; }
.wk-btn:active { transform: translateY(1px); }

.wk-btn--lg {
    padding: 0.9em 1.6em;
    font-size: var(--woo-fs-md);
    line-height: 1.2;
}

.wk-btn--primary { background: var(--woo-accent); border-color: var(--woo-accent); color: var(--woo-accent-fg); }
.wk-btn--primary:hover { background: var(--woo-cta-700); border-color: var(--woo-cta-700); }

.wk-btn--ghost { background: transparent; border-color: var(--woo-ink); color: var(--woo-ink); }
.wk-btn--ghost:hover { background: var(--woo-surface); color: var(--woo-ink); }

.wk-btn--v4 { background: var(--woo-ink); border-color: var(--woo-ink); color: var(--woo-accent-fg); box-shadow: none; }
.wk-btn--v4:hover { background: var(--woo-ink-2); border-color: var(--woo-ink-2); box-shadow: none; }
.wk-btn--v4:active { transform: translateY(1px); }

.wk-btn--v5 { background: transparent; border-color: var(--woo-accent); color: var(--woo-accent); box-shadow: none; }
.wk-btn--v5:hover { background: var(--woo-accent-tint); }
.wk-btn--v5:active { transform: translateY(1px); }

/* Body-copy elements follow the 18px body scale; pill tightens its line box. */
.wk-infotabs__body { font-size: var(--woo-fs-base); line-height: 1.6; }
.wk-vcard__pill { line-height: 1; }
.wk-vcard__media { background: none; }

/* Cart item qty counter to the top-left - only in the cart drawer and cart page. */
.wk-cart-drawer .wk-cartchip__count,
.wk-cartkit .wk-cartchip__count {
    right: auto;
    left: -7px;
}

/* Checkout place-order CTA carries two-part inline text (main + sub); the generic
   18px is too wide and wraps mid-line on mobile. Size it so it stays inline down
   to the 348px stack breakpoint (checkout.css), matching the other skins. */
.wk-checkout .wk-cta { font-size: var(--woo-fs-base); }
.wk-checkout .wk-cta-sub { font-size: var(--woo-fs-sm); }

:root { --woo-amber: #e8912b; }

/* Brand skin over the shared PDP kits (structure lives in woorok): the clay stat
   accent (--woo-amber, above) and the warm badge shadow on the testimonial stars. */
.wk-tcard__stars { box-shadow: 0 2px 8px rgba(62, 42, 27, 0.16); }

.wk-compare__logo { display: block; height: 15px; width: auto; margin: 0 auto var(--woo-space-6); filter: brightness(0) invert(1); }
.wk-rev__summary { background: var(--woo-paper); }

.wk-hero__in { display: grid; gap: clamp(28px, 4vw, 64px); align-items: start; }

.wk-hero__copy { display: flex; flex-direction: column; align-items: flex-start; gap: var(--woo-space-16); min-width: 0; }
.wk-hero__rate { display: flex; align-items: center; gap: 10px; }
.wk-hero__rate .stars { --star-size: 17px; }
.wk-hero__rate-txt { color: var(--woo-muted); font-size: var(--woo-fs-sm); font-weight: 500; }
.wk-hero__title { font-family: var(--woo-font-display); font-weight: 700; line-height: 1.04; letter-spacing: -0.01em; font-size: clamp(2.1rem, 1.3rem + 3.6vw, var(--woo-fs-3xl)); color: var(--woo-ink); margin: 0; }
.wk-hero__title strong { color: var(--woo-accent); font-weight: 700; }
.wk-hero__lead { color: var(--woo-ink-2); font-size: var(--woo-fs-md); line-height: 1.55; max-width: 46ch; margin: 0; }
.wk-hero__bullets { list-style: none; margin: var(--woo-space-4) 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.wk-hero__bullets li { position: relative; padding-left: 30px; color: var(--woo-ink-2); font-size: var(--woo-fs-base); }
.wk-hero__bullets li::before { content: ""; position: absolute; left: 0; top: 0.1em; width: 20px; height: 20px; border-radius: 50%; background: var(--woo-accent); -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>") center / 12px no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>") center / 12px no-repeat; }
.wk-hero__cta { display: flex; flex-wrap: wrap; gap: var(--woo-space-12); margin-top: var(--woo-space-4); }
.wk-hero__note { color: var(--woo-muted); font-size: var(--woo-fs-sm); margin: 0; }
.wk-hero__badge { display: inline-block; background: var(--woo-ink); color: var(--woo-paper); font-family: var(--woo-font-display); font-weight: 700; font-size: var(--woo-fs-overline); letter-spacing: 0.1em; text-transform: uppercase; padding: 6px 13px; border-radius: 999px; }
.wk-hero__price { margin: var(--woo-space-4) 0; }
.wk-hero__media img { display: block; width: 100%; height: auto; border-radius: var(--woo-radius-lg); }

.wk-hero--split .wk-hero__in { grid-template-columns: 1.04fr 0.96fr; }
.wk-hero--split .wk-hero__media { background: var(--woo-surface); border-radius: var(--woo-radius-lg); overflow: hidden; }
@media (max-width: 56rem) {
    .wk-hero--split .wk-hero__in { grid-template-columns: 1fr; }
    .wk-hero--split .wk-hero__media { order: -1; }
}

.wk-hero--editorial .wk-hero__in { display: block; position: relative; max-width: none; padding-inline: 0; }
.wk-hero--editorial .wk-hero__media { overflow: hidden; }
.wk-hero--editorial .wk-hero__media img { width: 100%; height: clamp(380px, 48vw, 580px); object-fit: cover; object-position: right center; border-radius: 0; }
.wk-hero--editorial .wk-hero__copy { position: absolute; left: max(var(--woo-gutter), calc((100vw - var(--woo-maxw)) / 2 + var(--woo-gutter))); top: 50%; transform: translateY(-50%); max-width: min(460px, 80%); background: var(--woo-paper); border: 1px solid var(--woo-line); border-radius: var(--woo-radius-lg); padding: clamp(22px, 2.6vw, 36px); box-shadow: 0 24px 60px -28px rgba(62, 42, 27, 0.4); }
@media (max-width: 48rem) {
    .wk-hero--editorial .wk-hero__media img { height: clamp(300px, 64vw, 420px); }
    .wk-hero--editorial .wk-hero__copy { position: relative; z-index: 1; left: auto; top: auto; transform: none; max-width: none; margin: -56px var(--woo-space-16) 0; }
}

.wk-hero--offer .wk-hero__in { grid-template-columns: 1fr; justify-items: center; text-align: center; max-width: 760px; margin-inline: auto; gap: clamp(20px, 3vw, 36px); }
.wk-hero--offer .wk-hero__copy { align-items: center; }
.wk-hero--offer .wk-hero__lead { max-width: 54ch; }
.wk-hero--offer .wk-hero__media { width: min(340px, 72%); }
.wk-hero--offer .wk-hero__media img { border-radius: var(--woo-radius-lg); }
.wk-hero--offer .wk-hero__cta .wk-btn { min-width: 240px; }

.wk-ccards { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 2vw, 24px); }
.wk-ccard { display: flex; flex-direction: column; background: var(--woo-card); border: 1px solid var(--woo-line); border-radius: var(--woo-radius-lg); overflow: hidden; transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.2s ease; }
.wk-ccard:hover { transform: translateY(-3px); border-color: var(--woo-line-2); box-shadow: 0 20px 44px -26px rgba(62, 42, 27, 0.36); }
.wk-ccard__media { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: var(--woo-surface); }
.wk-ccard__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.wk-ccard__body { display: flex; flex-direction: column; gap: var(--woo-space-6); padding: clamp(18px, 2vw, 24px); flex: 1; }
.wk-ccard__t { font-family: var(--woo-font-display); font-weight: 700; font-size: var(--woo-fs-md); color: var(--woo-ink); margin: 0; }
.wk-ccard__p { color: var(--woo-muted); font-size: var(--woo-fs-sm); line-height: 1.5; margin: 0; }
.wk-ccard__cta { margin-top: auto; padding-top: var(--woo-space-12); color: var(--woo-accent); font-family: var(--woo-font-display); font-weight: 700; font-size: var(--woo-fs-sm); }
.wk-ccard:hover .wk-ccard__cta { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 56rem) { .wk-ccards { grid-template-columns: 1fr; } }

.wk-final { background: var(--woo-paper); color: var(--woo-ink); border: 1px solid var(--woo-line); border-radius: var(--woo-radius-lg); box-shadow: 0 24px 60px -28px rgba(62, 42, 27, 0.4); }
.wk-final::before { display: none; }
.wk-final .wk-eyebrow { color: var(--woo-accent); }
.wk-final__title { color: var(--woo-ink); }
.wk-final__price { color: var(--woo-ink); }
.wk-final__price s { color: var(--woo-muted); }
.wk-final .wk-btn--primary { background: var(--woo-accent); color: var(--woo-accent-fg); border-color: var(--woo-accent); }
.wk-final .wk-btn--primary:hover { background: var(--woo-cta-700); border-color: var(--woo-cta-700); }
.wk-final__note { color: var(--woo-muted); }

.wk-burger { justify-content: flex-start; padding-inline: 0; }
.wk-burger:hover { background: none; }