/* ==========================================================================
   Modulwoo — Ingyenes szállítás kommunikáció
   Négy felület, két állapot. Arany = még hiányzik, zöld = megvan.
   Forrás: "Kevenviska ingyenes szallitas mintak" UI minta.
   ========================================================================== */

.mw-freeship,
.mw-freeship-bar {
    /* Sötét zöld doboz — a fejléc top bar színe (--rm-topbar-bg).
       Mindhárom felület fehér háttéren ül, ezért kell a telt szín:
       a korábbi halvány krém (#fdf8ec) alig 2%-kal tért el a #fff-től.
       Nem versenyez a Kosárba gombbal sem, ami arany gradiens.

       Minden érték az oldal meglévő tokenjeiből:
         #2b3a25 = --rm-topbar-bg       #f5efe0 = --rm-topbar-link
         #e2c878 = --rm-gold-from       #b8923c = --rm-gold-to
         #94a072 = a legtöbbet használt zöld akcentus a CSS-ekben */

    /* „még hiányzik" — arany akcentus */
    --mwfs-pend-bg:     #2b3a25;
    --mwfs-pend-border: #2b3a25;
    --mwfs-pend-text:   #f5efe0;
    --mwfs-pend-icon:   #e2c878;
    --mwfs-pend-track:  rgba(245, 239, 224, .16);
    --mwfs-pend-fill:   linear-gradient(90deg, #e2c878, #b8923c);
    --mwfs-pend-link:   #e2c878;

    /* „teljesült" — zöld akcentus, azonos dobozon */
    --mwfs-done-bg:     #2b3a25;
    --mwfs-done-border: #2b3a25;
    --mwfs-done-text:   #f5efe0;
    --mwfs-done-icon:   #94a072;
    --mwfs-done-track:  rgba(245, 239, 224, .16);
    --mwfs-done-fill:   #94a072;

    box-sizing: border-box;
}
.mw-freeship *,
.mw-freeship *::before,
.mw-freeship *::after,
.mw-freeship-bar * { box-sizing: border-box; }

/* --------------------------------------------------------------------------
   1 · Menü — arany sáv a top bar fölött
   Normál flow-ban ül (a sticky csak a .rm-main-t érinti), ezért NEM tapad.
   -------------------------------------------------------------------------- */

.mw-freeship-bar {
    background: linear-gradient(135deg, #d9bd86, #c19b5f);
    color: #3a2d05;
}
.mw-freeship-bar__inner {
    max-width: 1140px;
    margin: 0 auto;
    padding: 11px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    text-align: center;
}
.mw-freeship-bar__icon {
    display: inline-flex;
    flex: none;
    color: #3a2d05;
}
.mw-freeship-bar__text strong {
    font-weight: 800;
    white-space: nowrap;
}
/* A wc_price() <span>-jei ne örököljenek idegen színt/méretet. */
.mw-freeship-bar__text .woocommerce-Price-amount {
    color: inherit;
    font-size: inherit;
}

@media (max-width: 600px) {
    .mw-freeship-bar__inner {
        padding: 9px 14px;
        font-size: 13px;
        gap: 8px;
    }
    .mw-freeship-bar__icon svg { width: 17px; height: 17px; }
}

/* --------------------------------------------------------------------------
   Közös doboz (termékoldal / mini-kosár / pénztár)
   -------------------------------------------------------------------------- */

.mw-freeship {
    border-radius: 16px;
    padding: 14px 16px;
    border: 1px solid transparent;
    font-size: 14px;
    line-height: 1.45;
    box-shadow: 0 3px 12px -5px rgba(40, 34, 28, .45);
}

.mw-freeship.is-pending {
    background: var(--mwfs-pend-bg);
    border-color: var(--mwfs-pend-border);
    color: var(--mwfs-pend-text);
}
.mw-freeship.is-reached {
    background: var(--mwfs-done-bg);
    border-color: var(--mwfs-done-border);
    color: var(--mwfs-done-text);
}

.mw-freeship__head {
    display: flex;
    align-items: center;
    gap: 10px;
}
.mw-freeship__icon {
    display: inline-flex;
    flex: none;
}
.mw-freeship.is-pending .mw-freeship__icon { color: var(--mwfs-pend-icon); }
.mw-freeship.is-reached .mw-freeship__icon { color: var(--mwfs-done-icon); }

.mw-freeship__text {
    font-weight: 500;
    color: inherit;
}
.mw-freeship__text strong {
    /* Pontosan a szöveg színe — csak a súly és a méret emeli ki.
       700 a plafon: a helyi Plus Jakarta Sans egy 400–700 variable font
       (css/fonts.css), a 800 ott visszavágódna, és a pénztár (Google Fonts,
       800-ig) máshogy nézne ki, mint a termékoldal. A különbséget mérettel
       hozzuk be, nem faux bolddal. */
    color: inherit;
    font-weight: 700;
    font-size: 1.1em;
    letter-spacing: -.012em;
    white-space: nowrap;
}
.mw-freeship__text .woocommerce-Price-amount {
    color: inherit;
    font-size: inherit;
}

/* Progress sáv */
.mw-freeship__track {
    height: 8px;
    border-radius: 999px;
    margin-top: 12px;
    overflow: hidden;
}
.mw-freeship.is-pending .mw-freeship__track { background: var(--mwfs-pend-track); }
.mw-freeship.is-reached .mw-freeship__track { background: var(--mwfs-done-track); }

.mw-freeship__fill {
    height: 100%;
    border-radius: 999px;
    transition: width .35s ease;
}
.mw-freeship.is-pending .mw-freeship__fill { background: var(--mwfs-pend-fill); }
.mw-freeship.is-reached .mw-freeship__fill { background: var(--mwfs-done-fill); }

@media (prefers-reduced-motion: reduce) {
    .mw-freeship__fill { transition: none; }
}

/* Skála + „Vásárolok még" */
.mw-freeship__scale {
    margin-top: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: 12.5px;
}
.mw-freeship__scale-now {
    color: inherit;
    opacity: .85;
}
.mw-freeship__scale-now .woocommerce-Price-amount {
    color: inherit;
    font-size: inherit;
}
.mw-freeship__more {
    color: var(--mwfs-pend-link);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
    flex: none;
}
.mw-freeship__more:hover,
.mw-freeship__more:focus-visible { color: #f5efe0; }

/* --------------------------------------------------------------------------
   2 · Termékoldal — a Kosárba gomb alatt
   Üres kosárnál csak az ígéret sora; ha már van kosárérték, sáv + skála is.
   -------------------------------------------------------------------------- */

.mw-freeship--product {
    margin-top: 14px;
}

/* A skála a termékoldalon és a mini-kosárban link nélkül áll — ne feszüljön
   szét a `space-between` miatt, hanem maradjon balra zárva. */
.mw-freeship--product .mw-freeship__scale,
.mw-freeship--cart .mw-freeship__scale {
    justify-content: flex-start;
}

/* --------------------------------------------------------------------------
   3 · Mini-kosár — legfelül
   A .rm-mini-cart__inner belső paddingjához igazítva.
   -------------------------------------------------------------------------- */

.mw-freeship--cart {
    margin: 16px 22px 0;
}

@media (max-width: 480px) {
    .mw-freeship--cart { margin: 14px 16px 0; }
}

/* --------------------------------------------------------------------------
   4 · Pénztár — a Részösszeg és a Szállítás sor között
   A .lume-totals egy <dl>, ezért a doboz sorkihagyással ül be.
   -------------------------------------------------------------------------- */

.mw-freeship--checkout {
    margin: 14px 0;
}