/* ============================================================
   GREEN CANDLE – FREE SHIPPING PROGRESS
   Saját plugin – kosár + pénztár
   ============================================================ */

/* A korábbi Devnet Free Shipping plugin sávja ne duplázódjon,
   amíg a régi plugin még aktív a tesztelés alatt. */
.woocommerce .fsl-wrapper,
.woocommerce .devnet_fsl-free-shipping {
    display:none !important;
}

.gc-free-shipping-progress {
    box-sizing:border-box;
    width:100%;
    margin:0 0 10px;
    padding:11px;
    background:#F8F3ED;
    border:1px solid #E7DED3;
    border-radius:8px;
    font-family:'Montserrat',Arial,sans-serif;
    box-shadow:none;
}

.gc-fsp-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:8px;
}

.gc-fsp-copy {
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
}

.gc-fsp-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    flex:0 0 30px;
    background:#FFFFFF;
    border:1px solid #E7DED3;
    border-radius:50%;
}

.gc-fsp-icon svg {
    width:16px;
    height:16px;
    stroke:#A46A3F;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.gc-fsp-copy > div > strong,
.gc-fsp-copy > div > span {
    display:block;
}

.gc-fsp-copy strong {
    margin:0 0 2px;
    color:#2E241C;
    font-size:10px;
    font-weight:600;
    line-height:1.35;
}

.gc-fsp-copy span {
    color:#8A7663;
    font-size:8px;
    font-weight:500;
    line-height:1.4;
}

.gc-fsp-value {
    flex:0 0 auto;
    color:#8A7663;
    font-size:9px;
    font-weight:500;
    line-height:1.3;
    white-space:nowrap;
}

.gc-fsp-value .woocommerce-Price-amount {
    color:inherit !important;
}

.gc-fsp-track {
    position:relative;
    overflow:hidden;
    width:100%;
    height:7px;
    background:#E7DED3;
    border-radius:999px;
}

.gc-fsp-track > span {
    display:block;
    height:100%;
    background:#A46A3F;
    border-radius:inherit;
    transition:width .25s ease;
}

.gc-free-shipping-progress.is-complete {
    background:#F2F6EE;
    border-color:#D9E4D0;
}

.gc-free-shipping-progress.is-complete .gc-fsp-icon {
    border-color:#D9E4D0;
}

.gc-free-shipping-progress.is-complete .gc-fsp-icon svg {
    stroke:#5F7A52;
}

.gc-free-shipping-progress.is-complete .gc-fsp-track > span {
    background:#5F7A52;
}

/* Kosár oldalon az összesítőn belül kompakt. */
.woocommerce-cart .wc-proceed-to-checkout .gc-free-shipping-progress {
    margin:0 0 9px;
}

/* Checkouton később a teljes pénztárdesignhoz is illeszkedik. */
.woocommerce-checkout .gc-free-shipping-progress {
    margin:12px 0;
}

@media (max-width:767px) {
    .gc-free-shipping-progress {
        padding:10px;
    }

    .gc-fsp-head {
        align-items:flex-start;
        gap:9px;
    }

    .gc-fsp-value {
        display:none;
    }

    .gc-fsp-copy strong {
        font-size:9.5px;
    }
}


/* ============================================================
   V2 – OLVASHATÓSÁG + IKON KÖZÉPRE IGAZÍTÁS
   ============================================================ */

.gc-free-shipping-progress {
    padding:12px 13px;
}

.gc-fsp-head {
    gap:12px;
    margin-bottom:9px;
}

.gc-fsp-copy {
    gap:10px;
    align-items:center;
}

.gc-fsp-icon {
    width:34px;
    height:34px;
    flex:0 0 34px;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:0 !important;
}

.gc-fsp-icon svg {
    display:block !important;
    width:18px !important;
    height:18px !important;
    margin:0 !important;
    flex:0 0 18px;
    transform:none !important;
}

.gc-fsp-copy > div {
    min-width:0;
}

.gc-fsp-copy strong {
    font-size:12px;
    line-height:1.4;
    margin-bottom:3px;
}

.gc-fsp-copy > div > span {
    font-size:10.5px;
    line-height:1.45;
}

.gc-fsp-value {
    font-size:10.5px;
    line-height:1.4;
}

.gc-fsp-track {
    height:8px;
}

.gc-fsp-track > span {
    height:8px;
}

/* A keskeny kosárösszesítőben ne törjön csúnyán két oldalra a fejléc. */
.woocommerce-cart .cart_totals .gc-fsp-head {
    align-items:flex-start;
}

.woocommerce-cart .cart_totals .gc-fsp-copy {
    flex:1 1 auto;
}

@media (max-width:1100px) {
    .woocommerce-cart .cart_totals .gc-fsp-head {
        display:block;
    }

    .woocommerce-cart .cart_totals .gc-fsp-value {
        margin:7px 0 0 44px;
        white-space:normal;
    }
}

@media (max-width:767px) {
    .gc-free-shipping-progress {
        padding:11px;
    }

    .gc-fsp-copy strong {
        font-size:11.5px;
    }

    .gc-fsp-copy > div > span {
        font-size:10px;
    }

    .gc-fsp-value {
        display:none;
    }
}


/* ============================================================
   V3 – HIÁNYZÓ ÖSSZEG KIEMELÉSE
   ============================================================ */
.gc-fsp-remaining,
.gc-fsp-remaining .woocommerce-Price-amount,
.gc-fsp-remaining .woocommerce-Price-currencySymbol {
    color:#2E241C !important;
    font-weight:700 !important;
}

.gc-fsp-copy strong {
    color:#2E241C !important;
}

.gc-fsp-copy > div > span {
    color:#8A7663 !important;
}


/* ============================================================
   V4 – AZ ÖSSZEG UGYANAZ A TIPOGRÁFIA, MINT A CÍMSOR TÖBBI RÉSZE
   ============================================================ */
.gc-fsp-copy strong .woocommerce-Price-amount,
.gc-fsp-copy strong .woocommerce-Price-currencySymbol,
.gc-fsp-copy strong .gc-fsp-remaining,
.gc-fsp-copy strong .gc-fsp-remaining * {
    color:inherit !important;
    font-family:inherit !important;
    font-size:inherit !important;
    font-weight:inherit !important;
    line-height:inherit !important;
}