.ronaro-club,.ronaro-club-summary{--rc-green:#087a55;--rc-green-dark:#066848;--rc-soft:#f1f8f5;--rc-border:#dfe9e4;--rc-text:#17231d;--rc-muted:#7b8981;direction:rtl}
.ronaro-club-summary{margin:16px 0;padding:17px;border:1px solid var(--rc-border);border-radius:18px;background:linear-gradient(135deg,#f4fbf8,#fff)}
.ronaro-club-summary__main{display:flex;justify-content:space-between;align-items:center;gap:14px}.ronaro-club-summary__eyebrow{display:block;color:var(--rc-green);font-size:10px;font-weight:800;margin-bottom:3px}.ronaro-club-summary__main strong{display:block;color:var(--rc-text);font-size:25px;line-height:1.2}.ronaro-club-summary__main strong small{font-size:10px;font-weight:700}.ronaro-club-summary__main p{margin:5px 0 0;color:var(--rc-muted);font-size:9px}.ronaro-club-summary__gift{width:48px;height:48px;border-radius:14px;background:#e6f5ee;display:grid;place-items:center;font-size:24px}.ronaro-club-summary__progress{height:6px;margin:13px 0 10px;background:#e5eee9;border-radius:99px;overflow:hidden}.ronaro-club-summary__progress i{display:block;height:100%;background:var(--rc-green);border-radius:99px}.ronaro-club-summary__link{display:inline-flex;color:var(--rc-green)!important;font-size:9px;font-weight:800;text-decoration:none!important}
.ronaro-club{display:grid;gap:14px;color:var(--rc-text)}.ronaro-club-hero{display:grid;grid-template-columns:1fr auto;gap:16px;padding:20px;border-radius:22px;background:linear-gradient(135deg,#087a55,#0d9469);color:#fff;overflow:hidden}.ronaro-club-hero__content span{font-size:10px;opacity:.82}.ronaro-club-hero__content h2{margin:4px 0!important;color:#fff!important;font-size:27px!important}.ronaro-club-hero__content h2 b{font-size:34px}.ronaro-club-hero__content p{margin:0;font-size:10px;opacity:.88}.ronaro-club-hero__reward{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(255,255,255,.11)}.ronaro-club-hero__reward>span{font-size:25px}.ronaro-club-hero__reward small,.ronaro-club-hero__reward strong{display:block;color:#fff}.ronaro-club-hero__reward small{font-size:8px;opacity:.8}.ronaro-club-hero__reward strong{font-size:11px}.ronaro-club-hero__bar{grid-column:1/-1;height:7px;background:rgba(255,255,255,.18);border-radius:99px;overflow:hidden}.ronaro-club-hero__bar i{display:block;height:100%;background:#fff;border-radius:99px}
.ronaro-club-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ronaro-club-stat{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--rc-border);border-radius:16px;background:#fff}.ronaro-club-stat>span{width:39px;height:39px;border-radius:11px;background:var(--rc-soft);display:grid;place-items:center;font-size:19px}.ronaro-club-stat b,.ronaro-club-stat small{display:block}.ronaro-club-stat b{font-size:16px}.ronaro-club-stat small{font-size:8px;color:var(--rc-muted);margin-top:2px}
.ronaro-club-section{padding:16px;border:1px solid var(--rc-border);border-radius:18px;background:#fff}.ronaro-club-section__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.ronaro-club-section__head span{display:block;color:var(--rc-green);font-size:8px;font-weight:800}.ronaro-club-section__head h3{margin:2px 0 0!important;font-size:14px!important;color:var(--rc-text)!important}
.ronaro-club-earn-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.ronaro-club-earn-grid article{padding:13px 8px;text-align:center;border:1px solid #e7eeea;border-radius:14px;background:#fbfdfc}.ronaro-club-earn-grid article span{display:block;font-size:21px;margin-bottom:7px}.ronaro-club-earn-grid article b{display:block;font-size:8.5px;line-height:1.7}.ronaro-club-earn-grid article strong{display:block;margin-top:5px;color:var(--rc-green);font-size:9px}
.ronaro-club-rewards{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.ronaro-club-reward{padding:14px;border:1px solid #e5ece8;border-radius:15px;text-align:center}.ronaro-club-reward__icon{display:grid;width:44px;height:44px;margin:0 auto 8px;place-items:center;border-radius:13px;background:var(--rc-soft);font-size:22px}.ronaro-club-reward h4{margin:0!important;font-size:10px!important}.ronaro-club-reward p{margin:4px 0 10px;font-size:8px;color:var(--rc-muted)}.ronaro-club-reward button{width:100%;min-height:35px;border:0;border-radius:9px;background:var(--rc-green);color:#fff;font:inherit;font-size:8.5px;font-weight:800;cursor:pointer}.ronaro-club-reward button:hover{background:var(--rc-green-dark)}.ronaro-club-reward button:disabled{background:#edf1ef;color:#98a29d;cursor:not-allowed}.ronaro-club-message{display:none;margin-top:10px;padding:9px 11px;border-radius:10px;font-size:9px}.ronaro-club-message.is-success{display:block;background:#eef9f4;color:#087a55}.ronaro-club-message.is-error{display:block;background:#fff2f3;color:#b33d4b}
.ronaro-club-ledger{display:grid;gap:7px}.ronaro-club-ledger__row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;border:1px solid #edf1ef;border-radius:12px}.ronaro-club-ledger__row b,.ronaro-club-ledger__row small{display:block}.ronaro-club-ledger__row b{font-size:9px}.ronaro-club-ledger__row small{margin-top:2px;font-size:7.5px;color:var(--rc-muted)}.ronaro-club-ledger__row>strong{font-size:10px}.ronaro-club-ledger__row>strong.is-plus{color:var(--rc-green)}.ronaro-club-ledger__row>strong.is-minus{color:#b44955}.ronaro-club-empty{padding:14px;border-radius:12px;background:#f8fbf9;color:var(--rc-muted);font-size:9px}
@media(max-width:900px){.ronaro-club-earn-grid{grid-template-columns:repeat(3,1fr)}.ronaro-club-rewards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.ronaro-club-hero{grid-template-columns:1fr;padding:16px}.ronaro-club-hero__reward{width:100%}.ronaro-club-stats{grid-template-columns:repeat(3,1fr);gap:6px}.ronaro-club-stat{display:block;text-align:center;padding:10px 6px}.ronaro-club-stat>span{margin:0 auto 6px}.ronaro-club-earn-grid{grid-template-columns:repeat(2,1fr)}.ronaro-club-rewards{grid-template-columns:1fr 1fr}}


/* v1.0.4 — rewards archive */
.ronaro-club-coupon-archive{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px
}
.ronaro-club-coupon-card{
    min-width:0;
    padding:13px;
    border:1px solid #e5ece8;
    border-radius:14px;
    background:#fbfdfc
}
.ronaro-club-coupon-card__top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px
}
.ronaro-club-coupon-card__top b,
.ronaro-club-coupon-card__top small{
    display:block
}
.ronaro-club-coupon-card__top b{
    color:var(--rc-text);
    font-size:10px
}
.ronaro-club-coupon-card__top small,
.ronaro-club-coupon-expiry{
    margin-top:3px;
    color:var(--rc-muted);
    font-size:7.5px
}
.ronaro-club-coupon-status{
    flex:0 0 auto;
    padding:4px 7px;
    border-radius:999px;
    font-size:7.5px;
    font-weight:800
}
.ronaro-club-coupon-status.is-active{
    background:#e9f8f1;
    color:#087a55
}
.ronaro-club-coupon-status.is-used{
    background:#eef1ef;
    color:#69756e
}
.ronaro-club-coupon-status.is-expired{
    background:#fff1f2;
    color:#b44955
}
.ronaro-club-coupon-code{
    margin:10px 0 5px;
    padding:9px 10px;
    border:1px dashed #b9d4c7;
    border-radius:10px;
    background:#fff;
    color:#087a55;
    font-family:monospace;
    font-size:12px;
    font-weight:800;
    letter-spacing:.6px;
    text-align:center;
    overflow-wrap:anywhere
}
@media(max-width:600px){
    .ronaro-club-coupon-archive{grid-template-columns:1fr}
}


/* v1.0.11 — birthday dashboard banner */
.ronaro-club-birthday-banner{
    position:relative;
    display:grid;
    grid-template-columns:52px minmax(0,1fr) auto;
    align-items:center;
    gap:13px;
    margin:14px 0 16px;
    padding:16px 17px;
    overflow:hidden;
    border:1px solid #f0dfb9;
    border-radius:18px;
    background:
        linear-gradient(135deg,#fffaf0 0%,#fff 55%,#f3fbf7 100%);
}
.ronaro-club-birthday-banner:after{
    content:"🎉";
    position:absolute;
    left:15px;
    bottom:-16px;
    font-size:72px;
    opacity:.06;
    transform:rotate(-14deg);
    pointer-events:none;
}
.ronaro-club-birthday-banner__icon{
    display:grid;
    place-items:center;
    width:52px;
    height:52px;
    border-radius:15px;
    background:#fff1cf;
    font-size:27px;
}
.ronaro-club-birthday-banner__content{
    min-width:0;
}
.ronaro-club-birthday-banner__content>span{
    display:block;
    margin-bottom:2px;
    color:#9a7a35;
    font-size:8.5px;
    font-weight:800;
}
.ronaro-club-birthday-banner__content h3{
    margin:0!important;
    color:#5f4820!important;
    font-size:15px!important;
    line-height:1.6!important;
}
.ronaro-club-birthday-banner__content p{
    margin:3px 0 0!important;
    color:#6f786f;
    font-size:9px;
    line-height:1.8;
}
.ronaro-club-birthday-banner__content p strong{
    color:#087a55;
}
.ronaro-club-birthday-banner__points{
    position:relative;
    z-index:1;
    min-width:72px;
    padding:9px 11px;
    border-radius:13px;
    background:#e9f7f1;
    color:#087a55;
    font-size:16px;
    font-weight:900;
    text-align:center;
}
.ronaro-club-birthday-banner__points small{
    display:block;
    margin-top:1px;
    font-size:7px;
    font-weight:700;
}
@media(max-width:600px){
    .ronaro-club-birthday-banner{
        grid-template-columns:44px minmax(0,1fr);
        gap:9px;
        padding:13px;
    }
    .ronaro-club-birthday-banner__icon{
        width:44px;
        height:44px;
        border-radius:12px;
        font-size:23px;
    }
    .ronaro-club-birthday-banner__points{
        grid-column:1/-1;
        width:100%;
        min-width:0;
    }
}


/* =========================================================
   v1.0.19 — smaller reward buttons on mobile
   ========================================================= */
@media (max-width: 600px) {
    .ronaro-club-reward button,
    .ronaro-club-redeem {
        min-height: 31px !important;
        padding: 6px 7px !important;
        border-radius: 8px !important;
        font-size: 7.5px !important;
        font-weight: 800 !important;
        line-height: 1.35 !important;
        white-space: normal !important;
    }

    .ronaro-club-reward button:disabled,
    .ronaro-club-redeem:disabled {
        font-size: 7.3px !important;
    }
}

@media (max-width: 380px) {
    .ronaro-club-reward button,
    .ronaro-club-redeem {
        font-size: 7px !important;
        padding-inline: 5px !important;
    }
}


/* =========================================================
   v1.0.20 — balanced mobile reward buttons
   ========================================================= */
@media (max-width: 600px) {
    .ronaro-club-reward button,
    .ronaro-club-redeem {
        min-height: 34px !important;
        padding: 7px 9px !important;
        border-radius: 9px !important;
        font-size: 8.5px !important;
        line-height: 1.4 !important;
    }

    .ronaro-club-reward button:disabled,
    .ronaro-club-redeem:disabled {
        font-size: 8.3px !important;
    }
}

@media (max-width: 380px) {
    .ronaro-club-reward button,
    .ronaro-club-redeem {
        font-size: 8.1px !important;
        padding-inline: 7px !important;
    }
}


/* =========================================================
   v1.0.25 — reliable native Jalali birthday picker
   ========================================================= */
.ronaro-birthday-native-picker{
    margin:16px 0 20px;
    padding:14px;
    border:1px solid #e4ebe7;
    border-radius:14px;
    background:#fbfdfc;
    direction:rtl;
}

.ronaro-birthday-native-picker__title{
    display:block;
    margin-bottom:11px;
    color:#17231d;
    font-size:12px;
    font-weight:800;
}

.ronaro-birthday-native-picker__title .optional{
    color:#7b8981;
    font-size:9px;
    font-weight:500;
}

.ronaro-birthday-native-picker__grid{
    display:grid;
    grid-template-columns:1fr 1.35fr 1.15fr;
    gap:8px;
}

.ronaro-birthday-native-picker__field label{
    display:block;
    margin:0 0 5px;
    color:#718078;
    font-size:9px;
    font-weight:700;
}

.ronaro-birthday-native-picker__field select{
    box-sizing:border-box;
    width:100% !important;
    min-height:44px !important;
    margin:0 !important;
    padding:7px 9px !important;
    border:1px solid #dce7e1 !important;
    border-radius:10px !important;
    background-color:#fff !important;
    color:#17231d !important;
    font-size:12px !important;
    line-height:1.4 !important;
}

.ronaro-birthday-native-picker__help{
    display:block;
    margin-top:8px;
    color:#7b8981;
    font-size:8.5px;
    line-height:1.7;
}

@media(max-width:600px){
    .ronaro-birthday-native-picker{
        padding:12px;
    }

    .ronaro-birthday-native-picker__grid{
        grid-template-columns:.85fr 1.3fr 1.05fr;
        gap:6px;
    }

    .ronaro-birthday-native-picker__field select{
        min-height:48px !important;
        padding:7px 5px !important;
        font-size:12px !important;
    }

    .ronaro-birthday-native-picker__title{
        font-size:11px;
    }
}


/* =========================================================
   v1.0.28 — birthday card directly under Ronaro welcome
   ========================================================= */
.ronaro-club-birthday-fallback{
    display:block;
    margin:0;
}

.ronaro-club-birthday-fallback[hidden]{
    display:none !important;
}

.ronaro-dashboard__welcome + .ronaro-club-birthday-fallback{
    margin-top:12px;
    margin-bottom:14px;
}

.ronaro-club-birthday-banner--welcome{
    margin:0;
}

@media(max-width:600px){
    .ronaro-dashboard__welcome + .ronaro-club-birthday-fallback{
        margin-top:9px;
        margin-bottom:11px;
    }
}


/* =========================================================
   v1.0.29 — dashboard cards directly below welcome
   ========================================================= */

.ronaro-dashboard__welcome + .ronaro-club-birthday-fallback,
.ronaro-dashboard__welcome + .ronaro-club-birthday-banner,
.ronaro-dashboard__welcome + .ronaro-club-summary{
    margin-top:12px !important;
}

.ronaro-club-birthday-fallback + .ronaro-club-summary,
.ronaro-club-birthday-banner + .ronaro-club-summary{
    margin-top:10px !important;
}

.ronaro-dashboard__welcome ~ .ronaro-club-summary{
    margin-bottom:14px !important;
}

@media(max-width:600px){
    .ronaro-dashboard__welcome + .ronaro-club-birthday-fallback,
    .ronaro-dashboard__welcome + .ronaro-club-birthday-banner,
    .ronaro-dashboard__welcome + .ronaro-club-summary{
        margin-top:9px !important;
    }

    .ronaro-club-birthday-fallback + .ronaro-club-summary,
    .ronaro-club-birthday-banner + .ronaro-club-summary{
        margin-top:8px !important;
    }
}


/* =========================================================
   v1.0.36 — birthday reminder card
   ========================================================= */

.ronaro-club-birthday-reminder{
    display:grid;
    grid-template-columns:48px minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    margin:14px 0;
    padding:14px 15px;
    border:1px solid #dcebe4;
    border-radius:16px;
    background:linear-gradient(135deg,#f4fbf8 0%,#fff 100%);
    direction:rtl;
}

.ronaro-club-birthday-reminder__icon{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    border-radius:14px;
    background:#e9f7f1;
    font-size:24px;
}

.ronaro-club-birthday-reminder__content{
    min-width:0;
}

.ronaro-club-birthday-reminder__content > span{
    display:block;
    margin-bottom:2px;
    color:#087a55;
    font-size:8.5px;
    font-weight:800;
}

.ronaro-club-birthday-reminder__content h3{
    margin:0 !important;
    color:#17231d !important;
    font-size:13px !important;
    line-height:1.6 !important;
}

.ronaro-club-birthday-reminder__content p{
    margin:3px 0 0 !important;
    color:#6f7d75;
    font-size:8.5px;
    line-height:1.8;
}

.ronaro-club-birthday-reminder__action{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    padding:8px 12px;
    border-radius:10px;
    background:#087a55;
    color:#fff !important;
    text-decoration:none !important;
    font-size:8.5px;
    font-weight:800;
    white-space:nowrap;
}

.ronaro-club-birthday-reminder__action:hover{
    background:#066848;
    color:#fff !important;
}

@media(max-width:600px){
    .ronaro-club-birthday-reminder{
        grid-template-columns:42px minmax(0,1fr);
        gap:9px;
        padding:12px;
    }

    .ronaro-club-birthday-reminder__icon{
        width:42px;
        height:42px;
        border-radius:12px;
        font-size:21px;
    }

    .ronaro-club-birthday-reminder__action{
        grid-column:1/-1;
        width:100%;
        min-height:34px;
        font-size:8px;
    }
}


/* =========================================================
   v1.0.37 — force dashboard cards above comments
   ========================================================= */

.ronaro-dashboard__welcome + .ronaro-dashboard-top-card{
    margin-top:10px !important;
}

.ronaro-dashboard-top-card + .ronaro-dashboard-top-card{
    margin-top:9px !important;
}

.ronaro-dashboard-top-card{
    width:100% !important;
    box-sizing:border-box !important;
}

/* Avoid large bottom gaps before comments/next dashboard section. */
.ronaro-dashboard-top-card:last-of-type{
    margin-bottom:12px !important;
}

@media(max-width:600px){
    .ronaro-dashboard__welcome + .ronaro-dashboard-top-card{
        margin-top:8px !important;
    }

    .ronaro-dashboard-top-card + .ronaro-dashboard-top-card{
        margin-top:7px !important;
    }
}


/* =========================================================
   v1.0.38 — place club cards inside dashboard, before reviews
   ========================================================= */

.ronaro-dashboard > .ronaro-dashboard-pre-review-card{
    width:100% !important;
    box-sizing:border-box !important;
    margin-top:14px !important;
    margin-bottom:0 !important;
}

.ronaro-dashboard > .ronaro-dashboard-pre-review-card + .ronaro-dashboard-pre-review-card{
    margin-top:10px !important;
}

.ronaro-dashboard > .ronaro-dashboard-pre-review-card:last-of-type{
    margin-bottom:16px !important;
}

@media(max-width:600px){
    .ronaro-dashboard > .ronaro-dashboard-pre-review-card{
        margin-top:10px !important;
    }

    .ronaro-dashboard > .ronaro-dashboard-pre-review-card + .ronaro-dashboard-pre-review-card{
        margin-top:8px !important;
    }

    .ronaro-dashboard > .ronaro-dashboard-pre-review-card:last-of-type{
        margin-bottom:12px !important;
    }
}


/* =========================================================
   v1.0.40 — club cards immediately after welcome
   ========================================================= */

.ronaro-dashboard > .ronaro-dashboard-after-welcome-card{
    width:100% !important;
    box-sizing:border-box !important;
    margin-top:10px !important;
    margin-bottom:0 !important;
}

.ronaro-dashboard > .ronaro-dashboard-after-welcome-card +
.ronaro-dashboard-after-welcome-card{
    margin-top:9px !important;
}

.ronaro-dashboard > .ronaro-dashboard-after-welcome-card:last-of-type{
    margin-bottom:14px !important;
}

@media(max-width:600px){
    .ronaro-dashboard > .ronaro-dashboard-after-welcome-card{
        margin-top:8px !important;
    }

    .ronaro-dashboard > .ronaro-dashboard-after-welcome-card +
    .ronaro-dashboard-after-welcome-card{
        margin-top:7px !important;
    }

    .ronaro-dashboard > .ronaro-dashboard-after-welcome-card:last-of-type{
        margin-bottom:10px !important;
    }
}


/* =========================================================
   v1.0.41 — spacing below club cards before quick links
   ========================================================= */

.ronaro-dashboard > .ronaro-dashboard-after-welcome-card:last-of-type{
    margin-bottom:18px !important;
}

.ronaro-dashboard > .ronaro-dashboard-after-welcome-card +
.ronaro-dashboard__quick-links,
.ronaro-dashboard > .ronaro-dashboard-after-welcome-card +
.ronaro-active-orders{
    margin-top:18px !important;
}

@media(max-width:600px){
    .ronaro-dashboard > .ronaro-dashboard-after-welcome-card:last-of-type{
        margin-bottom:14px !important;
    }

    .ronaro-dashboard > .ronaro-dashboard-after-welcome-card +
    .ronaro-dashboard__quick-links,
    .ronaro-dashboard > .ronaro-dashboard-after-welcome-card +
    .ronaro-active-orders{
        margin-top:14px !important;
    }
}


/* =========================================================
   v1.0.44 — collapsible points history
   ========================================================= */

.ronaro-club-ledger.has-more:not(.is-expanded)
.ronaro-club-ledger__row.is-collapsed-row{
    display:none;
}

.ronaro-club-ledger-toggle{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    width:100%;
    min-height:36px;
    margin-top:8px;
    padding:7px 12px;
    border:1px solid #dce8e2;
    border-radius:10px;
    background:#f7fbf9;
    color:#087a55;
    cursor:pointer;
    font-size:9px;
    font-weight:800;
    line-height:1.4;
    transition:background .18s ease,border-color .18s ease;
}

.ronaro-club-ledger-toggle:hover{
    background:#eef8f4;
    border-color:#c9dfd4;
}

.ronaro-club-ledger-toggle__icon{
    display:inline-block;
    font-size:15px;
    line-height:1;
    transition:transform .2s ease;
}

.ronaro-club-ledger-toggle[aria-expanded="true"]
.ronaro-club-ledger-toggle__icon{
    transform:rotate(180deg);
}

@media(max-width:600px){
    .ronaro-club-ledger-toggle{
        min-height:34px;
        font-size:8px;
        margin-top:7px;
    }
}


/* =========================================================
   v1.0.45 — one-click coupon copy
   ========================================================= */

.ronaro-club-coupon-code{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:100%;
    min-height:42px;
    padding:9px 12px;
    border:1px dashed #b9d9ca;
    border-radius:10px;
    background:#fbfefc;
    color:#087a55;
    cursor:pointer;
    font:inherit;
    font-weight:900;
    letter-spacing:.4px;
    transition:
        background .18s ease,
        border-color .18s ease,
        transform .08s ease;
}

.ronaro-club-coupon-code:hover{
    background:#f2faf6;
    border-color:#8fc5ad;
}

.ronaro-club-coupon-code:active{
    transform:scale(.995);
}

.ronaro-club-coupon-code__copy{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    border-radius:6px;
    background:#e9f7f1;
    font-size:12px;
    line-height:1;
}

.ronaro-club-coupon-code.is-copied{
    background:#eaf8f1;
    border-style:solid;
    border-color:#8fc5ad;
}

.ronaro-club-coupon-code.is-copied
.ronaro-club-coupon-code__copy{
    background:#087a55;
    color:#fff;
}

@media(max-width:600px){
    .ronaro-club-coupon-code{
        min-height:40px;
        padding:8px 10px;
        font-size:9px;
    }
}


/* =========================================================
   v1.0.46 — restore clean coupon-code appearance
   ========================================================= */

.ronaro-club-coupon-code.ronaro-club-coupon-code--plain{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:7px !important;
    width:auto !important;
    min-height:0 !important;
    margin:6px 0 0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:inherit !important;
    cursor:pointer !important;
    font:inherit !important;
    font-weight:800 !important;
    letter-spacing:.2px !important;
    transition:none !important;
}

.ronaro-club-coupon-code.ronaro-club-coupon-code--plain:hover,
.ronaro-club-coupon-code.ronaro-club-coupon-code--plain:focus,
.ronaro-club-coupon-code.ronaro-club-coupon-code--plain:active{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
    outline:none !important;
}

.ronaro-club-coupon-code--plain .ronaro-club-coupon-code__value{
    color:#17231d;
}

.ronaro-club-coupon-code--plain .ronaro-club-coupon-code__copy{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent !important;
    color:#7b8981;
    opacity:.85;
}

.ronaro-club-coupon-code--plain .ronaro-club-coupon-code__copy svg{
    display:block;
    width:15px;
    height:15px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.ronaro-club-coupon-code--plain:hover .ronaro-club-coupon-code__copy{
    color:#087a55;
    opacity:1;
}

.ronaro-club-coupon-code--plain.is-copied{
    background:transparent !important;
    border:0 !important;
}

.ronaro-club-coupon-code--plain.is-copied
.ronaro-club-coupon-code__value{
    color:#087a55;
}

.ronaro-club-coupon-code--plain.is-copied
.ronaro-club-coupon-code__copy{
    color:#087a55;
    background:transparent !important;
}

@media(max-width:600px){
    .ronaro-club-coupon-code.ronaro-club-coupon-code--plain{
        font-size:9px !important;
        gap:6px !important;
    }

    .ronaro-club-coupon-code--plain .ronaro-club-coupon-code__copy svg{
        width:14px;
        height:14px;
    }
}


/* =========================================================
   v1.0.47 — larger coupon code on mobile + single checkmark
   ========================================================= */
@media(max-width:600px){
    .ronaro-club-coupon-code.ronaro-club-coupon-code--plain{
        font-size:11px !important;
        gap:8px !important;
        line-height:1.5 !important;
    }

    .ronaro-club-coupon-code--plain .ronaro-club-coupon-code__value{
        font-size:11px !important;
        font-weight:900 !important;
        letter-spacing:.3px !important;
    }

    .ronaro-club-coupon-code--plain .ronaro-club-coupon-code__copy{
        width:22px !important;
        height:22px !important;
        min-width:22px !important;
    }

    .ronaro-club-coupon-code--plain .ronaro-club-coupon-code__copy svg{
        width:17px !important;
        height:17px !important;
    }
}


/* =========================================================
   v1.0.50 — club cards after active orders
   ========================================================= */

.ronaro-dashboard > .ronaro-dashboard-after-active-orders-card{
    width:100% !important;
    box-sizing:border-box !important;
    margin-top:10px !important;
    margin-bottom:0 !important;
}

.ronaro-dashboard > .ronaro-dashboard-after-active-orders-card +
.ronaro-dashboard-after-active-orders-card{
    margin-top:9px !important;
}

.ronaro-dashboard > .ronaro-dashboard-after-active-orders-card:last-of-type{
    margin-bottom:14px !important;
}

@media(max-width:600px){
    .ronaro-dashboard > .ronaro-dashboard-after-active-orders-card{
        margin-top:8px !important;
    }

    .ronaro-dashboard > .ronaro-dashboard-after-active-orders-card +
    .ronaro-dashboard-after-active-orders-card{
        margin-top:7px !important;
    }

    .ronaro-dashboard > .ronaro-dashboard-after-active-orders-card:last-of-type{
        margin-bottom:10px !important;
    }
}


/* =========================================================
   v1.0.51 — checkout & order points preview
   ========================================================= */

.ronaro-club-checkout-points-row > td{
    padding-top:10px !important;
    padding-bottom:10px !important;
}

.ronaro-club-order-points{
    display:flex;
    align-items:center;
    gap:10px;
    box-sizing:border-box;
    width:100%;
    padding:11px 13px;
    border:1px solid #dbece4;
    border-radius:13px;
    background:linear-gradient(135deg,#f2faf6 0%,#fbfefc 100%);
    color:#26352e;
}

.ronaro-club-order-points__icon{
    display:grid;
    place-items:center;
    flex:0 0 38px;
    width:38px;
    height:38px;
    border-radius:11px;
    background:#e3f5ed;
    font-size:20px;
    line-height:1;
}

.ronaro-club-order-points > div{
    min-width:0;
}

.ronaro-club-order-points strong{
    display:block;
    margin:0;
    color:#087a55;
    font-size:11px;
    font-weight:900;
    line-height:1.7;
}

.ronaro-club-order-points small{
    display:block;
    margin-top:2px;
    color:#748179;
    font-size:8.5px;
    line-height:1.7;
}

.ronaro-club-order-points--details{
    max-width:100%;
    margin:14px 0 18px;
}

@media(max-width:600px){
    .ronaro-club-order-points{
        gap:8px;
        padding:10px 11px;
        border-radius:11px;
    }

    .ronaro-club-order-points__icon{
        flex-basis:34px;
        width:34px;
        height:34px;
        border-radius:9px;
        font-size:18px;
    }

    .ronaro-club-order-points strong{
        font-size:9.5px;
    }

    .ronaro-club-order-points small{
        font-size:7.5px;
    }
}


/* =========================================================
   v1.0.52 — refined checkout points strip
   ========================================================= */

.woocommerce-checkout-review-order-table
.ronaro-club-checkout-points-row > td{
    padding:8px 0 2px !important;
    border-top:0 !important;
}

.woocommerce-checkout-review-order-table
.ronaro-club-order-points--checkout{
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    width:100% !important;
    margin:0 !important;
    padding:9px 10px !important;
    border:0 !important;
    border-radius:10px !important;
    background:#f4faf7 !important;
    box-shadow:none !important;
}

.woocommerce-checkout-review-order-table
.ronaro-club-order-points--checkout
.ronaro-club-order-points__icon{
    display:grid !important;
    place-items:center !important;
    flex:0 0 28px !important;
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    border-radius:50% !important;
    background:#e3f5ec !important;
    font-size:15px !important;
    line-height:1 !important;
}

.woocommerce-checkout-review-order-table
.ronaro-club-order-points--checkout > div{
    min-width:0 !important;
    flex:1 1 auto !important;
}

.woocommerce-checkout-review-order-table
.ronaro-club-order-points--checkout strong{
    display:block !important;
    margin:0 !important;
    color:#26352e !important;
    font-size:10.5px !important;
    font-weight:800 !important;
    line-height:1.75 !important;
}

.woocommerce-checkout-review-order-table
.ronaro-club-order-points--checkout strong::first-letter{
    color:inherit;
}

.woocommerce-checkout-review-order-table
.ronaro-club-order-points--checkout small{
    display:block !important;
    margin-top:1px !important;
    color:#7b8780 !important;
    font-size:7.8px !important;
    font-weight:500 !important;
    line-height:1.65 !important;
}

/* Highlight only the numeric reward naturally via inherited club green. */
.woocommerce-checkout-review-order-table
.ronaro-club-order-points--checkout strong{
    text-wrap:balance;
}

@media(max-width:600px){
    .woocommerce-checkout-review-order-table
    .ronaro-club-checkout-points-row > td{
        padding-top:7px !important;
    }

    .woocommerce-checkout-review-order-table
    .ronaro-club-order-points--checkout{
        gap:7px !important;
        padding:8px 9px !important;
        border-radius:9px !important;
    }

    .woocommerce-checkout-review-order-table
    .ronaro-club-order-points--checkout
    .ronaro-club-order-points__icon{
        flex-basis:26px !important;
        width:26px !important;
        height:26px !important;
        min-width:26px !important;
        font-size:14px !important;
    }

    .woocommerce-checkout-review-order-table
    .ronaro-club-order-points--checkout strong{
        font-size:9px !important;
        line-height:1.7 !important;
    }

    .woocommerce-checkout-review-order-table
    .ronaro-club-order-points--checkout small{
        font-size:7px !important;
        line-height:1.55 !important;
    }
}


/* =========================================================
   v1.0.53 — unified Ronaro Club points notice UI
   Matches the approved reference style everywhere.
   ========================================================= */

.ronaro-club-order-points,
.woocommerce-checkout-review-order-table
.ronaro-club-order-points--checkout,
.ronaro-club-order-points--details{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    box-sizing:border-box !important;
    width:100% !important;
    min-height:58px !important;
    margin:10px 0 !important;
    padding:10px 12px !important;
    border:1px solid #d7e9e0 !important;
    border-radius:12px !important;
    background:#f2faf6 !important;
    box-shadow:none !important;
    direction:rtl !important;
}

.ronaro-club-order-points__icon,
.woocommerce-checkout-review-order-table
.ronaro-club-order-points--checkout
.ronaro-club-order-points__icon{
    order:0 !important;
    display:grid !important;
    place-items:center !important;
    flex:0 0 36px !important;
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    border-radius:10px !important;
    background:#e1f4eb !important;
    font-size:17px !important;
    line-height:1 !important;
}

.ronaro-club-order-points > div,
.woocommerce-checkout-review-order-table
.ronaro-club-order-points--checkout > div{
    order:1 !important;
    min-width:0 !important;
    flex:1 1 auto !important;
    text-align:right !important;
}

.ronaro-club-order-points strong,
.woocommerce-checkout-review-order-table
.ronaro-club-order-points--checkout strong{
    display:block !important;
    margin:0 !important;
    color:#087a55 !important;
    font-size:10.5px !important;
    font-weight:900 !important;
    line-height:1.75 !important;
}

.ronaro-club-order-points small,
.woocommerce-checkout-review-order-table
.ronaro-club-order-points--checkout small{
    display:block !important;
    margin-top:1px !important;
    color:#7a8780 !important;
    font-size:7.6px !important;
    font-weight:500 !important;
    line-height:1.65 !important;
}

/* Checkout table: remove the old oversized cell spacing. */
.woocommerce-checkout-review-order-table
.ronaro-club-checkout-points-row > td{
    padding:8px 0 3px !important;
    border-top:0 !important;
}

/* Order-details placement should visually match checkout exactly. */
.ronaro-club-order-points--details{
    max-width:none !important;
    margin:12px 0 16px !important;
}

/* Keep the coin on the right in RTL layouts. */
html[dir="rtl"] .ronaro-club-order-points,
body.rtl .ronaro-club-order-points{
    flex-direction:row !important;
}

@media(max-width:600px){
    .ronaro-club-order-points,
    .woocommerce-checkout-review-order-table
    .ronaro-club-order-points--checkout,
    .ronaro-club-order-points--details{
        min-height:54px !important;
        gap:8px !important;
        padding:9px 10px !important;
        border-radius:10px !important;
    }

    .ronaro-club-order-points__icon,
    .woocommerce-checkout-review-order-table
    .ronaro-club-order-points--checkout
    .ronaro-club-order-points__icon{
        flex-basis:32px !important;
        width:32px !important;
        height:32px !important;
        min-width:32px !important;
        border-radius:9px !important;
        font-size:15px !important;
    }

    .ronaro-club-order-points strong,
    .woocommerce-checkout-review-order-table
    .ronaro-club-order-points--checkout strong{
        font-size:9.2px !important;
        line-height:1.7 !important;
    }

    .ronaro-club-order-points small,
    .woocommerce-checkout-review-order-table
    .ronaro-club-order-points--checkout small{
        font-size:7px !important;
        line-height:1.55 !important;
    }
}


/* =========================================================
   v1.0.54 — checkout asset + RTL hard fix
   ========================================================= */

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
tr.ronaro-club-checkout-points-row > td{
    padding:10px 0 4px !important;
    border:0 !important;
    text-align:right !important;
    direction:rtl !important;
}

body.woocommerce-checkout
.ronaro-club-order-points--checkout{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    width:100% !important;
    min-height:58px !important;
    margin:0 !important;
    padding:10px 12px !important;
    border:1px solid #d7e9e0 !important;
    border-radius:12px !important;
    background:#f2faf6 !important;
    box-shadow:none !important;
    direction:rtl !important;
    text-align:right !important;
}

body.woocommerce-checkout
.ronaro-club-order-points--checkout
.ronaro-club-order-points__icon{
    order:0 !important;
    display:grid !important;
    place-items:center !important;
    flex:0 0 36px !important;
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    margin:0 !important;
    border-radius:10px !important;
    background:#e1f4eb !important;
    font-size:17px !important;
    line-height:1 !important;
}

body.woocommerce-checkout
.ronaro-club-order-points--checkout > div{
    order:1 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    text-align:right !important;
    direction:rtl !important;
}

body.woocommerce-checkout
.ronaro-club-order-points--checkout strong{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    color:#087a55 !important;
    font-size:10.5px !important;
    font-weight:900 !important;
    line-height:1.75 !important;
    text-align:right !important;
    direction:rtl !important;
}

body.woocommerce-checkout
.ronaro-club-order-points--checkout small{
    display:block !important;
    margin:1px 0 0 !important;
    padding:0 !important;
    color:#7a8780 !important;
    font-size:7.6px !important;
    font-weight:500 !important;
    line-height:1.65 !important;
    text-align:right !important;
    direction:rtl !important;
}

@media(max-width:600px){
    body.woocommerce-checkout
    .ronaro-club-order-points--checkout{
        min-height:54px !important;
        gap:8px !important;
        padding:9px 10px !important;
        border-radius:10px !important;
    }

    body.woocommerce-checkout
    .ronaro-club-order-points--checkout
    .ronaro-club-order-points__icon{
        flex-basis:32px !important;
        width:32px !important;
        height:32px !important;
        min-width:32px !important;
        border-radius:9px !important;
        font-size:15px !important;
    }

    body.woocommerce-checkout
    .ronaro-club-order-points--checkout strong{
        font-size:9.2px !important;
    }

    body.woocommerce-checkout
    .ronaro-club-order-points--checkout small{
        font-size:7px !important;
    }
}


/* =========================================================
   v1.0.55 — wallet partial-payment notice
   Blue variant of Ronaro Club notice style
   ========================================================= */

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
tr.wallet-pay-partial > th{
    position:relative !important;
    padding:10px 0 4px !important;
    border:0 !important;
    text-align:right !important;
    direction:rtl !important;
}

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
tr.wallet-pay-partial > th > label{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    box-sizing:border-box !important;
    width:100% !important;
    min-height:58px !important;
    margin:0 !important;
    padding:10px 12px 10px 56px !important;
    border:1px solid #d8e7f3 !important;
    border-radius:12px !important;
    background:#f3f8fc !important;
    box-shadow:none !important;
    color:#385267 !important;
    font-size:9.5px !important;
    font-weight:600 !important;
    line-height:1.85 !important;
    text-align:right !important;
    direction:rtl !important;
}

/* Wallet icon block on the right */


/* Make the monetary values visually stronger */
body.woocommerce-checkout
.woocommerce-checkout-review-order-table
tr.wallet-pay-partial
.woocommerce-Price-amount{
    color:#1769aa !important;
    font-weight:900 !important;
}

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
tr.wallet-pay-partial
.woocommerce-Price-currencySymbol{
    color:inherit !important;
}

/* Prevent theme table styles from adding backgrounds/borders */
body.woocommerce-checkout
.woocommerce-checkout-review-order-table
tr.wallet-pay-partial{
    background:transparent !important;
    border:0 !important;
}

@media(max-width:600px){
    body.woocommerce-checkout
    .woocommerce-checkout-review-order-table
    tr.wallet-pay-partial > th{
        padding-top:8px !important;
    }

    body.woocommerce-checkout
    .woocommerce-checkout-review-order-table
    tr.wallet-pay-partial > th > label{
        min-height:54px !important;
        padding:9px 10px 9px 49px !important;
        border-radius:10px !important;
        font-size:8.2px !important;
        line-height:1.75 !important;
    }

    body.woocommerce-checkout
    .woocommerce-checkout-review-order-table
    tr.wallet-pay-partial > th > label::before{
        right:10px !important;
        width:32px !important;
        height:32px !important;
        border-radius:9px !important;
        font-size:15px !important;
    }
}


/* =========================================================
   v1.0.56 — wallet text flow + reliable coin SVG
   ========================================================= */

/* ---------- WALLET ---------- */

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
tr.wallet-pay-partial > th{
    padding:10px 0 4px !important;
    border:0 !important;
    text-align:right !important;
    direction:rtl !important;
}

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
tr.wallet-pay-partial > th > label{
    position:relative !important;
    display:block !important;
    box-sizing:border-box !important;
    width:100% !important;
    min-height:58px !important;
    margin:0 !important;

    /* icon is on the right, so reserve space on the right */
    padding:11px 58px 11px 12px !important;

    border:1px solid #d8e7f3 !important;
    border-radius:12px !important;
    background:#f3f8fc !important;
    box-shadow:none !important;

    color:#385267 !important;
    font-size:9.5px !important;
    font-weight:600 !important;
    line-height:2 !important;
    text-align:right !important;
    direction:rtl !important;
    white-space:normal !important;
}

/* Pure CSS/SVG wallet icon — independent from emoji fonts */


body.woocommerce-checkout
.woocommerce-checkout-review-order-table
tr.wallet-pay-partial
.woocommerce-Price-amount{
    display:inline !important;
    color:#1769aa !important;
    font-weight:900 !important;
    white-space:nowrap !important;
}

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
tr.wallet-pay-partial
.woocommerce-Price-amount bdi{
    display:inline !important;
    white-space:nowrap !important;
}

/* ---------- CLUB COIN ---------- */

/*
 * Hide the emoji glyph itself and draw a fixed SVG coin.
 * This avoids missing-glyph boxes on Android/Windows fonts.
 */
.ronaro-club-order-points__icon,
.woocommerce-checkout-review-order-table
.ronaro-club-order-points--checkout
.ronaro-club-order-points__icon{
    font-size:0 !important;
    color:transparent !important;

    background-color:#e1f4eb !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:20px 20px !important;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='%23F5B82E'/%3E%3Ccircle cx='12' cy='12' r='6.5' fill='none' stroke='%23D99A11' stroke-width='1.3'/%3E%3Cpath d='M8.5 12h7M9.8 9.5h4.4M9.8 14.5h4.4' stroke='%23fff' stroke-width='1.35' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

@media(max-width:600px){
    body.woocommerce-checkout
    .woocommerce-checkout-review-order-table
    tr.wallet-pay-partial > th > label{
        min-height:54px !important;
        padding:10px 50px 10px 10px !important;
        border-radius:10px !important;
        font-size:8.5px !important;
        line-height:1.95 !important;
    }

    body.woocommerce-checkout
    .woocommerce-checkout-review-order-table
    tr.wallet-pay-partial > th > label::before{
        right:10px !important;
        width:32px !important;
        height:32px !important;
        border-radius:9px !important;
        background-size:18px 18px !important;
    }

    .ronaro-club-order-points__icon,
    .woocommerce-checkout-review-order-table
    .ronaro-club-order-points--checkout
    .ronaro-club-order-points__icon{
        background-size:18px 18px !important;
    }
}


/* =========================================================
   v1.0.57 — stable minimal coin icon
   ========================================================= */

.ronaro-club-order-points__icon,
.woocommerce-checkout-review-order-table
.ronaro-club-order-points--checkout
.ronaro-club-order-points__icon{
    position:relative !important;
    overflow:hidden !important;
    font-size:0 !important;
    color:transparent !important;

    background-color:#e1f4eb !important;
    background-image:none !important;
}

/* draw coin with CSS instead of embedded SVG */
.ronaro-club-order-points__icon::before,
.woocommerce-checkout-review-order-table
.ronaro-club-order-points--checkout
.ronaro-club-order-points__icon::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;

    width:19px !important;
    height:19px !important;
    border-radius:50% !important;

    background:#f4b62d !important;
    border:2px solid #d99a11 !important;
    box-sizing:border-box !important;
}

/* inner ring */
.ronaro-club-order-points__icon::after,
.woocommerce-checkout-review-order-table
.ronaro-club-order-points--checkout
.ronaro-club-order-points__icon::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;

    width:11px !important;
    height:11px !important;
    border-radius:50% !important;

    border:1.5px solid rgba(255,255,255,.95) !important;
    box-sizing:border-box !important;
}

@media(max-width:600px){
    .ronaro-club-order-points__icon::before,
    .woocommerce-checkout-review-order-table
    .ronaro-club-order-points--checkout
    .ronaro-club-order-points__icon::before{
        width:17px !important;
        height:17px !important;
    }

    .ronaro-club-order-points__icon::after,
    .woocommerce-checkout-review-order-table
    .ronaro-club-order-points--checkout
    .ronaro-club-order-points__icon::after{
        width:9px !important;
        height:9px !important;
    }
}


/* =========================================================
   v1.0.58 — cart cashback notice styled like wallet
   ========================================================= */

/*
 * Target WooCommerce cart info notices that contain wallet/cashback wording.
 * CSS :has() is supported in modern Chrome/Edge/Safari/Firefox.
 */
body.woocommerce-cart
.woocommerce-info:has(.woocommerce-Price-amount){
    position:relative !important;
    box-sizing:border-box !important;
    width:100% !important;
    min-height:58px !important;
    margin:10px 0 14px !important;
    padding:11px 58px 11px 12px !important;

    border:1px solid #d8e7f3 !important;
    border-radius:12px !important;
    background:#f3f8fc !important;
    box-shadow:none !important;

    color:#385267 !important;
    font-size:9.5px !important;
    font-weight:600 !important;
    line-height:2 !important;
    text-align:right !important;
    direction:rtl !important;
}

/* Remove WooCommerce default info accent/icon */
body.woocommerce-cart
.woocommerce-info:has(.woocommerce-Price-amount)::before{
    content:"" !important;
    position:absolute !important;
    right:12px !important;
    top:50% !important;
    transform:translateY(-50%) !important;

    display:block !important;
    width:36px !important;
    height:36px !important;

    border-radius:10px !important;
    background-color:#e4f0fa !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:20px 20px !important;

    /* wallet icon */
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232271b1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5h15a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-11a2 2 0 0 1 2-2h12'/%3E%3Cpath d='M16 12h5v4h-5a2 2 0 0 1 0-4Z'/%3E%3Ccircle cx='17.5' cy='14' r='.65' fill='%232271b1' stroke='none'/%3E%3C/svg%3E") !important;
}

body.woocommerce-cart
.woocommerce-info:has(.woocommerce-Price-amount){
    border-top-width:1px !important;
}

body.woocommerce-cart
.woocommerce-info:has(.woocommerce-Price-amount)
.woocommerce-Price-amount{
    display:inline !important;
    color:#1769aa !important;
    font-weight:900 !important;
    white-space:nowrap !important;
}

body.woocommerce-cart
.woocommerce-info:has(.woocommerce-Price-amount)
.woocommerce-Price-amount bdi{
    display:inline !important;
    white-space:nowrap !important;
}

/* Fallback for browsers/themes that don't honor :has */
body.woocommerce-cart .ronaro-wallet-cashback-notice{
    position:relative !important;
    box-sizing:border-box !important;
    width:100% !important;
    min-height:58px !important;
    margin:10px 0 14px !important;
    padding:11px 58px 11px 12px !important;
    border:1px solid #d8e7f3 !important;
    border-radius:12px !important;
    background:#f3f8fc !important;
    color:#385267 !important;
    font-size:9.5px !important;
    font-weight:600 !important;
    line-height:2 !important;
    text-align:right !important;
    direction:rtl !important;
}

@media(max-width:600px){
    body.woocommerce-cart
    .woocommerce-info:has(.woocommerce-Price-amount){
        min-height:54px !important;
        padding:10px 50px 10px 10px !important;
        border-radius:10px !important;
        font-size:8.5px !important;
        line-height:1.95 !important;
    }

    body.woocommerce-cart
    .woocommerce-info:has(.woocommerce-Price-amount)::before{
        right:10px !important;
        width:32px !important;
        height:32px !important;
        border-radius:9px !important;
        background-size:18px 18px !important;
    }
}


/* =========================================================
   v1.0.59 — cart cashback notice hard class styling
   ========================================================= */

body.woocommerce-cart
.woocommerce-info.ronaro-wallet-cashback-notice{
    position:relative !important;
    box-sizing:border-box !important;
    width:100% !important;
    min-height:58px !important;
    margin:10px 0 14px !important;
    padding:11px 58px 11px 12px !important;

    border:1px solid #d8e7f3 !important;
    border-top:1px solid #d8e7f3 !important;
    border-radius:12px !important;
    background:#f3f8fc !important;
    box-shadow:none !important;

    color:#385267 !important;
    font-size:9.5px !important;
    font-weight:600 !important;
    line-height:2 !important;
    text-align:right !important;
    direction:rtl !important;
}

body.woocommerce-cart
.woocommerce-info.ronaro-wallet-cashback-notice::before{
    content:"" !important;
    position:absolute !important;
    right:12px !important;
    left:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;

    display:block !important;
    width:36px !important;
    height:36px !important;

    border-radius:10px !important;
    background-color:#e4f0fa !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:20px 20px !important;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232271b1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5h15a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-11a2 2 0 0 1 2-2h12'/%3E%3Cpath d='M16 12h5v4h-5a2 2 0 0 1 0-4Z'/%3E%3Ccircle cx='17.5' cy='14' r='.65' fill='%232271b1' stroke='none'/%3E%3C/svg%3E") !important;
}

body.woocommerce-cart
.woocommerce-info.ronaro-wallet-cashback-notice
.woocommerce-Price-amount{
    display:inline !important;
    color:#1769aa !important;
    font-weight:900 !important;
    white-space:nowrap !important;
}

body.woocommerce-cart
.woocommerce-info.ronaro-wallet-cashback-notice
.woocommerce-Price-amount bdi{
    display:inline !important;
    white-space:nowrap !important;
}

@media(max-width:600px){
    body.woocommerce-cart
    .woocommerce-info.ronaro-wallet-cashback-notice{
        min-height:54px !important;
        padding:10px 50px 10px 10px !important;
        border-radius:10px !important;
        font-size:8.5px !important;
        line-height:1.95 !important;
    }

    body.woocommerce-cart
    .woocommerce-info.ronaro-wallet-cashback-notice::before{
        right:10px !important;
        width:32px !important;
        height:32px !important;
        border-radius:9px !important;
        background-size:18px 18px !important;
    }
}


/* =========================================================
   v1.0.60 — polished coupon form in cart & checkout
   ========================================================= */

body.woocommerce-cart .wd-coupon-form,
body.woocommerce-checkout .wd-coupon-form:not(form.checkout_coupon){
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    box-sizing:border-box !important;
    width:100% !important;
    margin:10px 0 !important;
    padding:8px !important;
    border:1px solid #dbe8e1 !important;
    border-radius:12px !important;
    background:#f8fbf9 !important;
    box-shadow:none !important;
    direction:rtl !important;
}

body.woocommerce-cart .wd-coupon-form label,
body.woocommerce-checkout .wd-coupon-form label,
body.woocommerce-checkout .checkout_coupon label{
    margin:0 !important;
}

/* text input */
body.woocommerce-cart .wd-coupon-form .input-text,
body.woocommerce-checkout .wd-coupon-form .input-text,
body.woocommerce-checkout .checkout_coupon .input-text,
body.woocommerce-checkout .checkout_coupon input[type="text"]{
    flex:1 1 auto !important;
    min-width:0 !important;
    height:42px !important;
    margin:0 !important;
    padding:0 12px !important;

    border:1px solid #dce7e2 !important;
    border-radius:9px !important;
    background:#fff !important;
    box-shadow:none !important;

    color:#26352e !important;
    font-size:10px !important;
    font-weight:600 !important;
    text-align:right !important;
    direction:rtl !important;
    outline:none !important;
}

body.woocommerce-cart .wd-coupon-form .input-text::placeholder,
body.woocommerce-checkout .wd-coupon-form .input-text::placeholder,
body.woocommerce-checkout .checkout_coupon .input-text::placeholder{
    color:#97a39c !important;
    opacity:1 !important;
}

body.woocommerce-cart .wd-coupon-form .input-text:focus,
body.woocommerce-checkout .wd-coupon-form .input-text:focus,
body.woocommerce-checkout .checkout_coupon .input-text:focus{
    border-color:#9dcbb7 !important;
    box-shadow:0 0 0 2px rgba(8,122,85,.06) !important;
}

/* apply button */
body.woocommerce-cart .wd-coupon-form .button,
body.woocommerce-checkout .wd-coupon-form .button,
body.woocommerce-checkout .checkout_coupon .button{
    flex:0 0 auto !important;
    min-width:112px !important;
    height:42px !important;
    margin:0 !important;
    padding:0 16px !important;

    border:0 !important;
    border-radius:9px !important;
    background:#087a55 !important;
    box-shadow:none !important;

    color:#fff !important;
    font-size:9px !important;
    font-weight:800 !important;
    line-height:42px !important;
    text-align:center !important;
    white-space:nowrap !important;
    cursor:pointer !important;

    transition:
        background .18s ease,
        transform .08s ease !important;
}

body.woocommerce-cart .wd-coupon-form .button:hover,
body.woocommerce-checkout .wd-coupon-form .button:hover,
body.woocommerce-checkout .checkout_coupon .button:hover{
    background:#066848 !important;
}

body.woocommerce-cart .wd-coupon-form .button:active,
body.woocommerce-checkout .wd-coupon-form .button:active,
body.woocommerce-checkout .checkout_coupon .button:active{
    transform:translateY(1px) !important;
}

/* Keep Woodmart/checkout layout from forcing odd widths */
body.woocommerce-cart .wd-coupon-form > *,
body.woocommerce-checkout .wd-coupon-form > *,
body.woocommerce-checkout .checkout_coupon > *{
    box-sizing:border-box !important;
}

/* Mobile: stack cleanly, still compact */
@media(max-width:600px){
    body.woocommerce-cart .wd-coupon-form,
    body.woocommerce-checkout .wd-coupon-form,
    body.woocommerce-checkout .checkout_coupon{
        gap:7px !important;
        padding:7px !important;
        border-radius:10px !important;
    }

    body.woocommerce-cart .wd-coupon-form .input-text,
    body.woocommerce-checkout .wd-coupon-form .input-text,
    body.woocommerce-checkout .checkout_coupon .input-text{
        height:40px !important;
        padding:0 10px !important;
        border-radius:8px !important;
        font-size:9px !important;
    }

    body.woocommerce-cart .wd-coupon-form .button,
    body.woocommerce-checkout .wd-coupon-form .button,
    body.woocommerce-checkout .checkout_coupon .button{
        min-width:96px !important;
        height:40px !important;
        padding:0 12px !important;
        border-radius:8px !important;
        font-size:8px !important;
        line-height:40px !important;
    }
}

@media(max-width:400px){
    body.woocommerce-cart .wd-coupon-form,
    body.woocommerce-checkout .wd-coupon-form,
    body.woocommerce-checkout .checkout_coupon{
        flex-direction:column !important;
        align-items:stretch !important;
    }

    body.woocommerce-cart .wd-coupon-form .button,
    body.woocommerce-checkout .wd-coupon-form .button,
    body.woocommerce-checkout .checkout_coupon .button{
        width:100% !important;
        min-width:0 !important;
    }
}


/* =========================================================
   v1.0.61 — polished WooCommerce notices
   success / info / error
   ========================================================= */

/* Shared notice shell */
body.woocommerce-cart .woocommerce-message,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-cart .woocommerce-error,
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-cart .woocommerce-info:not(.ronaro-wallet-cashback-notice),
body.woocommerce-checkout .woocommerce-info{
    position:relative !important;
    box-sizing:border-box !important;
    width:100% !important;
    min-height:52px !important;
    margin:10px 0 14px !important;
    padding:11px 52px 11px 14px !important;
    border-radius:11px !important;
    box-shadow:none !important;
    font-size:9.5px !important;
    font-weight:650 !important;
    line-height:1.9 !important;
    text-align:right !important;
    direction:rtl !important;
}

/* SUCCESS */
body.woocommerce-cart .woocommerce-message,
body.woocommerce-checkout .woocommerce-message{
    border:1px solid #d5eadf !important;
    border-top:1px solid #d5eadf !important;
    background:#f2faf6 !important;
    color:#315d4c !important;
}

body.woocommerce-cart .woocommerce-message::before,


/* INFO */
body.woocommerce-cart .woocommerce-info:not(.ronaro-wallet-cashback-notice),
body.woocommerce-checkout .woocommerce-info{
    border:1px solid #d8e7f3 !important;
    border-top:1px solid #d8e7f3 !important;
    background:#f3f8fc !important;
    color:#385267 !important;
}

body.woocommerce-cart .woocommerce-info:not(.ronaro-wallet-cashback-notice)::before,


/* ERROR */
body.woocommerce-cart .woocommerce-error,
body.woocommerce-checkout .woocommerce-error{
    border:1px solid #f0d7d7 !important;
    border-top:1px solid #f0d7d7 !important;
    background:#fff6f6 !important;
    color:#7d4545 !important;
    list-style:none !important;
}

body.woocommerce-cart .woocommerce-error::before,


body.woocommerce-cart .woocommerce-error li,
body.woocommerce-checkout .woocommerce-error li{
    margin:0 !important;
    padding:0 !important;
    color:inherit !important;
}

/* Buttons/links that WooCommerce may place inside notices */
body.woocommerce-cart .woocommerce-message .button,
body.woocommerce-checkout .woocommerce-message .button,
body.woocommerce-cart .woocommerce-info .button,
body.woocommerce-checkout .woocommerce-info .button{
    float:none !important;
    margin:0 8px 0 0 !important;
    padding:5px 9px !important;
    border:0 !important;
    border-radius:7px !important;
    background:rgba(8,122,85,.08) !important;
    color:#087a55 !important;
    font-size:8px !important;
    font-weight:800 !important;
    line-height:1.5 !important;
}

/* Keep wallet cashback's dedicated icon/style stronger than generic info */
body.woocommerce-cart
.woocommerce-info.ronaro-wallet-cashback-notice{
    padding:11px 58px 11px 12px !important;
}

body.woocommerce-cart
.woocommerce-info.ronaro-wallet-cashback-notice::before{
    content:"" !important;
}

@media(max-width:600px){
    body.woocommerce-cart .woocommerce-message,
    body.woocommerce-checkout .woocommerce-message,
    body.woocommerce-cart .woocommerce-error,
    body.woocommerce-checkout .woocommerce-error,
    body.woocommerce-cart .woocommerce-info:not(.ronaro-wallet-cashback-notice),
    body.woocommerce-checkout .woocommerce-info{
        min-height:48px !important;
        margin:8px 0 11px !important;
        padding:10px 46px 10px 10px !important;
        border-radius:10px !important;
        font-size:8.5px !important;
        line-height:1.8 !important;
    }

    body.woocommerce-cart .woocommerce-message::before,
    body.woocommerce-checkout .woocommerce-message::before,
    body.woocommerce-cart .woocommerce-error::before,
    body.woocommerce-checkout .woocommerce-error::before,
    body.woocommerce-cart .woocommerce-info:not(.ronaro-wallet-cashback-notice)::before,
    body.woocommerce-checkout .woocommerce-info::before{
        right:10px !important;
        width:28px !important;
        height:28px !important;
        border-radius:8px !important;
    }
}


/* =========================================================
   v1.0.62 — notice padding + restore checkout coupon toggle
   ========================================================= */

/* Better notice text spacing: icon is on the RIGHT in RTL. */
body.woocommerce-cart .woocommerce-message,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-cart .woocommerce-error,
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-cart .woocommerce-info:not(.ronaro-wallet-cashback-notice),
body.woocommerce-checkout .woocommerce-info:not(.ronaro-wallet-cashback-notice){
    padding:12px 56px 12px 14px !important;
}

/*
 * IMPORTANT:
 * Do not force WooCommerce's checkout coupon form open.
 * WooCommerce controls display:none/block via its own toggle JS.
 */
body.woocommerce-checkout form.checkout_coupon{
    box-sizing:border-box !important;
    width:100% !important;
    margin:10px 0 !important;
    padding:8px !important;
    border:1px solid #dbe8e1 !important;
    border-radius:12px !important;
    background:#f8fbf9 !important;
    box-shadow:none !important;
    direction:rtl !important;

    /* intentionally NO display property here */
}

/* Flex only on the inner content when the form is actually visible. */
body.woocommerce-checkout form.checkout_coupon p{
    box-sizing:border-box !important;
}

body.woocommerce-checkout form.checkout_coupon .form-row{
    margin-top:0 !important;
    margin-bottom:0 !important;
}

/* Undo v1.0.60 display:flex that overrode WooCommerce display:none. */
/*
 * WooCommerce toggles inline style when clicking "کد تخفیف دارید؟".
 * Inline display:block must win over this stylesheet rule naturally.
 * The form's children retain the polished styles from v1.0.60.
 */

/* Woodmart coupon forms that are not WooCommerce's collapsible checkout form
   may remain flex. */
body.woocommerce-checkout .wd-coupon-form:not(form.checkout_coupon),
body.woocommerce-cart .wd-coupon-form{
    display:flex !important;
}

/* Checkout form fields: clean two-column/flex-like presentation without
   changing the parent display state. */


body.woocommerce-checkout form.checkout_coupon .form-row-first{
    width:calc(100% - 120px) !important;
    float:right !important;
    padding:0 0 0 8px !important;
}

body.woocommerce-checkout form.checkout_coupon .form-row-last{
    width:120px !important;
    float:left !important;
    padding:0 !important;
}

body.woocommerce-checkout form.checkout_coupon .form-row-first input{
    width:100% !important;
}

body.woocommerce-checkout form.checkout_coupon .form-row-last button{
    width:100% !important;
    min-width:0 !important;
}

@media(max-width:600px){
    body.woocommerce-cart .woocommerce-message,
    body.woocommerce-checkout .woocommerce-message,
    body.woocommerce-cart .woocommerce-error,
    body.woocommerce-checkout .woocommerce-error,
    body.woocommerce-cart .woocommerce-info:not(.ronaro-wallet-cashback-notice),
    body.woocommerce-checkout .woocommerce-info:not(.ronaro-wallet-cashback-notice){
        padding:11px 50px 11px 11px !important;
    }

    body.woocommerce-checkout form.checkout_coupon{
        padding:7px !important;
        border-radius:10px !important;
    }

    body.woocommerce-checkout form.checkout_coupon .form-row-first{
        width:calc(100% - 104px) !important;
        padding-left:7px !important;
    }

    body.woocommerce-checkout form.checkout_coupon .form-row-last{
        width:104px !important;
    }
}

@media(max-width:400px){
    body.woocommerce-checkout form.checkout_coupon .form-row-first,
    body.woocommerce-checkout form.checkout_coupon .form-row-last{
        float:none !important;
        width:100% !important;
        padding:0 !important;
    }

    body.woocommerce-checkout form.checkout_coupon .form-row-last{
        margin-top:7px !important;
    }
}


/* =========================================================
   v1.0.63 — compact notices + reliable coupon accordion
   ========================================================= */

/* Compact notices; keep enough room only for the icon. */
body.woocommerce-cart .woocommerce-message,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-cart .woocommerce-error,
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-cart .woocommerce-info:not(.ronaro-wallet-cashback-notice),
body.woocommerce-checkout .woocommerce-info:not(.ronaro-wallet-cashback-notice){
    min-height:46px !important;
    padding:9px 48px 9px 11px !important;
    font-size:10.5px !important;
    line-height:1.75 !important;
}

body.woocommerce-cart .woocommerce-message::before,
body.woocommerce-checkout .woocommerce-message::before,
body.woocommerce-cart .woocommerce-error::before,
body.woocommerce-checkout .woocommerce-error::before,
body.woocommerce-cart .woocommerce-info:not(.ronaro-wallet-cashback-notice)::before,
body.woocommerce-checkout .woocommerce-info:not(.ronaro-wallet-cashback-notice)::before{
    right:10px !important;
    width:28px !important;
    height:28px !important;
}

/* Coupon toggle heading/link — larger and cleaner. */
body.woocommerce-checkout .woocommerce-form-coupon-toggle{
    margin:10px 0 !important;
}

body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{
    min-height:46px !important;
    padding:9px 48px 9px 11px !important;
    font-size:10.5px !important;
}

body.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon{
    color:#087a55 !important;
    font-size:10.5px !important;
    font-weight:850 !important;
    text-decoration:none !important;
    cursor:pointer !important;
}

/*
 * Visibility is now controlled by JS + hidden attribute.
 * This avoids theme/WooCommerce inline display conflicts.
 */
/* Slightly larger coupon form text. */
body.woocommerce-cart .wd-coupon-form .input-text,
body.woocommerce-checkout .wd-coupon-form .input-text,
body.woocommerce-checkout form.checkout_coupon .input-text{
    font-size:10.5px !important;
}

body.woocommerce-cart .wd-coupon-form .button,
body.woocommerce-checkout .wd-coupon-form .button,
body.woocommerce-checkout form.checkout_coupon .button{
    font-size:9.5px !important;
}

@media(max-width:600px){
    body.woocommerce-cart .woocommerce-message,
    body.woocommerce-checkout .woocommerce-message,
    body.woocommerce-cart .woocommerce-error,
    body.woocommerce-checkout .woocommerce-error,
    body.woocommerce-cart .woocommerce-info:not(.ronaro-wallet-cashback-notice),
    body.woocommerce-checkout .woocommerce-info:not(.ronaro-wallet-cashback-notice){
        min-height:44px !important;
        padding:8px 45px 8px 9px !important;
        font-size:9.5px !important;
        line-height:1.7 !important;
    }

    body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{
        min-height:44px !important;
        padding:8px 45px 8px 9px !important;
        font-size:9.5px !important;
    }

    body.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon{
        font-size:9.5px !important;
    }

    body.woocommerce-cart .wd-coupon-form .input-text,
    body.woocommerce-checkout .wd-coupon-form .input-text,
    body.woocommerce-checkout form.checkout_coupon .input-text{
        font-size:10px !important;
    }

    body.woocommerce-cart .wd-coupon-form .button,
    body.woocommerce-checkout .wd-coupon-form .button,
    body.woocommerce-checkout form.checkout_coupon .button{
        font-size:9px !important;
    }
}


/* =========================================================
   v1.0.66 — full-width mobile coupon + tighter spacing
   ========================================================= */

@media(max-width:600px){

    /* The whole coupon toggle should span the checkout column width. */
    body.woocommerce-checkout .woocommerce-form-coupon-toggle{
        display:block !important;
        width:100% !important;
        max-width:none !important;
        margin:4px 0 6px !important;
        padding:0 !important;
        box-sizing:border-box !important;
    }

    body.woocommerce-checkout
    .woocommerce-form-coupon-toggle
    .woocommerce-info{
        display:block !important;
        width:100% !important;
        max-width:none !important;
        min-height:44px !important;
        margin:0 !important;
        padding:8px 12px !important;
        box-sizing:border-box !important;

        border:1px solid #d8e7f3 !important;
        border-radius:10px !important;
        background:#fff !important;

        text-align:right !important;
        direction:rtl !important;
    }

    /* Remove the generic info icon/extra right padding for this coupon toggle. */
    

    body.woocommerce-checkout
    .woocommerce-form-coupon-toggle
    .showcoupon{
        display:inline !important;
        margin:0 !important;
        padding:0 !important;
        color:#087a55 !important;
        font-size:9.8px !important;
        font-weight:850 !important;
        line-height:1.7 !important;
        text-decoration:none !important;
    }

    /*
     * When moved before payment, theme wrappers can constrain the element.
     * Force it to fill the current checkout/payment column.
     */
    body.woocommerce-checkout
    .woocommerce-form-coupon-toggle,
    body.woocommerce-checkout
    form.checkout_coupon{
        align-self:stretch !important;
        justify-self:stretch !important;
    }

    body.woocommerce-checkout form.checkout_coupon{
        width:100% !important;
        max-width:none !important;
        margin:0 0 8px !important;
        box-sizing:border-box !important;
    }

    /* Reduce the white gap above coupon block after moving it. */
    body.woocommerce-checkout
    .woocommerce-form-coupon-toggle:first-child{
        margin-top:0 !important;
    }

    /*
     * Keep a modest separation from the payment information box,
     * without the large empty area seen previously.
     */
    body.woocommerce-checkout
    .woocommerce-form-coupon-toggle + form.checkout_coupon,
    body.woocommerce-checkout
    .woocommerce-form-coupon-toggle + #payment,
    body.woocommerce-checkout
    form.checkout_coupon + #payment,
    body.woocommerce-checkout
    .woocommerce-form-coupon-toggle + .woocommerce-checkout-payment,
    body.woocommerce-checkout
    form.checkout_coupon + .woocommerce-checkout-payment{
        margin-top:6px !important;
    }
}


/* =========================================================
   v1.0.67 — coupon toggle label
   ========================================================= */

body.woocommerce-checkout
.woocommerce-form-coupon-toggle
.showcoupon{
    font-size:12px !important;
    font-weight:900 !important;
    line-height:1.7 !important;
}

@media(max-width:600px){
    body.woocommerce-checkout
    .woocommerce-form-coupon-toggle
    .showcoupon{
        font-size:11.5px !important;
        font-weight:900 !important;
    }
}


/* =========================================================
   v1.0.68 — compact cart coupon aligned left
   ========================================================= */

/*
 * Cart only:
 * Do not stretch the coupon shell across the full cart row.
 * Keep input + button as one compact unit on the LEFT.
 */
body.woocommerce-cart .coupon.wd-coupon-form{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:7px !important;

    width:fit-content !important;
    max-width:100% !important;
    min-width:0 !important;

    margin:10px 0 10px auto !important;
    padding:6px !important;

    border:1px solid #dbe8e1 !important;
    border-radius:11px !important;
    background:#f8fbf9 !important;
    box-shadow:none !important;

    direction:rtl !important;
}

/* Fixed practical input width instead of filling empty space. */
body.woocommerce-cart
.coupon.wd-coupon-form
#coupon_code,
body.woocommerce-cart
.coupon.wd-coupon-form
.input-text{
    flex:0 0 230px !important;
    width:230px !important;
    max-width:230px !important;
    min-width:0 !important;
    height:42px !important;

    margin:0 !important;
    padding:0 12px !important;

    border:1px solid #dce7e2 !important;
    border-radius:9px !important;
    background:#fff !important;

    font-size:10.5px !important;
    text-align:right !important;
    direction:rtl !important;
}

/* Button sits immediately beside the input. */
body.woocommerce-cart
.coupon.wd-coupon-form
button[name="apply_coupon"]{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:112px !important;
    height:42px !important;

    margin:0 !important;
    padding:0 17px !important;

    border-radius:9px !important;
    font-size:9.5px !important;
    line-height:42px !important;
}

/* Prevent theme grid/float rules from stretching children. */
body.woocommerce-cart
.coupon.wd-coupon-form > *{
    float:none !important;
}

@media(max-width:600px){
    body.woocommerce-cart .coupon.wd-coupon-form{
        width:100% !important;
        max-width:100% !important;
        margin:8px 0 !important;
        padding:6px !important;
    }

    body.woocommerce-cart
    .coupon.wd-coupon-form
    #coupon_code,
    body.woocommerce-cart
    .coupon.wd-coupon-form
    .input-text{
        flex:1 1 auto !important;
        width:auto !important;
        max-width:none !important;
        height:40px !important;
    }

    body.woocommerce-cart
    .coupon.wd-coupon-form
    button[name="apply_coupon"]{
        min-width:100px !important;
        height:40px !important;
        padding:0 13px !important;
        line-height:40px !important;
    }
}

@media(max-width:380px){
    body.woocommerce-cart .coupon.wd-coupon-form{
        flex-direction:row !important;
    }

    body.woocommerce-cart
    .coupon.wd-coupon-form
    button[name="apply_coupon"]{
        min-width:88px !important;
        padding:0 10px !important;
    }
}


/* =========================================================
   v1.0.69 — mobile cart coupon input interaction fix
   ========================================================= */

@media(max-width:600px){

    body.woocommerce-cart .coupon.wd-coupon-form{
        position:relative !important;
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:7px !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        overflow:visible !important;
        box-sizing:border-box !important;
    }

    body.woocommerce-cart
    .coupon.wd-coupon-form
    #coupon_code,
    body.woocommerce-cart
    .coupon.wd-coupon-form
    input[name="coupon_code"],
    body.woocommerce-cart
    .coupon.wd-coupon-form
    .input-text{
        position:relative !important;
        z-index:5 !important;

        display:block !important;
        flex:1 1 0 !important;
        width:0 !important;
        min-width:0 !important;
        max-width:none !important;
        height:40px !important;

        margin:0 !important;
        padding:0 11px !important;

        pointer-events:auto !important;
        touch-action:manipulation !important;
        user-select:text !important;
        -webkit-user-select:text !important;
        -webkit-touch-callout:default !important;

        opacity:1 !important;
        visibility:visible !important;

        border:1px solid #dce7e2 !important;
        border-radius:8px !important;
        background:#fff !important;
        color:#26352e !important;

        font-size:16px !important; /* prevents iOS zoom/focus issues */
        line-height:40px !important;
        text-align:right !important;
        direction:rtl !important;

        appearance:none !important;
        -webkit-appearance:none !important;
    }

    body.woocommerce-cart
    .coupon.wd-coupon-form
    #coupon_code:focus,
    body.woocommerce-cart
    .coupon.wd-coupon-form
    input[name="coupon_code"]:focus{
        z-index:10 !important;
        outline:none !important;
        border-color:#8fc5ad !important;
        box-shadow:0 0 0 2px rgba(8,122,85,.07) !important;
    }

    body.woocommerce-cart
    .coupon.wd-coupon-form
    button[name="apply_coupon"]{
        position:relative !important;
        z-index:2 !important;

        flex:0 0 100px !important;
        width:100px !important;
        min-width:100px !important;
        max-width:100px !important;

        pointer-events:auto !important;
        touch-action:manipulation !important;
    }

    /* Woodmart hidden/accessibility label must never cover the input. */
    body.woocommerce-cart
    .coupon.wd-coupon-form
    label.screen-reader-text{
        position:absolute !important;
        width:1px !important;
        height:1px !important;
        padding:0 !important;
        margin:-1px !important;
        overflow:hidden !important;
        clip:rect(0,0,0,0) !important;
        white-space:nowrap !important;
        border:0 !important;
        pointer-events:none !important;
    }
}

@media(max-width:380px){
    body.woocommerce-cart
    .coupon.wd-coupon-form
    button[name="apply_coupon"]{
        flex-basis:88px !important;
        width:88px !important;
        min-width:88px !important;
        max-width:88px !important;
    }
}


/* =========================================================
   v1.0.70 — restore native mobile coupon input interaction
   ========================================================= */

@media(max-width:600px){

    /*
     * Reset the aggressive overrides from previous versions.
     * Let Woodmart/WooCommerce own the actual interactive layout.
     */
    body.woocommerce-cart .coupon.wd-coupon-form{
        position:static !important;
        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto !important;
        align-items:center !important;
        gap:7px !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin:8px 0 !important;
        padding:6px !important;

        overflow:visible !important;
        box-sizing:border-box !important;

        border:1px solid #dbe8e1 !important;
        border-radius:10px !important;
        background:#f8fbf9 !important;
        direction:rtl !important;
    }

    body.woocommerce-cart
    .coupon.wd-coupon-form
    #coupon_code,
    body.woocommerce-cart
    .coupon.wd-coupon-form
    input[name="coupon_code"],
    body.woocommerce-cart
    .coupon.wd-coupon-form
    .input-text{
        position:static !important;
        z-index:auto !important;

        display:block !important;
        grid-column:1 !important;

        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        height:40px !important;

        margin:0 !important;
        padding:0 11px !important;

        pointer-events:auto !important;
        touch-action:auto !important;
        user-select:auto !important;
        -webkit-user-select:auto !important;

        opacity:1 !important;
        visibility:visible !important;

        border:1px solid #dce7e2 !important;
        border-radius:8px !important;
        background:#fff !important;
        color:#26352e !important;

        font-size:16px !important;
        line-height:normal !important;
        text-align:right !important;
        direction:rtl !important;

        appearance:auto !important;
        -webkit-appearance:auto !important;
    }

    body.woocommerce-cart
    .coupon.wd-coupon-form
    #coupon_code:focus,
    body.woocommerce-cart
    .coupon.wd-coupon-form
    input[name="coupon_code"]:focus{
        position:static !important;
        z-index:auto !important;
        outline:none !important;
        border-color:#8fc5ad !important;
        box-shadow:0 0 0 2px rgba(8,122,85,.07) !important;
    }

    body.woocommerce-cart
    .coupon.wd-coupon-form
    button[name="apply_coupon"]{
        position:static !important;
        z-index:auto !important;

        grid-column:2 !important;

        width:auto !important;
        min-width:98px !important;
        max-width:none !important;
        height:40px !important;

        margin:0 !important;
        padding:0 13px !important;

        pointer-events:auto !important;
        touch-action:auto !important;

        border:0 !important;
        border-radius:8px !important;
        background:#087a55 !important;
        color:#fff !important;

        font-size:9px !important;
        font-weight:800 !important;
        line-height:40px !important;
        white-space:nowrap !important;
    }

    /*
     * Keep the accessibility label truly out of the hit area.
     */
    body.woocommerce-cart
    .coupon.wd-coupon-form
    label.screen-reader-text{
        position:absolute !important;
        left:-9999px !important;
        top:auto !important;
        width:1px !important;
        height:1px !important;
        overflow:hidden !important;
        pointer-events:none !important;
    }

    /*
     * Remove any pseudo-elements that could sit over the field.
     */
    body.woocommerce-cart
    .coupon.wd-coupon-form::before,
    body.woocommerce-cart
    .coupon.wd-coupon-form::after{
        pointer-events:none !important;
    }
}

@media(max-width:380px){
    body.woocommerce-cart .coupon.wd-coupon-form{
        grid-template-columns:minmax(0,1fr) 90px !important;
    }

    body.woocommerce-cart
    .coupon.wd-coupon-form
    button[name="apply_coupon"]{
        min-width:90px !important;
        padding:0 10px !important;
    }
}


/* =========================================================
   v1.0.71 — cart coupon touch hit-area safety
   ========================================================= */
@media(max-width:600px){
    body.woocommerce-cart .coupon.wd-coupon-form{
        isolation:isolate !important;
    }

    body.woocommerce-cart
    .coupon.wd-coupon-form
    input[name="coupon_code"],
    body.woocommerce-cart
    .coupon.wd-coupon-form
    #coupon_code{
        position:relative !important;
        z-index:20 !important;
        pointer-events:auto !important;
        cursor:text !important;
    }

    body.woocommerce-cart
    .coupon.wd-coupon-form
    button[name="apply_coupon"]{
        position:relative !important;
        z-index:20 !important;
    }

    body.woocommerce-cart .coupon.wd-coupon-form::before,
    body.woocommerce-cart .coupon.wd-coupon-form::after,
    body.woocommerce-cart .coupon.wd-coupon-form *::before,
    body.woocommerce-cart .coupon.wd-coupon-form *::after{
        pointer-events:none !important;
    }
}


/* =========================================================
   v1.0.72 — FINAL SAFE CART COUPON RESET
   Restore native Woodmart/WooCommerce input behavior.
   ========================================================= */

/*
 * IMPORTANT:
 * The checkout accordion is unrelated to the Cart coupon input.
 * Cart uses .coupon.wd-coupon-form.
 *
 * From this version onward we do NOT manipulate focus, pointer events,
 * touch-action, z-index, readonly/disabled, or input appearance on Cart.
 */

body.woocommerce-cart .coupon.wd-coupon-form{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:7px !important;

    width:max-content !important;
    max-width:100% !important;
    min-width:0 !important;

    margin:10px 0 10px auto !important;
    padding:6px !important;

    border:1px solid #dbe8e1 !important;
    border-radius:11px !important;
    background:#f8fbf9 !important;
    box-shadow:none !important;

    direction:rtl !important;
}

/*
 * Native input interaction:
 * avoid all properties that can affect the mobile hit target.
 */
body.woocommerce-cart
.coupon.wd-coupon-form
#coupon_code,
body.woocommerce-cart
.coupon.wd-coupon-form
input[name="coupon_code"]{
    flex:0 1 230px !important;
    width:230px !important;
    max-width:230px !important;
    min-width:120px !important;
    height:42px !important;

    margin:0 !important;
    padding:0 12px !important;

    border:1px solid #dce7e2 !important;
    border-radius:9px !important;
    background:#fff !important;
    box-shadow:none !important;

    color:#26352e !important;
    font-size:16px !important;
    line-height:normal !important;
    text-align:right !important;
    direction:rtl !important;
}

/* Button only gets visual styling. */
body.woocommerce-cart
.coupon.wd-coupon-form
button[name="apply_coupon"]{
    flex:0 0 auto !important;
    min-width:108px !important;
    height:42px !important;

    margin:0 !important;
    padding:0 15px !important;

    border:0 !important;
    border-radius:9px !important;
    background:#087a55 !important;
    box-shadow:none !important;

    color:#fff !important;
    font-size:9.5px !important;
    font-weight:800 !important;
    line-height:42px !important;
    white-space:nowrap !important;
}

/*
 * Only hide the accessibility label visually.
 * This is standard screen-reader-only CSS and does not overlap the field.
 */
body.woocommerce-cart
.coupon.wd-coupon-form
label.screen-reader-text{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
}

/* Mobile — still native, just responsive widths. */
@media(max-width:600px){
    body.woocommerce-cart .coupon.wd-coupon-form{
        width:100% !important;
        max-width:100% !important;
        margin:8px 0 !important;
        padding:6px !important;
    }

    body.woocommerce-cart
    .coupon.wd-coupon-form
    #coupon_code,
    body.woocommerce-cart
    .coupon.wd-coupon-form
    input[name="coupon_code"]{
        flex:1 1 auto !important;
        width:auto !important;
        max-width:none !important;
        min-width:0 !important;
        height:40px !important;
        font-size:16px !important;
    }

    body.woocommerce-cart
    .coupon.wd-coupon-form
    button[name="apply_coupon"]{
        flex:0 0 auto !important;
        min-width:96px !important;
        height:40px !important;
        padding:0 12px !important;
        line-height:40px !important;
    }
}

/*
 * Neutralize interaction-related declarations from v1.0.69-v1.0.71.
 * Revert them to browser/theme defaults rather than replacing them.
 */
@media(max-width:600px){
    body.woocommerce-cart
    .coupon.wd-coupon-form
    #coupon_code,
    body.woocommerce-cart
    .coupon.wd-coupon-form
    input[name="coupon_code"]{
        position:static !important;
        z-index:auto !important;
        pointer-events:auto !important;
        touch-action:auto !important;
        user-select:auto !important;
        -webkit-user-select:auto !important;
        -webkit-touch-callout:default !important;
        appearance:auto !important;
        -webkit-appearance:auto !important;
        opacity:1 !important;
        visibility:visible !important;
    }

    body.woocommerce-cart
    .coupon.wd-coupon-form
    button[name="apply_coupon"]{
        position:static !important;
        z-index:auto !important;
        pointer-events:auto !important;
        touch-action:auto !important;
    }
}


/* =========================================================
   v1.0.73 — COUPON BEHAVIOR FULLY RESTORED TO NATIVE
   Keep appearance only. WooCommerce/Woodmart owns all behavior.
   ========================================================= */

/*
 * CHECKOUT:
 * Do not control display, hidden state, position, movement, accordion,
 * float logic or placement. Native WooCommerce/Woodmart handles everything.
 */
body.woocommerce-checkout form.checkout_coupon{
    position:static !important;
    width:auto;
    max-width:none;
    /* intentionally no display declaration */
}

/* Remove our custom visibility ownership from previous versions. */
body.woocommerce-checkout form.checkout_coupon[hidden],
body.woocommerce-checkout form.checkout_coupon:not([hidden]){
    /* no forced display — native inline/theme styles decide */
}

/*
 * Remove our custom two-column behavior overrides.
 * Let the theme own .form-row widths/floats.
 */
body.woocommerce-checkout form.checkout_coupon .form-row-first,
body.woocommerce-checkout form.checkout_coupon .form-row-last{
    width:auto;
}

/*
 * CART:
 * Native interactive behavior, visual styling only.
 */
body.woocommerce-cart .coupon.wd-coupon-form{
    position:static !important;
    overflow:visible !important;
}

/* Absolutely no interaction overrides on coupon input. */
body.woocommerce-cart
.coupon.wd-coupon-form
#coupon_code,
body.woocommerce-cart
.coupon.wd-coupon-form
input[name="coupon_code"]{
    position:static !important;
    z-index:auto !important;
    pointer-events:auto !important;
    touch-action:auto !important;
    user-select:auto !important;
    -webkit-user-select:auto !important;
    appearance:auto !important;
    -webkit-appearance:auto !important;
}

/*
 * VISUALS ONLY — shared good-looking input/button style.
 */
body.woocommerce-cart .coupon.wd-coupon-form,
body.woocommerce-checkout form.checkout_coupon{
    box-sizing:border-box !important;
    padding:7px !important;
    border:1px solid #dbe8e1 !important;
    border-radius:11px !important;
    background:#f8fbf9 !important;
    box-shadow:none !important;
    direction:rtl !important;
}

body.woocommerce-cart .coupon.wd-coupon-form .input-text,
body.woocommerce-checkout form.checkout_coupon .input-text,
body.woocommerce-checkout form.checkout_coupon input[type="text"]{
    height:42px !important;
    padding:0 12px !important;
    border:1px solid #dce7e2 !important;
    border-radius:9px !important;
    background:#fff !important;
    box-shadow:none !important;
    color:#26352e !important;
    font-size:16px !important;
    text-align:right !important;
    direction:rtl !important;
}

body.woocommerce-cart .coupon.wd-coupon-form .input-text:focus,
body.woocommerce-checkout form.checkout_coupon .input-text:focus{
    outline:none !important;
    border-color:#9dcbb7 !important;
    box-shadow:0 0 0 2px rgba(8,122,85,.06) !important;
}

body.woocommerce-cart .coupon.wd-coupon-form .button,
body.woocommerce-checkout form.checkout_coupon .button{
    height:42px !important;
    padding:0 16px !important;
    border:0 !important;
    border-radius:9px !important;
    background:#087a55 !important;
    box-shadow:none !important;
    color:#fff !important;
    font-size:10px !important;
    font-weight:800 !important;
    white-space:nowrap !important;
}

body.woocommerce-cart .coupon.wd-coupon-form .button:hover,
body.woocommerce-checkout form.checkout_coupon .button:hover{
    background:#066848 !important;
}

@media(max-width:600px){
    body.woocommerce-cart .coupon.wd-coupon-form,
    body.woocommerce-checkout form.checkout_coupon{
        padding:6px !important;
        border-radius:10px !important;
    }

    body.woocommerce-cart .coupon.wd-coupon-form .input-text,
    body.woocommerce-checkout form.checkout_coupon .input-text,
    body.woocommerce-checkout form.checkout_coupon input[type="text"]{
        height:40px !important;
        font-size:16px !important;
    }

    body.woocommerce-cart .coupon.wd-coupon-form .button,
    body.woocommerce-checkout form.checkout_coupon .button{
        height:40px !important;
        font-size:9.5px !important;
    }
}


/* =========================================================
   v1.0.75 — checkout coupon native toggle restoration
   ========================================================= */

/*
 * IMPORTANT:
 * No display rule is declared for form.checkout_coupon.
 * WooCommerce/Woodmart JS fully owns open/close behavior.
 */

body.woocommerce-checkout form.checkout_coupon{
    box-sizing:border-box !important;
    padding:7px !important;
    border:1px solid #dbe8e1 !important;
    border-radius:11px !important;
    background:#f8fbf9 !important;
    box-shadow:none !important;
    direction:rtl !important;
}

/* Visual styling only */
body.woocommerce-checkout form.checkout_coupon .input-text,
body.woocommerce-checkout form.checkout_coupon input[type="text"]{
    height:42px !important;
    padding:0 12px !important;
    border:1px solid #dce7e2 !important;
    border-radius:9px !important;
    background:#fff !important;
    color:#26352e !important;
    font-size:16px !important;
    text-align:right !important;
    direction:rtl !important;
}

body.woocommerce-checkout form.checkout_coupon .button{
    height:42px !important;
    padding:0 16px !important;
    border:0 !important;
    border-radius:9px !important;
    background:#087a55 !important;
    color:#fff !important;
    font-size:10px !important;
    font-weight:800 !important;
}

/*
 * Let WooCommerce's own inline display style win.
 * These selectors intentionally change no visibility state.
 */
body.woocommerce-checkout .woocommerce-form-coupon-toggle{
    position:static !important;
}

@media(max-width:600px){
    body.woocommerce-checkout form.checkout_coupon{
        padding:6px !important;
        border-radius:10px !important;
    }

    body.woocommerce-checkout form.checkout_coupon .input-text,
    body.woocommerce-checkout form.checkout_coupon input[type="text"]{
        height:40px !important;
    }

    body.woocommerce-checkout form.checkout_coupon .button{
        height:40px !important;
        font-size:9.5px !important;
    }
}


/* =========================================================
   v1.0.79 — prevent English coupon notice flash
   ========================================================= */

/*
 * Notices that are identified as coupon-related are hidden for the few
 * milliseconds needed to translate them, then revealed immediately.
 */
.ronaro-coupon-notice-pending{
    visibility:hidden !important;
}

.ronaro-notice-ready{
    visibility:visible !important;
}


/* =========================================================
   v1.0.81 — Elementor mini-cart sticky minimal footer
   ========================================================= */

/*
 * Keep the action area pinned to the bottom of the off-canvas mini cart.
 * Support common Elementor / Woodmart wrappers.
 */
.elementor-menu-cart__container,
.elementor-menu-cart__main{
    position:relative;
}

.elementor-menu-cart__main{
    display:flex !important;
    flex-direction:column !important;
    min-height:100% !important;
}

/*
 * Product/items region may grow, footer stays at bottom.
 */
.elementor-menu-cart__products{
    flex:1 1 auto !important;
}

/* Footer wrapper */
.elementor-menu-cart__footer-buttons{
    position:sticky !important;
    bottom:0 !important;
    z-index:20 !important;

    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;

    width:100% !important;
    margin-top:auto !important;
    padding:12px 14px 14px !important;

    border-top:1px solid #edf1ef !important;
    background:rgba(255,255,255,.97) !important;
    box-shadow:0 -8px 18px rgba(22,48,36,.04) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
    box-sizing:border-box !important;
}

/* Shared buttons */
.elementor-menu-cart__footer-buttons
.elementor-button{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-height:44px !important;
    margin:0 !important;
    padding:10px 14px !important;

    border:1px solid transparent !important;
    border-radius:12px !important;
    box-shadow:none !important;

    font-size:10px !important;
    font-weight:850 !important;
    line-height:1.4 !important;
    text-decoration:none !important;
    white-space:nowrap !important;

    transition:
        background .18s ease,
        border-color .18s ease,
        color .18s ease,
        transform .08s ease !important;
}

/* View cart — secondary/minimal */
.elementor-menu-cart__footer-buttons
.elementor-button--view-cart{
    order:1 !important;
    background:#f5f7f6 !important;
    border-color:#e3e9e6 !important;
    color:#4f5e56 !important;
}

.elementor-menu-cart__footer-buttons
.elementor-button--view-cart:hover{
    background:#eef2f0 !important;
    border-color:#d8e1dc !important;
    color:#31473c !important;
}

/* Checkout — primary */
.elementor-menu-cart__footer-buttons
.elementor-button--checkout{
    order:2 !important;
    background:#087a55 !important;
    border-color:#087a55 !important;
    color:#fff !important;
}

.elementor-menu-cart__footer-buttons
.elementor-button--checkout:hover{
    background:#066848 !important;
    border-color:#066848 !important;
    color:#fff !important;
}

.elementor-menu-cart__footer-buttons
.elementor-button:active{
    transform:translateY(1px) !important;
}

/* Text reset */
.elementor-menu-cart__footer-buttons
.elementor-button-text{
    color:inherit !important;
    font:inherit !important;
}

/*
 * Subtotal block immediately above actions: compact and aligned.
 */
.elementor-menu-cart__subtotal{
    margin:0 !important;
    padding:10px 14px 8px !important;
    border-top:1px solid #edf1ef !important;
    background:#fff !important;

    color:#53645b !important;
    font-size:9px !important;
    font-weight:650 !important;
    line-height:1.6 !important;
    text-align:right !important;
    direction:rtl !important;
}

.elementor-menu-cart__subtotal
.woocommerce-Price-amount{
    color:#087a55 !important;
    font-size:12px !important;
    font-weight:900 !important;
}

/* Small screens */
@media(max-width:600px){
    .elementor-menu-cart__footer-buttons{
        gap:7px !important;
        padding:10px 12px 12px !important;
    }

    .elementor-menu-cart__footer-buttons
    .elementor-button{
        min-height:42px !important;
        padding:9px 10px !important;
        border-radius:11px !important;
        font-size:9.5px !important;
    }

    .elementor-menu-cart__subtotal{
        padding:9px 12px 7px !important;
        font-size:8.5px !important;
    }

    .elementor-menu-cart__subtotal
    .woocommerce-Price-amount{
        font-size:11px !important;
    }
}

/* Very narrow phones: keep both buttons clean, no wrapping. */
@media(max-width:360px){
    .elementor-menu-cart__footer-buttons{
        grid-template-columns:1fr 1fr !important;
        gap:6px !important;
    }

    .elementor-menu-cart__footer-buttons
    .elementor-button{
        font-size:8.8px !important;
        padding-left:8px !important;
        padding-right:8px !important;
    }
}


/* =========================================================
   v1.0.82 — global mini-cart style + stronger Elementor selectors
   ========================================================= */

.elementor-menu-cart__main,
.elementor-menu-cart__container .elementor-menu-cart__main{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    min-height:100% !important;
}

.elementor-menu-cart__main
.elementor-menu-cart__products{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
}

/* If subtotal is a sibling above footer, keep it at the bottom cluster. */
.elementor-menu-cart__main
.elementor-menu-cart__subtotal{
    flex:0 0 auto !important;
    margin-top:auto !important;
}

/* Footer must be the final fixed visual cluster. */
.elementor-menu-cart__main
.elementor-menu-cart__footer-buttons,
.elementor-menu-cart__container
.elementor-menu-cart__footer-buttons{
    position:sticky !important;
    bottom:0 !important;
    z-index:50 !important;

    flex:0 0 auto !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;

    width:100% !important;
    margin:0 !important;
    padding:10px 12px 12px !important;

    border-top:1px solid #edf1ef !important;
    background:#fff !important;
    box-shadow:0 -8px 18px rgba(22,48,36,.05) !important;
}

/* Minimal equal buttons */
.elementor-menu-cart__footer-buttons
.elementor-button{
    width:100% !important;
    min-height:42px !important;
    margin:0 !important;
    padding:9px 10px !important;

    border-radius:11px !important;
    box-shadow:none !important;

    font-size:9.5px !important;
    font-weight:850 !important;
    line-height:1.4 !important;
}

.elementor-menu-cart__footer-buttons
.elementor-button--checkout{
    background:#087a55 !important;
    border:1px solid #087a55 !important;
    color:#fff !important;
}

.elementor-menu-cart__footer-buttons
.elementor-button--view-cart{
    background:#f3f5f4 !important;
    border:1px solid #e0e6e3 !important;
    color:#4e5d55 !important;
}

@media(max-width:600px){
    .elementor-menu-cart__main
    .elementor-menu-cart__footer-buttons,
    .elementor-menu-cart__container
    .elementor-menu-cart__footer-buttons{
        gap:7px !important;
        padding:9px 10px 10px !important;
    }

    .elementor-menu-cart__footer-buttons
    .elementor-button{
        min-height:40px !important;
        border-radius:10px !important;
        font-size:9px !important;
    }
}


/* =========================================================
   v1.0.83 — slightly larger mini-cart button text
   ========================================================= */

.elementor-menu-cart__footer-buttons
.elementor-button{
    font-size:10.5px !important;
}

@media(max-width:600px){
    .elementor-menu-cart__footer-buttons
    .elementor-button{
        font-size:10px !important;
    }
}


/* =========================================================
   v1.0.84 — full mini-cart visual refinement
   ========================================================= */

/* ---------- PANEL ---------- */
.cart-widget-side.wd-side-hidden,
.cart-widget-side.wd-opened{
    background:#fff !important;
}

.cart-widget-side .wd-heading{
    min-height:56px !important;
    padding:0 14px !important;
    border-bottom:1px solid #edf1ef !important;
    background:#fff !important;
}

.cart-widget-side .wd-heading .title{
    color:#26352e !important;
    font-size:15px !important;
    font-weight:900 !important;
}

.cart-widget-side .close-side-widget a{
    color:#53645b !important;
    font-size:10px !important;
    font-weight:700 !important;
}

.cart-widget-side .close-side-widget{
    opacity:.9 !important;
}

/* ---------- FREE SHIPPING PROGRESS ---------- */
.cart-widget-side .mini-cart-progress{
    margin:0 !important;
    padding:12px 14px 10px !important;
    border-top:0 !important;
    border-bottom:1px solid #eef2f0 !important;
    background:#fff !important;
}

.cart-widget-side .mini-cart-progress-title{
    margin-bottom:12px !important;
    color:#42534a !important;
    font-size:10.5px !important;
    font-weight:800 !important;
    line-height:1.7 !important;
}

.cart-widget-side .mini-cart-progress .track{
    height:34px !important;
}

/* soften original gray track */
.cart-widget-side .mini-cart-progress .track > div:first-child{
    top:13px !important;
    height:3px !important;
    background:#e8eeeb !important;
    border-radius:999px !important;
}

.cart-widget-side .mini-cart-progress .line-fill{
    top:13px !important;
    height:3px !important;
    background:#2fa765 !important;
    border-radius:999px !important;
}

.cart-widget-side .mini-cart-progress .step{
    top:-1px !important;
}

.cart-widget-side .mini-cart-progress .step .dot{
    width:28px !important;
    height:28px !important;
    font-size:17px !important;
    box-shadow:0 3px 10px rgba(16,43,30,.10) !important;
}

.cart-widget-side .mini-cart-progress .step > div:last-child{
    margin-top:4px !important;
    color:#7b8981 !important;
    font-size:7.5px !important;
}

.cart-widget-side .mini-cart-progress .text{
    margin-top:30px !important;
    padding:8px 10px !important;
    border:1px solid #d9eae2 !important;
    border-radius:9px !important;
    background:#f2faf6 !important;
    color:#4f6157 !important;
    font-size:9px !important;
    line-height:1.7 !important;
}

.cart-widget-side .mini-cart-progress .text strong{
    color:#087a55 !important;
    font-size:10px !important;
    font-weight:900 !important;
}

/* ---------- PRODUCT LIST ---------- */
.cart-widget-side .widget_shopping_cart,
.cart-widget-side .widget_shopping_cart_content{
    min-height:0 !important;
}

.cart-widget-side .elementor-menu-cart__products{
    padding:10px 10px 4px !important;
    background:#fff !important;
}

.cart-widget-side .elementor-menu-cart__product{
    position:relative !important;
    display:grid !important;
    grid-template-columns:64px minmax(0,1fr) 26px !important;
    grid-template-areas:
        "image name remove"
        "image price remove" !important;
    column-gap:10px !important;
    row-gap:4px !important;

    margin:0 0 9px !important;
    padding:10px !important;

    border:1px solid #edf1ef !important;
    border-radius:12px !important;
    background:#fafbfa !important;
    box-shadow:none !important;
}

/* image */
.cart-widget-side .elementor-menu-cart__product-image{
    grid-area:image !important;
    width:64px !important;
    min-width:64px !important;
    align-self:center !important;
}

.cart-widget-side .elementor-menu-cart__product-image img{
    display:block !important;
    width:64px !important;
    height:64px !important;
    object-fit:cover !important;
    border-radius:9px !important;
    background:#fff !important;
}

/* name */
.cart-widget-side .elementor-menu-cart__product-name{
    grid-area:name !important;
    align-self:end !important;
    margin:0 !important;
    padding:0 !important;
}

.cart-widget-side .elementor-menu-cart__product-name a{
    color:#435149 !important;
    font-size:9.5px !important;
    font-weight:700 !important;
    line-height:1.65 !important;
    text-decoration:none !important;
}

/* price + qty */
.cart-widget-side .elementor-menu-cart__product-price{
    grid-area:price !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:7px !important;
    margin:0 !important;
    padding:0 !important;
}

.cart-widget-side .mini-cart-price{
    color:#087a55 !important;
    font-size:10.5px !important;
    font-weight:900 !important;
    white-space:nowrap !important;
}

/* quantity */
.cart-widget-side .wc-mini-qty{
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
    margin:0 !important;
    padding:0 !important;
    direction:ltr !important;
}

.cart-widget-side .wc-mini-qty .wc-minus,
.cart-widget-side .wc-mini-qty .wc-plus{
    display:grid !important;
    place-items:center !important;
    width:27px !important;
    height:27px !important;
    min-width:27px !important;
    padding:0 !important;

    border:1px solid #dfe6e2 !important;
    border-radius:8px !important;
    background:#fff !important;
    color:#394a41 !important;
    box-shadow:none !important;

    font-size:14px !important;
    font-weight:700 !important;
    line-height:1 !important;
}

.cart-widget-side .wc-mini-qty .wc-minus:hover,
.cart-widget-side .wc-mini-qty .wc-plus:hover{
    border-color:#b9d6c9 !important;
    background:#f2faf6 !important;
    color:#087a55 !important;
}

.cart-widget-side .wc-mini-qty .wc-val{
    min-width:14px !important;
    color:#59675f !important;
    font-size:9px !important;
    font-weight:800 !important;
    text-align:center !important;
}

/* ---------- SUBTOTAL ---------- */
.cart-widget-side .elementor-menu-cart__subtotal{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;

    margin-top:auto !important;
    padding:10px 12px !important;

    border-top:1px solid #edf1ef !important;
    background:#fff !important;
}

.cart-widget-side .elementor-menu-cart__subtotal strong{
    color:#59675f !important;
    font-size:9px !important;
    font-weight:750 !important;
}

.cart-widget-side .elementor-menu-cart__subtotal .woocommerce-Price-amount{
    color:#087a55 !important;
    font-size:11.5px !important;
    font-weight:900 !important;
}

/* ---------- MOBILE ---------- */
@media(max-width:600px){
    .cart-widget-side .wd-heading{
        min-height:54px !important;
        padding:0 12px !important;
    }

    .cart-widget-side .wd-heading .title{
        font-size:14px !important;
    }

    .cart-widget-side .mini-cart-progress{
        padding:10px 12px 9px !important;
    }

    .cart-widget-side .mini-cart-progress-title{
        font-size:10px !important;
    }

    .cart-widget-side .elementor-menu-cart__products{
        padding:9px 9px 3px !important;
    }

    .cart-widget-side .elementor-menu-cart__product{
        grid-template-columns:60px minmax(0,1fr) 24px !important;
        column-gap:9px !important;
        padding:9px !important;
        border-radius:11px !important;
    }

    .cart-widget-side .elementor-menu-cart__product-image,
    .cart-widget-side .elementor-menu-cart__product-image img{
        width:60px !important;
        height:60px !important;
        min-width:60px !important;
    }

    .cart-widget-side .elementor-menu-cart__product-name a{
        font-size:9px !important;
    }

    .cart-widget-side .mini-cart-price{
        font-size:10px !important;
    }

    .cart-widget-side .wc-mini-qty .wc-minus,
    .cart-widget-side .wc-mini-qty .wc-plus{
        width:26px !important;
        height:26px !important;
        min-width:26px !important;
        border-radius:7px !important;
    }
}








/* =========================================================
   v1.0.92 — mini-cart spacing + larger typography
   ========================================================= */

/*
 * Keep native currency/remove behavior untouched.
 * Only improve layout spacing and typography.
 */

/* Product card layout: give price/qty row more breathing room */
.cart-widget-side .elementor-menu-cart__product{
    row-gap:7px !important;
}

/* Product name */
.cart-widget-side .elementor-menu-cart__product-name a{
    font-size:10.5px !important;
    line-height:1.75 !important;
    font-weight:750 !important;
}

/* Price area */
.cart-widget-side .elementor-menu-cart__product-price{
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    column-gap:12px !important;
    row-gap:7px !important;
}

/* Price text itself — do not touch currency symbol */
.cart-widget-side .mini-cart-price,
.cart-widget-side .mini-cart-price .woocommerce-Price-amount{
    font-size:11.5px !important;
    font-weight:900 !important;
    line-height:1.5 !important;
    white-space:nowrap !important;
}

/* Quantity stepper: explicit separation from price */
.cart-widget-side .wc-mini-qty{
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    margin-inline-start:4px !important;
    flex:0 0 auto !important;
}

/* +/- buttons */
.cart-widget-side .wc-mini-qty .wc-minus,
.cart-widget-side .wc-mini-qty .wc-plus{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    border-radius:8px !important;
    font-size:15px !important;
    font-weight:800 !important;
}

/* Quantity number */
.cart-widget-side .wc-mini-qty .wc-val{
    min-width:16px !important;
    font-size:10px !important;
    font-weight:850 !important;
    line-height:1 !important;
}

/* Subtotal typography */
.cart-widget-side .elementor-menu-cart__subtotal strong{
    font-size:10px !important;
    font-weight:800 !important;
}

.cart-widget-side .elementor-menu-cart__subtotal .woocommerce-Price-amount{
    font-size:12.5px !important;
    font-weight:900 !important;
}

/* Header and free-shipping text slightly larger */
.cart-widget-side .wd-heading .title{
    font-size:15.5px !important;
}

.cart-widget-side .close-side-widget a{
    font-size:10.5px !important;
}

.cart-widget-side .mini-cart-progress-title{
    font-size:11px !important;
}

.cart-widget-side .mini-cart-progress .text{
    font-size:9.5px !important;
}

.cart-widget-side .mini-cart-progress .text strong{
    font-size:10.5px !important;
}

/* Mobile tuning */
@media(max-width:600px){
    .cart-widget-side .elementor-menu-cart__product{
        row-gap:6px !important;
    }

    .cart-widget-side .elementor-menu-cart__product-name a{
        font-size:10px !important;
    }

    .cart-widget-side .mini-cart-price,
    .cart-widget-side .mini-cart-price .woocommerce-Price-amount{
        font-size:11px !important;
    }

    .cart-widget-side .elementor-menu-cart__product-price{
        column-gap:10px !important;
        row-gap:6px !important;
    }

    .cart-widget-side .wc-mini-qty{
        gap:6px !important;
        margin-inline-start:3px !important;
    }

    .cart-widget-side .wc-mini-qty .wc-minus,
    .cart-widget-side .wc-mini-qty .wc-plus{
        width:29px !important;
        height:29px !important;
        min-width:29px !important;
        font-size:14px !important;
    }

    .cart-widget-side .wc-mini-qty .wc-val{
        font-size:9.5px !important;
    }

    .cart-widget-side .elementor-menu-cart__subtotal strong{
        font-size:9.5px !important;
    }

    .cart-widget-side .elementor-menu-cart__subtotal .woocommerce-Price-amount{
        font-size:12px !important;
    }
}


/* =========================================================
   v1.0.93 — hard separation between price and qty controls
   ========================================================= */

/*
 * Theme flex rules were collapsing the visual gap.
 * Force an actual margin on the quantity control itself.
 */
.cart-widget-side
.elementor-menu-cart__product-price{
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
}

/* Price stays compact and never gets covered */
.cart-widget-side
.elementor-menu-cart__product-price
.mini-cart-price{
    flex:0 0 auto !important;
    display:inline-block !important;
    white-space:nowrap !important;
    margin:0 !important;
}

/* Hard visual separation from price */
.cart-widget-side
.elementor-menu-cart__product-price
.wc-mini-qty{
    flex:0 0 auto !important;
    margin-right:18px !important;
    margin-left:0 !important;
}

/*
 * RTL fallback:
 * if the theme reverses order, keep at least the same separation.
 */
[dir="rtl"]
.cart-widget-side
.elementor-menu-cart__product-price
.wc-mini-qty{
    margin-right:18px !important;
    margin-left:0 !important;
}

@media(max-width:600px){
    .cart-widget-side
    .elementor-menu-cart__product-price
    .wc-mini-qty{
        margin-right:16px !important;
    }
}


/* =========================================================
   v1.0.94 — quantity controls pinned to left corner
   ========================================================= */

/*
 * Place quantity controls independently at the left side of each mini-cart
 * product card. Price remains in its normal position.
 */
.cart-widget-side .elementor-menu-cart__product{
    position:relative !important;
    padding-left:92px !important;
}

.cart-widget-side
.elementor-menu-cart__product-price{
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    overflow:visible !important;
}

/* Price stays where the theme places it */
.cart-widget-side
.elementor-menu-cart__product-price
.mini-cart-price{
    display:inline-block !important;
    margin:0 !important;
    white-space:nowrap !important;
}

/* Qty controls go to the far left */
.cart-widget-side
.elementor-menu-cart__product-price
.wc-mini-qty{
    position:absolute !important;
    left:10px !important;
    bottom:10px !important;

    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;

    margin:0 !important;
    z-index:2 !important;
}

/* Prevent old hard-gap rules from affecting the new position */
[dir="rtl"]
.cart-widget-side
.elementor-menu-cart__product-price
.wc-mini-qty{
    margin:0 !important;
}

@media(max-width:600px){
    .cart-widget-side .elementor-menu-cart__product{
        padding-left:86px !important;
    }

    .cart-widget-side
    .elementor-menu-cart__product-price
    .wc-mini-qty{
        left:9px !important;
        bottom:9px !important;
        gap:5px !important;
    }
}


/* =========================================================
   v1.0.95 — slightly larger mini-cart typography
   ========================================================= */

.cart-widget-side .wd-heading .title{
    font-size:16px !important;
}

.cart-widget-side .close-side-widget a{
    font-size:11px !important;
}

.cart-widget-side .mini-cart-progress-title{
    font-size:12px !important;
}

.cart-widget-side .mini-cart-progress .step > div:last-child{
    font-size:8.5px !important;
}

.cart-widget-side .mini-cart-progress .text{
    font-size:10.5px !important;
}

.cart-widget-side .mini-cart-progress .text strong{
    font-size:11.5px !important;
}

.cart-widget-side .elementor-menu-cart__product-name a{
    font-size:11px !important;
    line-height:1.75 !important;
}

.cart-widget-side .mini-cart-price,
.cart-widget-side .mini-cart-price .woocommerce-Price-amount{
    font-size:12px !important;
    line-height:1.5 !important;
}

.cart-widget-side .wc-mini-qty .wc-val{
    font-size:10.5px !important;
}

.cart-widget-side .wc-mini-qty .wc-minus,
.cart-widget-side .wc-mini-qty .wc-plus{
    font-size:15px !important;
}

.cart-widget-side .elementor-menu-cart__subtotal strong{
    font-size:10.5px !important;
}

.cart-widget-side .elementor-menu-cart__subtotal .woocommerce-Price-amount{
    font-size:13px !important;
}

.elementor-menu-cart__footer-buttons .elementor-button{
    font-size:11px !important;
}

@media(max-width:600px){
    .cart-widget-side .wd-heading .title{
        font-size:15px !important;
    }

    .cart-widget-side .mini-cart-progress-title{
        font-size:11.5px !important;
    }

    .cart-widget-side .mini-cart-progress .text{
        font-size:10px !important;
    }

    .cart-widget-side .elementor-menu-cart__product-name a{
        font-size:10.5px !important;
    }

    .cart-widget-side .mini-cart-price,
    .cart-widget-side .mini-cart-price .woocommerce-Price-amount{
        font-size:11.5px !important;
    }

    .cart-widget-side .wc-mini-qty .wc-val{
        font-size:10px !important;
    }

    .cart-widget-side .elementor-menu-cart__subtotal strong{
        font-size:10px !important;
    }

    .cart-widget-side .elementor-menu-cart__subtotal .woocommerce-Price-amount{
        font-size:12.5px !important;
    }

    .elementor-menu-cart__footer-buttons .elementor-button{
        font-size:10.5px !important;
    }
}


/* =========================================================
   v1.0.96 — mini-cart subtotal side spacing
   ========================================================= */

.cart-widget-side .elementor-menu-cart__subtotal{
    padding-right:14px !important;
    padding-left:18px !important;
    box-sizing:border-box !important;
}

.cart-widget-side
.elementor-menu-cart__subtotal
.woocommerce-Price-amount{
    margin-left:2px !important;
}

@media(max-width:600px){
    .cart-widget-side .elementor-menu-cart__subtotal{
        padding-right:12px !important;
        padding-left:16px !important;
    }
}


/* =========================================================
   v1.0.97 — cart page refinement inspired by mini-cart
   ========================================================= */
body.woocommerce-cart .woocommerce{
    --rc-green:#087a55;
    --rc-border:#e5ece8;
    --rc-soft:#f7faf8;
}

/* Main cart area */
body.woocommerce-cart .woocommerce-cart-form{
    background:#fff;
    border:1px solid var(--rc-border);
    border-radius:16px;
    padding:16px 18px;
    box-shadow:0 8px 28px rgba(24,55,41,.035);
}
body.woocommerce-cart table.shop_table{
    border:0 !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
}
body.woocommerce-cart table.shop_table thead th{
    padding:12px 10px !important;
    border-bottom:1px solid var(--rc-border) !important;
    font-size:14px !important;
    font-weight:850 !important;
    color:#26362e !important;
}
body.woocommerce-cart table.shop_table tbody td{
    padding:14px 10px !important;
    border-bottom:1px solid #edf1ef !important;
    vertical-align:middle !important;
}

/* Product image */
body.woocommerce-cart td.product-thumbnail img{
    width:64px !important;
    height:64px !important;
    object-fit:contain !important;
    border-radius:10px !important;
    background:#fff !important;
}
body.woocommerce-cart td.product-name a{
    color:#26362e !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1.7 !important;
}
body.woocommerce-cart td.product-price,
body.woocommerce-cart td.product-subtotal{
    font-size:12.5px !important;
}
body.woocommerce-cart td.product-subtotal .woocommerce-Price-amount{
    color:var(--rc-green) !important;
    font-size:13.5px !important;
    font-weight:900 !important;
}

/* Quantity: visual only */
body.woocommerce-cart td.product-quantity .quantity{
    display:inline-flex !important;
    align-items:center !important;
    border:1px solid #e0e7e3 !important;
    border-radius:10px !important;
    background:#fff !important;
    overflow:hidden !important;
    box-shadow:none !important;
}
body.woocommerce-cart td.product-quantity .quantity input{
    min-height:38px !important;
    font-size:12px !important;
    border:0 !important;
    box-shadow:none !important;
}

/* Coupon row */
body.woocommerce-cart .coupon{
    border:1px solid #dce9e3 !important;
    border-radius:12px !important;
    background:#f7fbf9 !important;
    padding:8px !important;
}
body.woocommerce-cart .coupon .input-text{
    min-height:42px !important;
    border:1px solid #dfe7e3 !important;
    border-radius:9px !important;
    background:#fff !important;
    font-size:12px !important;
}
body.woocommerce-cart .coupon .button{
    min-height:42px !important;
    border-radius:9px !important;
    background:var(--rc-green) !important;
    color:#fff !important;
    font-size:11.5px !important;
    font-weight:850 !important;
}

/* Cart totals card */
body.woocommerce-cart .cart-collaterals .cart_totals{
    background:#fff !important;
    border:1px solid var(--rc-border) !important;
    border-radius:16px !important;
    padding:18px !important;
    box-shadow:0 8px 28px rgba(24,55,41,.04) !important;
}
body.woocommerce-cart .cart_totals h2{
    margin:0 0 12px !important;
    font-size:16px !important;
    font-weight:900 !important;
    color:#26362e !important;
}
body.woocommerce-cart .cart_totals table th,
body.woocommerce-cart .cart_totals table td{
    padding:12px 4px !important;
    border-bottom:1px solid #edf1ef !important;
    font-size:12px !important;
}
body.woocommerce-cart .cart_totals .order-total th{
    font-size:14px !important;
}
body.woocommerce-cart .cart_totals .order-total .woocommerce-Price-amount{
    color:var(--rc-green) !important;
    font-size:17px !important;
    font-weight:950 !important;
}
body.woocommerce-cart .wc-proceed-to-checkout{
    padding:14px 0 0 !important;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    min-height:46px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    border-radius:12px !important;
    background:var(--rc-green) !important;
    box-shadow:none !important;
    font-size:13px !important;
    font-weight:900 !important;
}

/* Wallet/cashback notice: retain current content, unify visual language */
body.woocommerce-cart .woocommerce-info{
    border-radius:12px !important;
    box-shadow:none !important;
}

/* Mobile */
@media(max-width:768px){
    body.woocommerce-cart .woocommerce-cart-form{
        padding:10px !important;
        border-radius:13px !important;
    }
    body.woocommerce-cart table.shop_table tbody td{
        padding:11px 8px !important;
    }
    body.woocommerce-cart td.product-name a{
        font-size:12px !important;
    }
    body.woocommerce-cart .cart-collaterals .cart_totals{
        padding:14px !important;
        border-radius:13px !important;
    }
    body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
        min-height:44px !important;
        font-size:12.5px !important;
    }
}


/* =========================================================
   v1.0.98 — mobile cart card layout
   ========================================================= */

@media(max-width:768px){

    body.woocommerce-cart .woocommerce{
        padding-left:8px !important;
        padding-right:8px !important;
    }

    body.woocommerce-cart .woocommerce-cart-form{
        padding:0 !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
        background:transparent !important;
    }

    /* Hide desktop table heading on mobile */
    body.woocommerce-cart table.shop_table.cart thead{
        display:none !important;
    }

    body.woocommerce-cart table.shop_table.cart,
    body.woocommerce-cart table.shop_table.cart tbody{
        display:block !important;
        width:100% !important;
    }

    /* Each row becomes a card */
    body.woocommerce-cart table.shop_table.cart tr.cart_item{
        position:relative !important;
        display:grid !important;
        grid-template-columns:68px minmax(0,1fr) !important;
        grid-template-areas:
            "thumb name"
            "thumb price"
            "thumb qty"
            "thumb subtotal" !important;

        column-gap:12px !important;
        row-gap:6px !important;

        width:100% !important;
        margin:0 0 10px !important;
        padding:12px !important;

        border:1px solid #e6ece8 !important;
        border-radius:14px !important;
        background:#fff !important;
        box-shadow:0 5px 18px rgba(24,55,41,.035) !important;
        box-sizing:border-box !important;
    }

    /* Cells lose desktop-table layout */
    body.woocommerce-cart table.shop_table.cart tr.cart_item td{
        display:block !important;
        width:auto !important;
        min-height:0 !important;
        padding:0 !important;
        border:0 !important;
        text-align:right !important;
    }

    /* Remove */
    body.woocommerce-cart table.shop_table.cart td.product-remove{
        position:absolute !important;
        left:9px !important;
        top:9px !important;
        z-index:2 !important;
    }

    /* Image */
    body.woocommerce-cart table.shop_table.cart td.product-thumbnail{
        grid-area:thumb !important;
        align-self:start !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-thumbnail img{
        width:68px !important;
        height:68px !important;
        max-width:68px !important;
        object-fit:contain !important;
        border-radius:10px !important;
        background:#f8faf9 !important;
    }

    /* Name */
    body.woocommerce-cart table.shop_table.cart td.product-name{
        grid-area:name !important;
        padding-left:26px !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-name a{
        display:block !important;
        font-size:12.5px !important;
        font-weight:850 !important;
        line-height:1.7 !important;
        color:#26362e !important;
    }

    /* Price */
    body.woocommerce-cart table.shop_table.cart td.product-price{
        grid-area:price !important;
        color:#65736b !important;
        font-size:11px !important;
        line-height:1.6 !important;
    }

    /* Qty */
    body.woocommerce-cart table.shop_table.cart td.product-quantity{
        grid-area:qty !important;
        margin-top:2px !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-quantity .quantity{
        min-height:38px !important;
        width:max-content !important;
        max-width:100% !important;
        border-radius:9px !important;
    }

    /* Subtotal */
    body.woocommerce-cart table.shop_table.cart td.product-subtotal{
        grid-area:subtotal !important;
        margin-top:2px !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-subtotal::before{
        content:"جمع: ";
        color:#819087 !important;
        font-size:9.5px !important;
        font-weight:650 !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-subtotal .woocommerce-Price-amount{
        font-size:12.5px !important;
        font-weight:900 !important;
        color:#087a55 !important;
    }

    /* Prevent Woodmart generated data-title labels from cluttering card */
    body.woocommerce-cart table.shop_table.cart td::before{
        float:none !important;
        margin:0 !important;
    }

    /* Actions / coupon becomes clean standalone block */
    body.woocommerce-cart table.shop_table.cart tr:last-child:not(.cart_item){
        display:block !important;
        width:100% !important;
        margin-top:4px !important;
    }

    body.woocommerce-cart table.shop_table.cart td.actions{
        display:block !important;
        width:100% !important;
        padding:0 !important;
        border:0 !important;
    }

    body.woocommerce-cart .coupon.wd-coupon-form,
    body.woocommerce-cart .coupon{
        width:100% !important;
        max-width:100% !important;
        margin:6px 0 12px !important;
        box-sizing:border-box !important;
    }

    /* Two-column desktop cart becomes one column */
    body.woocommerce-cart .cart-content-wrapper,
    body.woocommerce-cart .woocommerce-cart-form__contents + .cart-collaterals,
    body.woocommerce-cart .cart-collaterals{
        width:100% !important;
        max-width:100% !important;
    }

    body.woocommerce-cart .cart-collaterals{
        margin-top:12px !important;
    }

    body.woocommerce-cart .cart-collaterals .cart_totals{
        float:none !important;
        width:100% !important;
        max-width:100% !important;
        padding:14px !important;
        border-radius:14px !important;
        box-sizing:border-box !important;
    }

    body.woocommerce-cart .cart_totals h2{
        font-size:15px !important;
        margin-bottom:8px !important;
    }

    body.woocommerce-cart .cart_totals table{
        margin:0 !important;
    }

    body.woocommerce-cart .cart_totals table th,
    body.woocommerce-cart .cart_totals table td{
        padding:10px 2px !important;
        font-size:11px !important;
    }

    body.woocommerce-cart .cart_totals .order-total .woocommerce-Price-amount{
        font-size:16px !important;
    }

    body.woocommerce-cart .wc-proceed-to-checkout{
        padding-top:12px !important;
    }

    body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
        width:100% !important;
        min-height:46px !important;
        border-radius:11px !important;
        font-size:13px !important;
    }
}

@media(max-width:420px){
    body.woocommerce-cart .woocommerce{
        padding-left:6px !important;
        padding-right:6px !important;
    }

    body.woocommerce-cart table.shop_table.cart tr.cart_item{
        grid-template-columns:62px minmax(0,1fr) !important;
        column-gap:10px !important;
        padding:10px !important;
        border-radius:12px !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-thumbnail img{
        width:62px !important;
        height:62px !important;
        max-width:62px !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-name a{
        font-size:12px !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-price{
        font-size:10.5px !important;
    }
}


/* =========================================================
   v1.0.99 — cleaner mobile cart card internals
   ========================================================= */

@media(max-width:768px){

    body.woocommerce-cart table.shop_table.cart tr.cart_item{
        display:grid !important;
        grid-template-columns:72px minmax(0,1fr) !important;
        grid-template-areas:
            "thumb name"
            "thumb price"
            "qty qty"
            "subtotal subtotal" !important;

        column-gap:12px !important;
        row-gap:7px !important;

        padding:12px !important;
        border:1px solid #e5ece8 !important;
        border-radius:14px !important;
        background:#fff !important;
        box-shadow:0 4px 14px rgba(24,55,41,.035) !important;
    }

    /* Image */
    body.woocommerce-cart table.shop_table.cart td.product-thumbnail{
        grid-area:thumb !important;
        align-self:start !important;
        justify-self:start !important;
        width:72px !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-thumbnail img{
        width:72px !important;
        height:72px !important;
        max-width:72px !important;
        object-fit:contain !important;
        border-radius:10px !important;
        background:#f8faf9 !important;
    }

    /* Name */
    body.woocommerce-cart table.shop_table.cart td.product-name{
        grid-area:name !important;
        align-self:end !important;
        padding:0 24px 0 0 !important;
        margin:0 !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-name a{
        display:block !important;
        margin:0 !important;
        color:#26362e !important;
        font-size:12.5px !important;
        font-weight:850 !important;
        line-height:1.65 !important;
        text-align:right !important;
    }

    /* Price */
    body.woocommerce-cart table.shop_table.cart td.product-price{
        grid-area:price !important;
        align-self:start !important;
        margin:0 !important;
        padding:0 24px 0 0 !important;
        color:#617068 !important;
        font-size:11px !important;
        line-height:1.5 !important;
        text-align:right !important;
    }

    /*
     * Hide generated data-title labels for price/qty/subtotal;
     * they make the card feel like a collapsed desktop table.
     */
    body.woocommerce-cart table.shop_table.cart td.product-price::before,
    body.woocommerce-cart table.shop_table.cart td.product-quantity::before{
        display:none !important;
        content:none !important;
    }

    /* Quantity gets its own clean row */
    body.woocommerce-cart table.shop_table.cart td.product-quantity{
        grid-area:qty !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:8px !important;

        margin-top:3px !important;
        padding-top:9px !important;
        border-top:1px solid #edf1ef !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-quantity::after{
        content:"تعداد";
        order:-1;
        margin-left:auto !important;
        color:#7a8981 !important;
        font-size:10px !important;
        font-weight:700 !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-quantity .quantity{
        margin:0 !important;
        min-height:38px !important;
        border:1px solid #dde6e1 !important;
        border-radius:9px !important;
        background:#fff !important;
        overflow:hidden !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-quantity .quantity input{
        min-height:38px !important;
        font-size:12px !important;
    }

    /* Subtotal = dedicated footer row */
    body.woocommerce-cart table.shop_table.cart td.product-subtotal{
        grid-area:subtotal !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:8px !important;

        margin:0 !important;
        padding-top:9px !important;
        border-top:1px solid #edf1ef !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-subtotal::before{
        content:"جمع این محصول" !important;
        display:block !important;
        color:#7a8981 !important;
        font-size:10px !important;
        font-weight:700 !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-subtotal .woocommerce-Price-amount{
        color:#087a55 !important;
        font-size:12.5px !important;
        font-weight:900 !important;
        white-space:nowrap !important;
    }

    /* Native remove stays untouched in behavior; only position */
    body.woocommerce-cart table.shop_table.cart td.product-remove{
        position:absolute !important;
        top:10px !important;
        left:10px !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
    }
}

@media(max-width:420px){
    body.woocommerce-cart table.shop_table.cart tr.cart_item{
        grid-template-columns:64px minmax(0,1fr) !important;
        column-gap:10px !important;
        row-gap:6px !important;
        padding:10px !important;
        border-radius:12px !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-thumbnail{
        width:64px !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-thumbnail img{
        width:64px !important;
        height:64px !important;
        max-width:64px !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-name{
        padding-right:20px !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-price{
        padding-right:20px !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-name a{
        font-size:12px !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-quantity::after,
    body.woocommerce-cart table.shop_table.cart td.product-subtotal::before{
        font-size:9.5px !important;
    }
}


/* =========================================================
   v1.0.100 — approved mobile cart card alignment
   ========================================================= */

@media(max-width:768px){

    /* Card structure */
    body.woocommerce-cart table.shop_table.cart tr.cart_item{
        display:grid !important;
        grid-template-columns:76px minmax(0,1fr) !important;
        grid-template-areas:
            "thumb name"
            "thumb price"
            "qty qty"
            "subtotal subtotal" !important;

        column-gap:12px !important;
        row-gap:7px !important;

        padding:12px !important;
        border:1px solid #e5ece8 !important;
        border-radius:14px !important;
        background:#fff !important;
        box-sizing:border-box !important;
    }

    /* Product image: centered perfectly inside its own visual area */
    body.woocommerce-cart table.shop_table.cart td.product-thumbnail{
        grid-area:thumb !important;
        display:flex !important;
        align-items:flex-start !important;
        justify-content:center !important;

        width:76px !important;
        min-width:76px !important;
        padding:0 !important;
        margin:0 !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-thumbnail a{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:72px !important;
        height:72px !important;

        border-radius:10px !important;
        background:#f8faf9 !important;
        overflow:hidden !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-thumbnail img{
        display:block !important;
        width:64px !important;
        height:64px !important;
        max-width:64px !important;
        margin:auto !important;

        object-fit:contain !important;
        object-position:center center !important;

        border-radius:0 !important;
        background:transparent !important;
    }

    /* Product name */
    body.woocommerce-cart table.shop_table.cart td.product-name{
        grid-area:name !important;
        align-self:end !important;
        padding:0 22px 0 0 !important;
        margin:0 !important;
    }

    /* Unit price under name */
    body.woocommerce-cart table.shop_table.cart td.product-price{
        grid-area:price !important;
        align-self:start !important;
        padding:0 22px 0 0 !important;
        margin:0 !important;

        text-align:right !important;
    }

    /* Quantity: label right, controls pinned fully left */
    body.woocommerce-cart table.shop_table.cart td.product-quantity{
        grid-area:qty !important;
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:space-between !important;

        width:100% !important;
        margin:3px 0 0 !important;
        padding:9px 0 0 !important;

        border-top:1px solid #edf1ef !important;
        box-sizing:border-box !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-quantity::after{
        content:"تعداد" !important;
        order:0 !important;

        margin:0 !important;
        color:#7a8981 !important;
        font-size:10px !important;
        font-weight:700 !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-quantity .quantity{
        order:1 !important;

        margin:0 0 0 auto !important;

        display:inline-flex !important;
        align-items:center !important;

        width:max-content !important;
        max-width:100% !important;
    }

    /* Product total: change label to price and align value to left */
    body.woocommerce-cart table.shop_table.cart td.product-subtotal{
        grid-area:subtotal !important;
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:space-between !important;

        width:100% !important;
        margin:0 !important;
        padding:9px 0 0 !important;

        border-top:1px solid #edf1ef !important;
        box-sizing:border-box !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-subtotal::before{
        content:"قیمت" !important;

        order:0 !important;
        margin:0 !important;

        color:#7a8981 !important;
        font-size:10px !important;
        font-weight:700 !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-subtotal .woocommerce-Price-amount{
        order:1 !important;

        margin:0 0 0 auto !important;
        color:#087a55 !important;
        font-size:12.5px !important;
        font-weight:900 !important;
        white-space:nowrap !important;
    }

    /* Native remove behavior untouched; only preserve its current position */
    body.woocommerce-cart table.shop_table.cart td.product-remove{
        top:10px !important;
        left:10px !important;
    }
}

@media(max-width:420px){
    body.woocommerce-cart table.shop_table.cart tr.cart_item{
        grid-template-columns:68px minmax(0,1fr) !important;
        column-gap:10px !important;
        padding:10px !important;
        border-radius:12px !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-thumbnail{
        width:68px !important;
        min-width:68px !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-thumbnail a{
        width:66px !important;
        height:66px !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-thumbnail img{
        width:58px !important;
        height:58px !important;
        max-width:58px !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-name,
    body.woocommerce-cart table.shop_table.cart td.product-price{
        padding-right:18px !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-quantity::after,
    body.woocommerce-cart table.shop_table.cart td.product-subtotal::before{
        font-size:9.5px !important;
    }
}


/* =========================================================
   v1.0.101 — force qty and item total to true left edge
   ========================================================= */

@media(max-width:768px){

    /*
     * Quantity row:
     * label fixed right, native quantity control fixed left.
     * Absolute positioning avoids RTL/flex reordering by the theme.
     */
    body.woocommerce-cart table.shop_table.cart td.product-quantity{
        position:relative !important;
        display:block !important;

        width:100% !important;
        min-height:48px !important;
        margin:3px 0 0 !important;
        padding:10px 0 0 !important;

        border-top:1px solid #edf1ef !important;
        box-sizing:border-box !important;
        direction:rtl !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-quantity::after{
        content:"تعداد" !important;
        position:absolute !important;
        right:0 !important;
        left:auto !important;
        top:50% !important;
        transform:translateY(-36%) !important;

        margin:0 !important;
        color:#7a8981 !important;
        font-size:10px !important;
        font-weight:700 !important;
        line-height:1 !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-quantity .quantity{
        position:absolute !important;
        left:0 !important;
        right:auto !important;
        top:50% !important;
        transform:translateY(-36%) !important;

        margin:0 !important;
        width:max-content !important;
        max-width:none !important;
        direction:ltr !important;
    }

    /*
     * Item subtotal row:
     * "قیمت" fixed right, amount fixed left.
     */
    body.woocommerce-cart table.shop_table.cart td.product-subtotal{
        position:relative !important;
        display:block !important;

        width:100% !important;
        min-height:42px !important;
        margin:0 !important;
        padding:10px 0 0 !important;

        border-top:1px solid #edf1ef !important;
        box-sizing:border-box !important;
        direction:rtl !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-subtotal::before{
        content:"قیمت" !important;
        position:absolute !important;
        right:0 !important;
        left:auto !important;
        top:50% !important;
        transform:translateY(-28%) !important;

        margin:0 !important;
        color:#7a8981 !important;
        font-size:10px !important;
        font-weight:700 !important;
        line-height:1 !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-subtotal .woocommerce-Price-amount{
        position:absolute !important;
        left:0 !important;
        right:auto !important;
        top:50% !important;
        transform:translateY(-28%) !important;

        margin:0 !important;
        color:#087a55 !important;
        font-size:12.5px !important;
        font-weight:900 !important;
        white-space:nowrap !important;
    }
}

@media(max-width:420px){
    body.woocommerce-cart table.shop_table.cart td.product-quantity::after,
    body.woocommerce-cart table.shop_table.cart td.product-subtotal::before{
        font-size:9.5px !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-subtotal .woocommerce-Price-amount{
        font-size:12px !important;
    }
}


/* =========================================================
   v1.0.102 — clearer divider between qty and price rows
   ========================================================= */

@media(max-width:768px){

    /*
     * Quantity row keeps its own top separator.
     */
    body.woocommerce-cart table.shop_table.cart td.product-quantity{
        padding-top:12px !important;
        padding-bottom:9px !important;
        border-top:1px solid #e7ece9 !important;
    }

    /*
     * Price row gets a second separator so quantity and price
     * feel like two distinct rows instead of touching each other.
     */
    body.woocommerce-cart table.shop_table.cart td.product-subtotal{
        padding-top:12px !important;
        padding-bottom:2px !important;
        border-top:1px solid #e7ece9 !important;
    }

    /*
     * Slightly increase vertical breathing room of both rows.
     */
    body.woocommerce-cart table.shop_table.cart td.product-quantity{
        min-height:54px !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-subtotal{
        min-height:48px !important;
    }
}

@media(max-width:420px){
    body.woocommerce-cart table.shop_table.cart td.product-quantity{
        min-height:52px !important;
        padding-top:11px !important;
        padding-bottom:8px !important;
    }

    body.woocommerce-cart table.shop_table.cart td.product-subtotal{
        min-height:46px !important;
        padding-top:11px !important;
    }
}


/* =========================================================
   v1.0.103 — hard mobile divider for actual cart row markup
   ========================================================= */

@media(max-width:768px){

    body.woocommerce-cart
    .woocommerce-cart-form__cart-item.cart_item
    > td.product-quantity{
        position:relative !important;
        display:block !important;

        width:100% !important;
        min-height:56px !important;

        margin-top:8px !important;
        padding-top:14px !important;
        padding-bottom:10px !important;

        border-top:0 !important;
        box-shadow:inset 0 1px 0 #e3eae6 !important;
        box-sizing:border-box !important;
    }

    body.woocommerce-cart
    .woocommerce-cart-form__cart-item.cart_item
    > td.product-subtotal{
        position:relative !important;
        display:block !important;

        width:100% !important;
        min-height:50px !important;

        margin-top:5px !important;
        padding-top:14px !important;
        padding-bottom:4px !important;

        border-top:0 !important;
        box-shadow:inset 0 1px 0 #e3eae6 !important;
        box-sizing:border-box !important;
    }

    /* Keep labels/controls vertically centered after extra spacing */
    body.woocommerce-cart
    .woocommerce-cart-form__cart-item.cart_item
    > td.product-quantity::after,
    body.woocommerce-cart
    .woocommerce-cart-form__cart-item.cart_item
    > td.product-quantity .quantity{
        top:58% !important;
    }

    body.woocommerce-cart
    .woocommerce-cart-form__cart-item.cart_item
    > td.product-subtotal::before,
    body.woocommerce-cart
    .woocommerce-cart-form__cart-item.cart_item
    > td.product-subtotal .woocommerce-Price-amount{
        top:58% !important;
    }
}

@media(max-width:420px){
    body.woocommerce-cart
    .woocommerce-cart-form__cart-item.cart_item
    > td.product-quantity{
        min-height:54px !important;
        margin-top:7px !important;
        padding-top:13px !important;
    }

    body.woocommerce-cart
    .woocommerce-cart-form__cart-item.cart_item
    > td.product-subtotal{
        min-height:48px !important;
        margin-top:4px !important;
        padding-top:13px !important;
    }
}


/* =========================================================
   v1.0.104 — proper internal spacing for mobile cart rows
   ========================================================= */

@media(max-width:768px){

    /* More breathing room between product info and the lower controls */
    body.woocommerce-cart
    .woocommerce-cart-form__cart-item.cart_item{
        row-gap:9px !important;
        padding-bottom:13px !important;
    }

    /* -----------------------------------------------------
       Quantity row
       ----------------------------------------------------- */
    body.woocommerce-cart
    .woocommerce-cart-form__cart-item.cart_item
    > td.product-quantity{
        position:relative !important;
        display:block !important;

        width:100% !important;
        height:64px !important;
        min-height:64px !important;

        margin:10px 0 0 !important;
        padding:0 !important;

        border:0 !important;
        box-shadow:inset 0 1px 0 #e3eae6 !important;
        box-sizing:border-box !important;
    }

    /* Quantity label, vertically centered with real spacing from divider */
    body.woocommerce-cart
    .woocommerce-cart-form__cart-item.cart_item
    > td.product-quantity::after{
        content:"تعداد" !important;

        position:absolute !important;
        right:0 !important;
        left:auto !important;
        top:22px !important;
        transform:none !important;

        margin:0 !important;

        color:#7a8981 !important;
        font-size:10px !important;
        font-weight:700 !important;
        line-height:1.4 !important;
    }

    /* Quantity control pinned left and centered in its own row */
    body.woocommerce-cart
    .woocommerce-cart-form__cart-item.cart_item
    > td.product-quantity
    .quantity{
        position:absolute !important;
        left:0 !important;
        right:auto !important;
        top:13px !important;
        transform:none !important;

        margin:0 !important;
        width:max-content !important;
        max-width:none !important;
    }

    /* -----------------------------------------------------
       Product total row
       ----------------------------------------------------- */
    body.woocommerce-cart
    .woocommerce-cart-form__cart-item.cart_item
    > td.product-subtotal{
        position:relative !important;
        display:block !important;

        width:100% !important;
        height:56px !important;
        min-height:56px !important;

        margin:2px 0 0 !important;
        padding:0 !important;

        border:0 !important;
        box-shadow:inset 0 1px 0 #e3eae6 !important;
        box-sizing:border-box !important;
    }

    /* "قیمت" label */
    body.woocommerce-cart
    .woocommerce-cart-form__cart-item.cart_item
    > td.product-subtotal::before{
        content:"قیمت" !important;

        position:absolute !important;
        right:0 !important;
        left:auto !important;
        top:20px !important;
        transform:none !important;

        margin:0 !important;

        color:#7a8981 !important;
        font-size:10px !important;
        font-weight:700 !important;
        line-height:1.4 !important;
    }

    /* Product total amount pinned left and centered in price row */
    body.woocommerce-cart
    .woocommerce-cart-form__cart-item.cart_item
    > td.product-subtotal
    .woocommerce-Price-amount{
        position:absolute !important;
        left:0 !important;
        right:auto !important;
        top:17px !important;
        transform:none !important;

        margin:0 !important;

        color:#087a55 !important;
        font-size:12.5px !important;
        font-weight:900 !important;
        line-height:1.5 !important;
        white-space:nowrap !important;
    }
}

@media(max-width:420px){

    body.woocommerce-cart
    .woocommerce-cart-form__cart-item.cart_item{
        row-gap:8px !important;
        padding-bottom:12px !important;
    }

    body.woocommerce-cart
    .woocommerce-cart-form__cart-item.cart_item
    > td.product-quantity{
        height:60px !important;
        min-height:60px !important;
        margin-top:9px !important;
    }

    body.woocommerce-cart
    .woocommerce-cart-form__cart-item.cart_item
    > td.product-quantity::after{
        top:21px !important;
        font-size:9.5px !important;
    }

    body.woocommerce-cart
    .woocommerce-cart-form__cart-item.cart_item
    > td.product-quantity
    .quantity{
        top:11px !important;
    }

    body.woocommerce-cart
    .woocommerce-cart-form__cart-item.cart_item
    > td.product-subtotal{
        height:52px !important;
        min-height:52px !important;
    }

    body.woocommerce-cart
    .woocommerce-cart-form__cart-item.cart_item
    > td.product-subtotal::before{
        top:18px !important;
        font-size:9.5px !important;
    }

    body.woocommerce-cart
    .woocommerce-cart-form__cart-item.cart_item
    > td.product-subtotal
    .woocommerce-Price-amount{
        top:15px !important;
        font-size:12px !important;
    }
}


/* =========================================================
   v1.0.105 — mobile cart coupon card, approved visual style
   ========================================================= */

@media(max-width:768px){

    /*
     * Coupon wrapper — visual only.
     * WooCommerce keeps full control of form behavior.
     */
    body.woocommerce-cart .coupon.wd-coupon-form,
    body.woocommerce-cart td.actions .coupon{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 132px !important;
        align-items:center !important;
        gap:8px !important;

        width:100% !important;
        max-width:100% !important;

        margin:10px 0 12px !important;
        padding:8px !important;

        border:1px solid #e2e9e5 !important;
        border-radius:14px !important;
        background:#fff !important;
        box-shadow:0 4px 14px rgba(24,55,41,.025) !important;

        box-sizing:border-box !important;
        direction:rtl !important;
    }

    /* Input on the right */
    body.woocommerce-cart .coupon.wd-coupon-form #coupon_code,
    body.woocommerce-cart .coupon.wd-coupon-form input[name="coupon_code"],
    body.woocommerce-cart td.actions .coupon #coupon_code,
    body.woocommerce-cart td.actions .coupon input[name="coupon_code"]{
        grid-column:1 !important;

        display:block !important;
        width:100% !important;
        min-width:0 !important;
        height:46px !important;

        margin:0 !important;
        padding:0 14px !important;

        border:1px solid #e1e7e4 !important;
        border-radius:11px !important;
        background:#fff !important;
        box-shadow:none !important;

        color:#2e3c35 !important;
        font-size:12px !important;
        font-weight:650 !important;
        line-height:normal !important;
        text-align:right !important;
        direction:rtl !important;

        box-sizing:border-box !important;
    }

    body.woocommerce-cart .coupon.wd-coupon-form #coupon_code::placeholder,
    body.woocommerce-cart .coupon.wd-coupon-form input[name="coupon_code"]::placeholder,
    body.woocommerce-cart td.actions .coupon #coupon_code::placeholder,
    body.woocommerce-cart td.actions .coupon input[name="coupon_code"]::placeholder{
        color:#a0aaa4 !important;
        opacity:1 !important;
    }

    body.woocommerce-cart .coupon.wd-coupon-form #coupon_code:focus,
    body.woocommerce-cart .coupon.wd-coupon-form input[name="coupon_code"]:focus,
    body.woocommerce-cart td.actions .coupon #coupon_code:focus,
    body.woocommerce-cart td.actions .coupon input[name="coupon_code"]:focus{
        outline:none !important;
        border-color:#9fcbb7 !important;
        box-shadow:0 0 0 2px rgba(8,122,85,.055) !important;
    }

    /* Apply button on the left */
    body.woocommerce-cart .coupon.wd-coupon-form button[name="apply_coupon"],
    body.woocommerce-cart td.actions .coupon button[name="apply_coupon"]{
        grid-column:2 !important;

        position:relative !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:7px !important;

        width:100% !important;
        min-width:0 !important;
        height:46px !important;

        margin:0 !important;
        padding:0 12px !important;

        border:1px solid #19825f !important;
        border-radius:11px !important;
        background:#fff !important;
        box-shadow:none !important;

        color:#087a55 !important;
        font-size:11.5px !important;
        font-weight:850 !important;
        line-height:1 !important;
        white-space:nowrap !important;

        transition:
            background .18s ease,
            border-color .18s ease,
            color .18s ease !important;
    }

    /* Minimal tag icon */
    body.woocommerce-cart .coupon.wd-coupon-form button[name="apply_coupon"]::before,
    body.woocommerce-cart td.actions .coupon button[name="apply_coupon"]::before{
        content:"" !important;

        display:inline-block !important;
        width:15px !important;
        height:15px !important;
        flex:0 0 15px !important;

        border:1.7px solid currentColor !important;
        border-radius:3px 3px 3px 1px !important;

        transform:rotate(45deg) !important;
        box-sizing:border-box !important;
    }

    body.woocommerce-cart .coupon.wd-coupon-form button[name="apply_coupon"]::after,
    body.woocommerce-cart td.actions .coupon button[name="apply_coupon"]::after{
        content:"" !important;

        position:absolute !important;
        left:18px !important;
        top:50% !important;
        transform:translateY(-50%) !important;

        width:3px !important;
        height:3px !important;
        border-radius:50% !important;
        background:currentColor !important;
    }

    body.woocommerce-cart .coupon.wd-coupon-form button[name="apply_coupon"]:hover,
    body.woocommerce-cart td.actions .coupon button[name="apply_coupon"]:hover{
        background:#f2faf6 !important;
        border-color:#087a55 !important;
        color:#066848 !important;
    }

    /* Screen reader label must not disturb layout */
    body.woocommerce-cart .coupon.wd-coupon-form label.screen-reader-text,
    body.woocommerce-cart td.actions .coupon label.screen-reader-text{
        position:absolute !important;
        width:1px !important;
        height:1px !important;
        padding:0 !important;
        margin:-1px !important;
        overflow:hidden !important;
        clip:rect(0,0,0,0) !important;
        white-space:nowrap !important;
        border:0 !important;
    }
}

@media(max-width:420px){
    body.woocommerce-cart .coupon.wd-coupon-form,
    body.woocommerce-cart td.actions .coupon{
        grid-template-columns:minmax(0,1fr) 118px !important;
        gap:7px !important;
        padding:7px !important;
        border-radius:12px !important;
    }

    body.woocommerce-cart .coupon.wd-coupon-form #coupon_code,
    body.woocommerce-cart .coupon.wd-coupon-form input[name="coupon_code"],
    body.woocommerce-cart td.actions .coupon #coupon_code,
    body.woocommerce-cart td.actions .coupon input[name="coupon_code"]{
        height:44px !important;
        padding:0 12px !important;
        font-size:11.5px !important;
        border-radius:10px !important;
    }

    body.woocommerce-cart .coupon.wd-coupon-form button[name="apply_coupon"],
    body.woocommerce-cart td.actions .coupon button[name="apply_coupon"]{
        height:44px !important;
        padding:0 9px !important;
        font-size:10.8px !important;
        border-radius:10px !important;
    }

    body.woocommerce-cart .coupon.wd-coupon-form button[name="apply_coupon"]::before,
    body.woocommerce-cart td.actions .coupon button[name="apply_coupon"]::before{
        width:14px !important;
        height:14px !important;
        flex-basis:14px !important;
    }

    body.woocommerce-cart .coupon.wd-coupon-form button[name="apply_coupon"]::after,
    body.woocommerce-cart td.actions .coupon button[name="apply_coupon"]::after{
        left:15px !important;
    }
}


/* =========================================================
   v1.0.106 — remove qty top line + smaller coupon notices
   ========================================================= */

@media(max-width:768px){

    /* Remove every possible separator above the quantity row */
    body.woocommerce-cart
    .woocommerce-cart-form__cart-item.cart_item
    > td.product-quantity{
        border-top:0 !important;
        box-shadow:none !important;
        background-image:none !important;
    }

    body.woocommerce-cart
    table.shop_table.cart
    td.product-quantity{
        border-top:0 !important;
        box-shadow:none !important;
        background-image:none !important;
    }

    /* Coupon / WooCommerce notices: smaller and more compact on mobile */
    body.woocommerce-cart .woocommerce-message,
    body.woocommerce-cart .woocommerce-error,
    body.woocommerce-cart .woocommerce-info:not(.ronaro-wallet-cashback-notice),
    body.woocommerce-cart .wc-block-components-notice-banner,
    body.woocommerce-cart [role="alert"],
    body.woocommerce-cart [role="status"]{
        font-size:8.8px !important;
        line-height:1.75 !important;
    }

    body.woocommerce-cart .woocommerce-message,
    body.woocommerce-cart .woocommerce-error,
    body.woocommerce-cart .woocommerce-info:not(.ronaro-wallet-cashback-notice){
        min-height:42px !important;
        padding-top:8px !important;
        padding-bottom:8px !important;
    }

    body.woocommerce-cart
    .woocommerce-message .button,
    body.woocommerce-cart
    .woocommerce-error .button,
    body.woocommerce-cart
    .woocommerce-info .button{
        font-size:8px !important;
    }
}

@media(max-width:420px){
    body.woocommerce-cart .woocommerce-message,
    body.woocommerce-cart .woocommerce-error,
    body.woocommerce-cart .woocommerce-info:not(.ronaro-wallet-cashback-notice),
    body.woocommerce-cart .wc-block-components-notice-banner,
    body.woocommerce-cart [role="alert"],
    body.woocommerce-cart [role="status"]{
        font-size:8.3px !important;
        line-height:1.7 !important;
    }
}


/* =========================================================
   v1.0.107 — stable coupon tag icon
   ========================================================= */

@media(max-width:768px){

    body.woocommerce-cart
    .coupon.wd-coupon-form
    button[name="apply_coupon"]::before,
    body.woocommerce-cart
    td.actions .coupon
    button[name="apply_coupon"]::before{
        content:"" !important;
        display:inline-block !important;
        width:16px !important;
        height:16px !important;
        flex:0 0 16px !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        border-radius:0 !important;
        transform:none !important;
        background-color:transparent !important;
        background-repeat:no-repeat !important;
        background-position:center !important;
        background-size:16px 16px !important;
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23087a55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41 11 23l-9-9V2h12l6.59 6.59a3.4 3.4 0 0 1 0 4.82Z'/%3E%3Ccircle cx='7' cy='7' r='1.5'/%3E%3C/svg%3E") !important;
    }

    body.woocommerce-cart
    .coupon.wd-coupon-form
    button[name="apply_coupon"]::after,
    body.woocommerce-cart
    td.actions .coupon
    button[name="apply_coupon"]::after{
        content:none !important;
        display:none !important;
    }
}

@media(max-width:420px){
    body.woocommerce-cart
    .coupon.wd-coupon-form
    button[name="apply_coupon"]::before,
    body.woocommerce-cart
    td.actions .coupon
    button[name="apply_coupon"]::before{
        width:15px !important;
        height:15px !important;
        flex-basis:15px !important;
        background-size:15px 15px !important;
    }
}


/* =========================================================
   v1.0.108 — cart checkout button with total
   ========================================================= */

body.woocommerce-cart
.ronaro-checkout-with-total{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;

    width:100% !important;
    min-height:48px !important;

    margin:0 !important;
    padding:0 16px !important;

    border:0 !important;
    border-radius:12px !important;

    background:#087a55 !important;
    color:#fff !important;
    box-shadow:none !important;

    direction:rtl !important;
    text-decoration:none !important;
}

body.woocommerce-cart
.ronaro-checkout-with-total:hover{
    background:#066848 !important;
    color:#fff !important;
}

body.woocommerce-cart
.ronaro-checkout-title{
    display:flex !important;
    align-items:center !important;

    color:#fff !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1.4 !important;
    white-space:nowrap !important;
}

body.woocommerce-cart
.ronaro-checkout-total{
    display:flex !important;
    align-items:center !important;

    padding-right:14px !important;
    border-right:1px solid rgba(255,255,255,.24) !important;

    color:#fff !important;
    font-size:12px !important;
    font-weight:900 !important;
    line-height:1.4 !important;
    white-space:nowrap !important;
}

/*
 * Preserve WooCommerce/site currency markup.
 * No extra تومان is generated by Ronaro Club.
 */
body.woocommerce-cart
.ronaro-checkout-total
.woocommerce-Price-amount,
body.woocommerce-cart
.ronaro-checkout-total
.woocommerce-Price-currencySymbol{
    color:inherit !important;
}

@media(max-width:768px){
    body.woocommerce-cart
    .ronaro-checkout-with-total{
        min-height:48px !important;
        padding:0 14px !important;
        gap:10px !important;
    }

    body.woocommerce-cart
    .ronaro-checkout-title{
        font-size:12.5px !important;
    }

    body.woocommerce-cart
    .ronaro-checkout-total{
        padding-right:12px !important;
        font-size:11.5px !important;
    }
}

@media(max-width:420px){
    body.woocommerce-cart
    .ronaro-checkout-with-total{
        padding:0 12px !important;
    }

    body.woocommerce-cart
    .ronaro-checkout-title{
        font-size:12px !important;
    }

    body.woocommerce-cart
    .ronaro-checkout-total{
        padding-right:10px !important;
        font-size:11px !important;
    }
}


/* =========================================================
   v1.0.109 — total inside the actual Woodmart/WooCommerce cart button
   ========================================================= */

body.woocommerce-cart
.wc-proceed-to-checkout
a.checkout-button.ronaro-checkout-with-total{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    direction:rtl !important;
}

body.woocommerce-cart
.wc-proceed-to-checkout
a.checkout-button.ronaro-checkout-with-total
.ronaro-checkout-title{
    display:flex !important;
    align-items:center !important;
    color:inherit !important;
    font:inherit !important;
    white-space:nowrap !important;
}

body.woocommerce-cart
.wc-proceed-to-checkout
a.checkout-button.ronaro-checkout-with-total
.ronaro-checkout-total{
    display:flex !important;
    align-items:center !important;

    padding-right:13px !important;
    border-right:1px solid rgba(255,255,255,.24) !important;

    color:inherit !important;
    font-size:11.5px !important;
    font-weight:900 !important;
    white-space:nowrap !important;
}

/* Do not synthesize or alter currency markup. */
body.woocommerce-cart
.wc-proceed-to-checkout
a.checkout-button.ronaro-checkout-with-total
.ronaro-checkout-total
.woocommerce-Price-amount,
body.woocommerce-cart
.wc-proceed-to-checkout
a.checkout-button.ronaro-checkout-with-total
.ronaro-checkout-total
.woocommerce-Price-currencySymbol{
    color:inherit !important;
}

@media(max-width:420px){
    body.woocommerce-cart
    .wc-proceed-to-checkout
    a.checkout-button.ronaro-checkout-with-total{
        gap:9px !important;
    }

    body.woocommerce-cart
    .wc-proceed-to-checkout
    a.checkout-button.ronaro-checkout-with-total
    .ronaro-checkout-total{
        padding-right:10px !important;
        font-size:10.8px !important;
    }
}


/* =========================================================
   v1.0.110 — desktop cart coupon style
   Same visual language as mobile coupon card
   ========================================================= */

@media(min-width:769px){

    body.woocommerce-cart .coupon.wd-coupon-form,
    body.woocommerce-cart td.actions .coupon{
        display:grid !important;
        grid-template-columns:minmax(260px, 1fr) 150px !important;
        align-items:center !important;
        gap:10px !important;

        width:100% !important;
        max-width:100% !important;

        margin:10px 0 12px !important;
        padding:9px !important;

        border:1px solid #e2e9e5 !important;
        border-radius:14px !important;
        background:#fff !important;
        box-shadow:0 4px 16px rgba(24,55,41,.025) !important;

        box-sizing:border-box !important;
        direction:rtl !important;
    }

    /* Input */
    body.woocommerce-cart .coupon.wd-coupon-form #coupon_code,
    body.woocommerce-cart .coupon.wd-coupon-form input[name="coupon_code"],
    body.woocommerce-cart td.actions .coupon #coupon_code,
    body.woocommerce-cart td.actions .coupon input[name="coupon_code"]{
        grid-column:1 !important;

        display:block !important;
        width:100% !important;
        min-width:0 !important;
        height:46px !important;

        margin:0 !important;
        padding:0 14px !important;

        border:1px solid #e1e7e4 !important;
        border-radius:11px !important;
        background:#fff !important;
        box-shadow:none !important;

        color:#2e3c35 !important;
        font-size:12px !important;
        font-weight:650 !important;
        text-align:right !important;
        direction:rtl !important;

        box-sizing:border-box !important;
    }

    body.woocommerce-cart .coupon.wd-coupon-form #coupon_code::placeholder,
    body.woocommerce-cart .coupon.wd-coupon-form input[name="coupon_code"]::placeholder,
    body.woocommerce-cart td.actions .coupon #coupon_code::placeholder,
    body.woocommerce-cart td.actions .coupon input[name="coupon_code"]::placeholder{
        color:#a0aaa4 !important;
        opacity:1 !important;
    }

    body.woocommerce-cart .coupon.wd-coupon-form #coupon_code:focus,
    body.woocommerce-cart .coupon.wd-coupon-form input[name="coupon_code"]:focus,
    body.woocommerce-cart td.actions .coupon #coupon_code:focus,
    body.woocommerce-cart td.actions .coupon input[name="coupon_code"]:focus{
        outline:none !important;
        border-color:#9fcbb7 !important;
        box-shadow:0 0 0 2px rgba(8,122,85,.055) !important;
    }

    /* Apply button */
    body.woocommerce-cart .coupon.wd-coupon-form button[name="apply_coupon"],
    body.woocommerce-cart td.actions .coupon button[name="apply_coupon"]{
        grid-column:2 !important;

        position:relative !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:8px !important;

        width:100% !important;
        min-width:0 !important;
        height:46px !important;

        margin:0 !important;
        padding:0 14px !important;

        border:1px solid #19825f !important;
        border-radius:11px !important;
        background:#fff !important;
        box-shadow:none !important;

        color:#087a55 !important;
        font-size:11.5px !important;
        font-weight:850 !important;
        line-height:1 !important;
        white-space:nowrap !important;
    }

    /* Stable SVG tag icon */
    body.woocommerce-cart .coupon.wd-coupon-form button[name="apply_coupon"]::before,
    body.woocommerce-cart td.actions .coupon button[name="apply_coupon"]::before{
        content:"" !important;
        display:inline-block !important;
        width:16px !important;
        height:16px !important;
        flex:0 0 16px !important;

        margin:0 !important;
        padding:0 !important;

        border:0 !important;
        transform:none !important;

        background-color:transparent !important;
        background-repeat:no-repeat !important;
        background-position:center !important;
        background-size:16px 16px !important;

        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23087a55' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41 11 23l-9-9V2h12l6.59 6.59a3.4 3.4 0 0 1 0 4.82Z'/%3E%3Ccircle cx='7' cy='7' r='1.5'/%3E%3C/svg%3E") !important;
    }

    body.woocommerce-cart .coupon.wd-coupon-form button[name="apply_coupon"]::after,
    body.woocommerce-cart td.actions .coupon button[name="apply_coupon"]::after{
        content:none !important;
        display:none !important;
    }

    body.woocommerce-cart .coupon.wd-coupon-form button[name="apply_coupon"]:hover,
    body.woocommerce-cart td.actions .coupon button[name="apply_coupon"]:hover{
        background:#f2faf6 !important;
        border-color:#087a55 !important;
        color:#066848 !important;
    }

    /* Keep accessibility label out of layout */
    body.woocommerce-cart .coupon.wd-coupon-form label.screen-reader-text,
    body.woocommerce-cart td.actions .coupon label.screen-reader-text{
        position:absolute !important;
        width:1px !important;
        height:1px !important;
        padding:0 !important;
        margin:-1px !important;
        overflow:hidden !important;
        clip:rect(0,0,0,0) !important;
        white-space:nowrap !important;
        border:0 !important;
    }
}




/* =========================================================
   v1.0.112 — safe checkout refinement
   Native Woodmart layout preserved
   ========================================================= */

/*
 * IMPORTANT:
 * No display:grid on form.checkout.
 * No forced column widths.
 * No grid-column/grid-row.
 * Woodmart/WooCommerce keeps full control of layout.
 */

body.woocommerce-checkout{
    --rc-green:#087a55;
    --rc-green-dark:#066848;
    --rc-border:#e4ebe7;
    --rc-soft:#f7faf8;
    --rc-text:#26362e;
    --rc-muted:#748179;
}

/* Main visual cards only */
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review{
    padding:18px !important;
    border:1px solid var(--rc-border) !important;
    border-radius:15px !important;
    background:#fff !important;
    box-shadow:0 6px 22px rgba(24,55,41,.035) !important;
    box-sizing:border-box !important;
}

/* Do NOT change widths/floats of customer_details columns */
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2{
    box-sizing:border-box !important;
}

/* Headings */
body.woocommerce-checkout .woocommerce-billing-fields > h3,
body.woocommerce-checkout .woocommerce-shipping-fields > h3,
body.woocommerce-checkout .woocommerce-additional-fields > h3,
body.woocommerce-checkout #order_review_heading{
    margin-top:0 !important;
    margin-bottom:16px !important;
    color:var(--rc-text) !important;
    font-size:15px !important;
    font-weight:900 !important;
    line-height:1.6 !important;
}

/* Labels */
body.woocommerce-checkout form.checkout .form-row label{
    margin-bottom:6px !important;
    color:#44534b !important;
    font-size:10.5px !important;
    font-weight:750 !important;
    line-height:1.5 !important;
}

body.woocommerce-checkout form.checkout .form-row .required{
    color:#d84f4f !important;
}

/* Inputs/selects */
body.woocommerce-checkout form.checkout input.input-text,
body.woocommerce-checkout form.checkout textarea,
body.woocommerce-checkout form.checkout select,
body.woocommerce-checkout .select2-container .select2-selection--single{
    min-height:43px !important;
    border:1px solid #dfe7e3 !important;
    border-radius:10px !important;
    background:#fff !important;
    box-shadow:none !important;
    color:#334139 !important;
    font-size:11px !important;
    transition:border-color .18s ease, box-shadow .18s ease !important;
}

body.woocommerce-checkout form.checkout input.input-text{
    padding-left:12px !important;
    padding-right:12px !important;
}

body.woocommerce-checkout form.checkout textarea{
    min-height:90px !important;
    padding:10px 12px !important;
    line-height:1.8 !important;
}

body.woocommerce-checkout form.checkout input.input-text:focus,
body.woocommerce-checkout form.checkout textarea:focus,
body.woocommerce-checkout .select2-container--open .select2-selection--single{
    outline:none !important;
    border-color:#9fcbb7 !important;
    box-shadow:0 0 0 2px rgba(8,122,85,.055) !important;
}

/* Select2 safe visual tuning */
body.woocommerce-checkout .select2-container{
    max-width:100% !important;
}

body.woocommerce-checkout .select2-selection__rendered{
    line-height:41px !important;
    font-size:11px !important;
}

body.woocommerce-checkout .select2-selection__arrow{
    height:41px !important;
}

/* Order review table */
body.woocommerce-checkout #order_review table.shop_table{
    border:0 !important;
    margin-bottom:14px !important;
}

body.woocommerce-checkout #order_review table.shop_table th,
body.woocommerce-checkout #order_review table.shop_table td{
    padding:10px 4px !important;
    border-bottom:1px solid #edf1ef !important;
    color:#4b5951 !important;
    font-size:10px !important;
    line-height:1.7 !important;
}

body.woocommerce-checkout #order_review table.shop_table thead th{
    color:var(--rc-text) !important;
    font-size:11px !important;
    font-weight:850 !important;
}

body.woocommerce-checkout #order_review table.shop_table .order-total th{
    color:var(--rc-text) !important;
    font-size:12px !important;
    font-weight:850 !important;
}

body.woocommerce-checkout #order_review table.shop_table .order-total .woocommerce-Price-amount{
    color:var(--rc-green) !important;
    font-size:14px !important;
    font-weight:950 !important;
}

/* Payment */
body.woocommerce-checkout #payment{
    margin-top:12px !important;
    padding:13px !important;
    border:1px solid #e5ebe8 !important;
    border-radius:13px !important;
    background:#f8faf9 !important;
    box-shadow:none !important;
}

body.woocommerce-checkout #payment .payment_methods{
    margin-bottom:10px !important;
}

body.woocommerce-checkout #payment .payment_methods li{
    padding:9px 0 !important;
    border-bottom:1px solid #e8eeeb !important;
}

body.woocommerce-checkout #payment .payment_methods li:last-child{
    border-bottom:0 !important;
}

body.woocommerce-checkout #payment .payment_methods label{
    color:#3d4c44 !important;
    font-size:10.5px !important;
    font-weight:750 !important;
}

body.woocommerce-checkout #payment .payment_box{
    margin-top:7px !important;
    padding:10px 11px !important;
    border:0 !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#6a776f !important;
    font-size:9.5px !important;
    line-height:1.8 !important;
}

/* Place order */
body.woocommerce-checkout #place_order{
    width:100% !important;
    min-height:46px !important;
    margin-top:10px !important;
    border:0 !important;
    border-radius:11px !important;
    background:var(--rc-green) !important;
    box-shadow:none !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:900 !important;
}

body.woocommerce-checkout #place_order:hover{
    background:var(--rc-green-dark) !important;
}

/* Existing notices */
body.woocommerce-checkout .woocommerce-form-coupon-toggle,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-error{
    border-radius:11px !important;
    box-shadow:none !important;
}

/* Mobile: only visual compaction, no structural rearrangement */
@media(max-width:768px){
    body.woocommerce-checkout #customer_details,
    body.woocommerce-checkout #order_review{
        padding:13px !important;
        border-radius:13px !important;
        box-shadow:0 4px 16px rgba(24,55,41,.03) !important;
    }

    body.woocommerce-checkout .woocommerce-billing-fields > h3,
    body.woocommerce-checkout .woocommerce-shipping-fields > h3,
    body.woocommerce-checkout .woocommerce-additional-fields > h3,
    body.woocommerce-checkout #order_review_heading{
        margin-bottom:12px !important;
        font-size:14px !important;
    }

    body.woocommerce-checkout form.checkout .form-row label{
        font-size:10px !important;
    }

    body.woocommerce-checkout form.checkout input.input-text,
    body.woocommerce-checkout form.checkout textarea,
    body.woocommerce-checkout form.checkout select,
    body.woocommerce-checkout .select2-container .select2-selection--single{
        min-height:41px !important;
        border-radius:9px !important;
        font-size:10.5px !important;
    }

    body.woocommerce-checkout #payment{
        padding:11px !important;
        border-radius:12px !important;
    }

    body.woocommerce-checkout #place_order{
        min-height:45px !important;
        font-size:11.5px !important;
    }
}


/* =========================================================
   v1.0.113 — checkout readable errors + unified typography
   ========================================================= */

/*
 * Unified checkout typography.
 * Keep hierarchy mostly through font-weight instead of wildly different sizes.
 */
body.woocommerce-checkout{
    --rc-checkout-font:11px;
    --rc-checkout-font-mobile:10.5px;
    --rc-checkout-error:#a63b3b;
    --rc-checkout-error-bg:#fff4f4;
    --rc-checkout-error-border:#efcaca;
}

/* Base text */
body.woocommerce-checkout form.checkout,
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout #payment,
body.woocommerce-checkout .woocommerce-checkout-review-order{
    font-size:var(--rc-checkout-font) !important;
}

/* Labels, inputs, selects, table and payment text use the same base size */
body.woocommerce-checkout form.checkout .form-row label,
body.woocommerce-checkout form.checkout input.input-text,
body.woocommerce-checkout form.checkout textarea,
body.woocommerce-checkout form.checkout select,
body.woocommerce-checkout .select2-selection__rendered,
body.woocommerce-checkout #order_review table.shop_table th,
body.woocommerce-checkout #order_review table.shop_table td,
body.woocommerce-checkout #payment .payment_methods label,
body.woocommerce-checkout #payment .payment_box,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-checkout [role="alert"],
body.woocommerce-checkout [role="status"]{
    font-size:var(--rc-checkout-font) !important;
    line-height:1.75 !important;
}

/* Keep headings only slightly larger */
body.woocommerce-checkout .woocommerce-billing-fields > h3,
body.woocommerce-checkout .woocommerce-shipping-fields > h3,
body.woocommerce-checkout .woocommerce-additional-fields > h3,
body.woocommerce-checkout #order_review_heading{
    font-size:15px !important;
    line-height:1.6 !important;
}

/* Order total stays visually important through weight, not huge size jump */
body.woocommerce-checkout #order_review table.shop_table .order-total th{
    font-size:12px !important;
}

body.woocommerce-checkout #order_review table.shop_table .order-total .woocommerce-Price-amount{
    font-size:13px !important;
}

/* =========================================================
   WooCommerce validation / error colors
   ========================================================= */

/* Top error notice */
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-checkout ul.woocommerce-error,
body.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-error{
    color:var(--rc-checkout-error) !important;
    background:var(--rc-checkout-error-bg) !important;
    border:1px solid var(--rc-checkout-error-border) !important;
    border-radius:11px !important;
}

/* Error text and links must stay visible */
body.woocommerce-checkout .woocommerce-error li,
body.woocommerce-checkout .woocommerce-error a,
body.woocommerce-checkout .woocommerce-error strong,
body.woocommerce-checkout .woocommerce-error span{
    color:var(--rc-checkout-error) !important;
}

/* WooCommerce field validation message under inputs */
body.woocommerce-checkout .woocommerce-invalid .woocommerce-input-wrapper,
body.woocommerce-checkout .woocommerce-invalid-required-field .woocommerce-input-wrapper{
    color:var(--rc-checkout-error) !important;
}

body.woocommerce-checkout .woocommerce-invalid input.input-text,
body.woocommerce-checkout .woocommerce-invalid select,
body.woocommerce-checkout .woocommerce-invalid .select2-selection,
body.woocommerce-checkout .woocommerce-invalid-required-field input.input-text,
body.woocommerce-checkout .woocommerce-invalid-required-field select,
body.woocommerce-checkout .woocommerce-invalid-required-field .select2-selection{
    border-color:#dd8f8f !important;
    box-shadow:0 0 0 2px rgba(166,59,59,.05) !important;
}

/*
 * Woodmart/WooCommerce may inject validation text as:
 * .woocommerce-error, .wd-error, .error, .required-error, or <span>.
 * Ensure all common checkout error labels are dark/readable.
 */
body.woocommerce-checkout .wd-error,
body.woocommerce-checkout .error,
body.woocommerce-checkout .required-error,
body.woocommerce-checkout .woocommerce-invalid label,
body.woocommerce-checkout .woocommerce-invalid .required,
body.woocommerce-checkout .woocommerce-invalid-required-field label,
body.woocommerce-checkout .woocommerce-invalid-required-field .required{
    color:var(--rc-checkout-error) !important;
}

/* Inline notices sometimes inherit white from theme */
body.woocommerce-checkout .woocommerce-notice,
body.woocommerce-checkout .woocommerce-notice--error,
body.woocommerce-checkout .woocommerce-notice--error *,
body.woocommerce-checkout [class*="error"]{
    color:var(--rc-checkout-error) !important;
}

/* Preserve success/info colors */
body.woocommerce-checkout .woocommerce-message{
    color:#176a4d !important;
}

body.woocommerce-checkout .woocommerce-info{
    color:#315f74 !important;
}

/* Mobile typography */
@media(max-width:768px){
    body.woocommerce-checkout form.checkout,
    body.woocommerce-checkout #customer_details,
    body.woocommerce-checkout #order_review,
    body.woocommerce-checkout #payment,
    body.woocommerce-checkout .woocommerce-checkout-review-order,
    body.woocommerce-checkout form.checkout .form-row label,
    body.woocommerce-checkout form.checkout input.input-text,
    body.woocommerce-checkout form.checkout textarea,
    body.woocommerce-checkout form.checkout select,
    body.woocommerce-checkout .select2-selection__rendered,
    body.woocommerce-checkout #order_review table.shop_table th,
    body.woocommerce-checkout #order_review table.shop_table td,
    body.woocommerce-checkout #payment .payment_methods label,
    body.woocommerce-checkout #payment .payment_box,
    body.woocommerce-checkout .woocommerce-info,
    body.woocommerce-checkout .woocommerce-message,
    body.woocommerce-checkout .woocommerce-error{
        font-size:var(--rc-checkout-font-mobile) !important;
    }

    body.woocommerce-checkout .woocommerce-billing-fields > h3,
    body.woocommerce-checkout .woocommerce-shipping-fields > h3,
    body.woocommerce-checkout .woocommerce-additional-fields > h3,
    body.woocommerce-checkout #order_review_heading{
        font-size:14px !important;
    }
}


/* =========================================================
   v1.0.114 — larger checkout field text
   ========================================================= */

body.woocommerce-checkout form.checkout input.input-text,
body.woocommerce-checkout form.checkout textarea,
body.woocommerce-checkout form.checkout select,
body.woocommerce-checkout .select2-selection__rendered{
    font-size:12.5px !important;
}

body.woocommerce-checkout form.checkout input.input-text::placeholder,
body.woocommerce-checkout form.checkout textarea::placeholder{
    font-size:12px !important;
}

@media(max-width:768px){
    body.woocommerce-checkout form.checkout input.input-text,
    body.woocommerce-checkout form.checkout textarea,
    body.woocommerce-checkout form.checkout select,
    body.woocommerce-checkout .select2-selection__rendered{
        font-size:12px !important;
    }

    body.woocommerce-checkout form.checkout input.input-text::placeholder,
    body.woocommerce-checkout form.checkout textarea::placeholder{
        font-size:11.5px !important;
    }
}




/* =========================================================
   v1.0.120 — checkout cleanup: native titles only, zero generated content
   ========================================================= */

/*
 * ZERO pseudo-generated content for checkout headings.
 * Ronaro Club only styles real text already present in the DOM.
 */
body.woocommerce-checkout
.woocommerce-billing-fields > h3,
body.woocommerce-checkout
#order_review_heading,
body.woocommerce-checkout
#payment h3,
body.woocommerce-checkout
#payment .payment-title,
body.woocommerce-checkout
.payment-methods-title,
body.woocommerce-checkout
.checkout-payment-title{
    color:#173c30 !important;
    font-size:16px !important;
    font-weight:900 !important;
    line-height:1.55 !important;

    margin-top:0 !important;
    margin-bottom:18px !important;
    padding-bottom:9px !important;

    border-bottom:2px solid #087a55 !important;
    background:none !important;
}

/* Never create any visible pseudo content on those titles */
body.woocommerce-checkout
.woocommerce-billing-fields > h3::before,
body.woocommerce-checkout
.woocommerce-billing-fields > h3::after,
body.woocommerce-checkout
#order_review_heading::before,
body.woocommerce-checkout
#order_review_heading::after,
body.woocommerce-checkout
#payment h3::before,
body.woocommerce-checkout
#payment h3::after,
body.woocommerce-checkout
#payment .payment-title::before,
body.woocommerce-checkout
#payment .payment-title::after,
body.woocommerce-checkout
.payment-methods-title::before,
body.woocommerce-checkout
.payment-methods-title::after,
body.woocommerce-checkout
.checkout-payment-title::before,
body.woocommerce-checkout
.checkout-payment-title::after{
    content:none !important;
    display:none !important;
}

/*
 * Do not show Ronaro-added duplicate step/title wrappers.
 * Only hide wrappers if they are not the native WooCommerce H3.
 */
body.woocommerce-checkout
.ronaro-checkout-title,
body.woocommerce-checkout
.ronaro-checkout-step-title,
body.woocommerce-checkout
.ronaro-step-title{
    display:none !important;
}

/* Select2 spacing only */
body.woocommerce-checkout
.select2-container--default
.select2-selection--single{
    height:44px !important;
    min-height:44px !important;
    padding:0 !important;
    border:1px solid #dfe7e3 !important;
    border-radius:10px !important;
    background:#fff !important;
}

body.woocommerce-checkout
.select2-container--default
.select2-selection--single
.select2-selection__rendered{
    height:42px !important;
    line-height:42px !important;
    padding-right:15px !important;
    padding-left:42px !important;
    font-size:12.5px !important;
    text-align:right !important;
    direction:rtl !important;
    box-sizing:border-box !important;
}

body.woocommerce-checkout
.select2-container--default
.select2-selection--single
.select2-selection__arrow{
    left:11px !important;
    right:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    height:22px !important;
    width:22px !important;
}

body.woocommerce-checkout .select2-results__option{
    padding:10px 15px !important;
    font-size:12.5px !important;
    line-height:1.55 !important;
}

@media(max-width:768px){
    body.woocommerce-checkout
    .woocommerce-billing-fields > h3,
    body.woocommerce-checkout
    #order_review_heading,
    body.woocommerce-checkout
    #payment h3,
    body.woocommerce-checkout
    #payment .payment-title,
    body.woocommerce-checkout
    .payment-methods-title,
    body.woocommerce-checkout
    .checkout-payment-title{
        font-size:14.5px !important;
        margin-bottom:15px !important;
        padding-bottom:8px !important;
    }

    body.woocommerce-checkout
    .select2-container--default
    .select2-selection--single{
        height:43px !important;
        min-height:43px !important;
    }

    body.woocommerce-checkout
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered{
        height:41px !important;
        line-height:41px !important;
        padding-right:13px !important;
        padding-left:38px !important;
        font-size:12px !important;
    }
}




/* =========================================================
   v1.0.122 — restore wallet icon inside the blue wallet box
   ========================================================= */

/*
 * Checkout partial-wallet row:
 * keep the icon inside the existing blue box, on the right side.
 * No standalone icon outside the box.
 */
body.woocommerce-checkout tr.wallet-pay-partial > th{
    position:relative !important;
}

body.woocommerce-checkout tr.wallet-pay-partial > th > label{
    position:relative !important;

    display:flex !important;
    align-items:center !important;

    min-height:54px !important;

    padding-right:52px !important;
    padding-left:12px !important;

    box-sizing:border-box !important;
}

/* wallet icon container INSIDE the label */
body.woocommerce-checkout
tr.wallet-pay-partial
> th
> label::before{
    content:"" !important;

    position:absolute !important;
    right:12px !important;
    left:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;

    width:30px !important;
    height:30px !important;

    border-radius:8px !important;
    background-color:#e7f2ff !important;

    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:17px 17px !important;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231677d2' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 7V5a2 2 0 0 0-2-2H5a3 3 0 0 0 0 6h15v10a2 2 0 0 1-2 2H5a3 3 0 0 1-3-3V6'/%3E%3Cpath d='M16 13h4'/%3E%3Ccircle cx='16' cy='13' r='1'/%3E%3C/svg%3E") !important;
}

/*
 * Prevent any generic wallet pseudo icon from appearing beside/outside box.
 */
body.woocommerce-checkout
tr.wallet-pay-partial::before,
body.woocommerce-checkout
tr.wallet-pay-partial > th::before{
    content:none !important;
    display:none !important;
}

/* Mobile */
@media(max-width:768px){
    body.woocommerce-checkout
    tr.wallet-pay-partial
    > th
    > label{
        min-height:50px !important;
        padding-right:48px !important;
    }

    body.woocommerce-checkout
    tr.wallet-pay-partial
    > th
    > label::before{
        right:10px !important;
        width:28px !important;
        height:28px !important;
        background-size:16px 16px !important;
    }
}





/* =========================================================
   v1.0.124 — sticky add-to-cart ABOVE Woodmart mobile toolbar
   ========================================================= */

.ronaro-mobile-sticky-atc{
    display:none;
}

@media(max-width:768px){

    .ronaro-mobile-sticky-atc{
        position:fixed !important;
        right:0 !important;
        left:0 !important;

        /* Exact Woodmart toolbar height is calculated by JS */
        bottom:var(--ronaro-wd-toolbar-height, 55px) !important;

        z-index: 8500 !important;
        display:block !important;

        padding:8px 10px !important;

        background:rgba(255,255,255,.98) !important;
        border-top:1px solid #e4ebe7 !important;
        border-bottom:1px solid #e4ebe7 !important;
        box-shadow:0 -7px 22px rgba(24,55,41,.08) !important;

        backdrop-filter:blur(10px) !important;
        -webkit-backdrop-filter:blur(10px) !important;

        box-sizing:border-box !important;
    }

    .ronaro-mobile-sticky-atc__inner{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto auto !important;
        align-items:center !important;
        gap:7px !important;

        width:100% !important;
        max-width:100% !important;

        direction:rtl !important;
    }

    .ronaro-mobile-sticky-atc__meta{
        min-width:0 !important;
        overflow:hidden !important;
    }

    .ronaro-mobile-sticky-atc__name{
        overflow:hidden !important;
        white-space:nowrap !important;
        text-overflow:ellipsis !important;

        color:#26362e !important;
        font-size:9.5px !important;
        font-weight:850 !important;
        line-height:1.45 !important;
    }

    .ronaro-mobile-sticky-atc__price{
        margin-top:2px !important;

        color:#087a55 !important;
        font-size:10.5px !important;
        font-weight:900 !important;
        line-height:1.45 !important;
        white-space:nowrap !important;
    }

    .ronaro-mobile-sticky-atc__price del{
        display:none !important;
    }

    .ronaro-mobile-sticky-atc__price .woocommerce-Price-amount,
    .ronaro-mobile-sticky-atc__price .woocommerce-Price-currencySymbol{
        color:inherit !important;
    }

    .ronaro-mobile-sticky-atc__qty{
        display:flex !important;
        align-items:center !important;

        height:40px !important;

        border:1px solid #dfe7e3 !important;
        border-radius:9px !important;
        background:#fff !important;

        overflow:hidden !important;
        direction:ltr !important;
    }

    .ronaro-sticky-qty-btn{
        display:grid !important;
        place-items:center !important;

        width:30px !important;
        min-width:30px !important;
        height:38px !important;

        margin:0 !important;
        padding:0 !important;

        border:0 !important;
        background:#fff !important;
        color:#334139 !important;
        box-shadow:none !important;

        font-size:14px !important;
        font-weight:800 !important;
        line-height:1 !important;
    }

    .ronaro-sticky-qty-value{
        display:grid !important;
        place-items:center !important;

        min-width:22px !important;
        height:38px !important;

        color:#4d5d54 !important;
        font-size:10px !important;
        font-weight:850 !important;
    }

    .ronaro-mobile-sticky-atc__button{
        min-width:118px !important;
        height:40px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        margin:0 !important;
        padding:0 10px !important;

        border:0 !important;
        border-radius:9px !important;

        background:#087a55 !important;
        color:#fff !important;
        box-shadow:none !important;

        font-size:10px !important;
        font-weight:900 !important;
        white-space:nowrap !important;
    }

    .ronaro-mobile-sticky-atc__button:active{
        transform:scale(.98) !important;
    }
}

@media(max-width:390px){
    .ronaro-mobile-sticky-atc{
        padding-right:7px !important;
        padding-left:7px !important;
    }

    .ronaro-mobile-sticky-atc__inner{
        gap:5px !important;
    }

    .ronaro-mobile-sticky-atc__meta{
        display:none !important;
    }

    .ronaro-mobile-sticky-atc__inner{
        grid-template-columns:auto 1fr !important;
    }

    .ronaro-mobile-sticky-atc__button{
        width:100% !important;
        min-width:0 !important;
    }
}


/* =========================================================
   v1.0.125 — stacking order for mobile sticky ATC
   ========================================================= */

@media(max-width:768px){

    /*
     * Sticky purchase bar:
     * above regular page/mobile toolbar,
     * below Woodmart side menu, cart drawer and overlays.
     */
    .ronaro-mobile-sticky-atc{
        z-index:8500 !important;
    }

    /* Woodmart side drawers / mini-cart must always cover sticky ATC */
    .wd-side-hidden,
    .cart-widget-side,
    .mobile-nav,
    .wd-close-side,
    .wd-side-hidden.wd-opened,
    .cart-widget-side.wd-opened,
    .mobile-nav.wd-opened{
        z-index:10000 !important;
    }

    /* Overlay above sticky bar too */
    .wd-close-side{
        z-index:9999 !important;
    }
}


/* =========================================================
   v1.0.126 — show sticky ATC only after original buy box
   ========================================================= */

@media(max-width:768px){

    /*
     * Default state: hidden while user is above / inside the original
     * Elementor purchase block (.elementor-element-6555ee9).
     */
    .ronaro-mobile-sticky-atc{
        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;

        transform:translateY(12px) !important;

        transition:
            opacity .2s ease,
            transform .2s ease,
            visibility .2s ease !important;
    }

    /*
     * JS adds .is-visible only after the entire original purchase
     * block has scrolled above the viewport.
     */
    .ronaro-mobile-sticky-atc.is-visible{
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;

        transform:translateY(0) !important;
    }
}


/* =========================================================
   v1.0.127 — Woodmart mobile account menu polish
   ========================================================= */

@media(max-width:768px){

    /* Account parent item */
    .mobile-nav
    li.menu-item-account{
        margin:8px 10px 12px !important;
        border:1px solid #e2ebe6 !important;
        border-radius:13px !important;
        background:#fff !important;
        overflow:hidden !important;
        box-shadow:0 4px 14px rgba(24,55,41,.035) !important;
    }

    /* Main "حساب کاربری" button */
    .mobile-nav
    li.menu-item-account
    > a.woodmart-nav-link{
        position:relative !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;

        min-height:46px !important;

        margin:0 !important;
        padding:0 15px 0 44px !important;

        border:0 !important;
        background:#087a55 !important;

        color:#fff !important;
        font-size:12px !important;
        font-weight:850 !important;
        line-height:1.4 !important;

        text-decoration:none !important;
    }

    .mobile-nav
    li.menu-item-account
    > a.woodmart-nav-link:hover{
        background:#066848 !important;
        color:#fff !important;
    }

    /* Native Woodmart opener */
    .mobile-nav
    li.menu-item-account
    > .wd-nav-opener{
        position:absolute !important;
        left:0 !important;
        right:auto !important;
        top:0 !important;

        width:42px !important;
        height:46px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        border:0 !important;
        border-right:1px solid rgba(255,255,255,.18) !important;
        background:rgba(255,255,255,.06) !important;

        color:#fff !important;
        z-index:2 !important;
    }

    .mobile-nav
    li.menu-item-account
    > .wd-nav-opener::after{
        color:#fff !important;
        font-size:13px !important;
    }

    /* Submenu container */
    .mobile-nav
    li.menu-item-account
    > ul.wd-sub-menu{
        margin:0 !important;
        padding:7px 8px 8px !important;

        border:0 !important;
        background:#f8fbf9 !important;
        box-shadow:none !important;
    }

    /* Each account item */
    .mobile-nav
    li.menu-item-account
    > ul.wd-sub-menu
    > li{
        margin:0 0 4px !important;
        border:0 !important;
        background:transparent !important;
    }

    .mobile-nav
    li.menu-item-account
    > ul.wd-sub-menu
    > li:last-child{
        margin-bottom:0 !important;
    }

    /* Account links */
    .mobile-nav
    li.menu-item-account
    > ul.wd-sub-menu
    > li
    > a{
        position:relative !important;

        display:flex !important;
        align-items:center !important;

        min-height:38px !important;

        padding:0 12px !important;

        border:1px solid transparent !important;
        border-radius:9px !important;
        background:#fff !important;

        color:#506058 !important;
        font-size:10.5px !important;
        font-weight:650 !important;
        line-height:1.4 !important;

        box-shadow:none !important;
        text-decoration:none !important;

        transition:
            background .16s ease,
            border-color .16s ease,
            color .16s ease !important;
    }

    .mobile-nav
    li.menu-item-account
    > ul.wd-sub-menu
    > li
    > a:hover{
        border-color:#cfe2d8 !important;
        background:#f0f8f4 !important;
        color:#087a55 !important;
    }

    /* Current account page */
    .mobile-nav
    li.menu-item-account
    > ul.wd-sub-menu
    > li.is-active
    > a,
    .mobile-nav
    li.menu-item-account
    > ul.wd-sub-menu
    > li.current-menu-item
    > a,
    .mobile-nav
    li.menu-item-account
    > ul.wd-sub-menu
    > li[class*="woocommerce-MyAccount-navigation-link--"]
    > a[aria-current="page"]{
        border-color:#b8d8c9 !important;
        background:#edf7f2 !important;
        color:#087a55 !important;
        font-weight:850 !important;
    }

    /* Tiny green marker for each row */
    .mobile-nav
    li.menu-item-account
    > ul.wd-sub-menu
    > li
    > a::before{
        content:"" !important;

        width:5px !important;
        height:5px !important;
        min-width:5px !important;

        margin-left:8px !important;

        border-radius:50% !important;
        background:#b9c9c0 !important;
    }

    .mobile-nav
    li.menu-item-account
    > ul.wd-sub-menu
    > li
    > a:hover::before,
    .mobile-nav
    li.menu-item-account
    > ul.wd-sub-menu
    > li.is-active
    > a::before,
    .mobile-nav
    li.menu-item-account
    > ul.wd-sub-menu
    > li.current-menu-item
    > a::before{
        background:#087a55 !important;
    }

    /* Logout: subtle danger treatment */
    .mobile-nav
    li.menu-item-account
    > ul.wd-sub-menu
    > li.woocommerce-MyAccount-navigation-link--customer-logout{
        margin-top:7px !important;
        padding-top:7px !important;
        border-top:1px solid #e4ebe7 !important;
    }

    .mobile-nav
    li.menu-item-account
    > ul.wd-sub-menu
    > li.woocommerce-MyAccount-navigation-link--customer-logout
    > a{
        border-color:#f0dddd !important;
        background:#fff8f8 !important;
        color:#9d4c4c !important;
    }

    .mobile-nav
    li.menu-item-account
    > ul.wd-sub-menu
    > li.woocommerce-MyAccount-navigation-link--customer-logout
    > a::before{
        background:#cf8b8b !important;
    }

    .mobile-nav
    li.menu-item-account
    > ul.wd-sub-menu
    > li.woocommerce-MyAccount-navigation-link--customer-logout
    > a:hover{
        border-color:#e8caca !important;
        background:#fff2f2 !important;
        color:#a63b3b !important;
    }
}


/* =========================================================
   v1.0.128 — fix mobile account parent header alignment
   ========================================================= */

@media(max-width:768px){

    .mobile-nav
    li.menu-item-account{
        position:relative !important;

        width:auto !important;
        max-width:none !important;

        margin:8px 10px 12px !important;
        padding:0 !important;

        border-radius:13px !important;
        overflow:hidden !important;
    }

    /* Full-width parent button */
    .mobile-nav
    li.menu-item-account
    > a.woodmart-nav-link{
        position:relative !important;

        width:100% !important;
        min-height:48px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        margin:0 !important;
        padding:0 48px !important;

        border-radius:0 !important;
        background:#087a55 !important;

        color:#fff !important;
        font-size:12px !important;
        font-weight:850 !important;
        line-height:1.4 !important;

        box-sizing:border-box !important;
        text-align:center !important;
    }

    /*
     * Native account icon from Woodmart stays on the right.
     * Give it a stable position so it doesn't collide with text.
     */
    .mobile-nav
    li.menu-item-account
    > a.woodmart-nav-link::before{
        position:absolute !important;
        right:14px !important;
        left:auto !important;
        top:50% !important;
        transform:translateY(-50%) !important;

        margin:0 !important;
    }

    /* Opener fixed on the left */
    .mobile-nav
    li.menu-item-account
    > .wd-nav-opener{
        position:absolute !important;
        left:0 !important;
        right:auto !important;
        top:0 !important;

        width:42px !important;
        height:48px !important;

        margin:0 !important;
        padding:0 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        border:0 !important;
        border-right:1px solid rgba(255,255,255,.18) !important;

        background:rgba(255,255,255,.06) !important;
        color:#fff !important;

        box-sizing:border-box !important;
        z-index:3 !important;
    }

    .mobile-nav
    li.menu-item-account
    > .wd-nav-opener::after{
        margin:0 !important;
        color:#fff !important;
        font-size:12px !important;
    }

    /* Slightly more room when submenu is open */
    .mobile-nav
    li.menu-item-account
    > ul.wd-sub-menu{
        padding-top:8px !important;
    }
}


/* =========================================================
   v1.0.129 — account header radius + padding cleanup
   ========================================================= */

@media(max-width:768px){

    .mobile-nav
    li.menu-item-account{
        position:relative !important;

        margin:8px 10px 12px !important;
        padding:0 !important;

        border:0 !important;
        border-radius:12px !important;

        background:transparent !important;
        box-shadow:none !important;

        overflow:visible !important;
    }

    /* Main account button */
    .mobile-nav
    li.menu-item-account
    > a.woodmart-nav-link{
        position:relative !important;

        width:100% !important;
        min-height:44px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;

        margin:0 !important;

        /* room for account icon on right + opener on left */
        padding:0 42px 0 46px !important;

        border:0 !important;
        border-radius:10px !important;

        background:#087a55 !important;
        color:#fff !important;

        font-size:11.5px !important;
        font-weight:850 !important;
        line-height:1.4 !important;

        text-align:right !important;
        box-sizing:border-box !important;

        box-shadow:0 3px 10px rgba(8,122,85,.12) !important;
    }

    .mobile-nav
    li.menu-item-account
    > a.woodmart-nav-link:hover{
        background:#066848 !important;
        color:#fff !important;
    }

    /* Account icon on right */
    .mobile-nav
    li.menu-item-account
    > a.woodmart-nav-link::before{
        position:absolute !important;
        right:14px !important;
        left:auto !important;
        top:50% !important;

        transform:translateY(-50%) !important;

        margin:0 !important;
        padding:0 !important;
    }

    /* Opener becomes a compact inset button */
    .mobile-nav
    li.menu-item-account
    > .wd-nav-opener{
        position:absolute !important;

        left:5px !important;
        right:auto !important;
        top:5px !important;

        width:34px !important;
        height:34px !important;

        margin:0 !important;
        padding:0 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        border:1px solid rgba(255,255,255,.20) !important;
        border-radius:8px !important;

        background:rgba(255,255,255,.08) !important;
        color:#fff !important;

        box-sizing:border-box !important;
        z-index:3 !important;
    }

    .mobile-nav
    li.menu-item-account
    > .wd-nav-opener::after{
        margin:0 !important;
        color:#fff !important;
        font-size:11px !important;
    }

    /* Open state: keep only top corners rounded on header */
    .mobile-nav
    li.menu-item-account.opener-page
    > a.woodmart-nav-link{
        border-radius:10px !important;
    }

    /* Submenu separated cleanly from parent */
    .mobile-nav
    li.menu-item-account
    > ul.wd-sub-menu{
        margin-top:6px !important;
        padding:7px !important;

        border:1px solid #e3ebe7 !important;
        border-radius:10px !important;

        background:#f8fbf9 !important;
        overflow:hidden !important;
    }
}


/* =========================================================
   v1.0.130 — move mobile account opener inward
   ========================================================= */

@media(max-width:768px){

    /* Give a little more reserved space on the left */
    .mobile-nav
    li.menu-item-account
    > a.woodmart-nav-link{
        padding-left:52px !important;
    }

    /* Move arrow button away from the very left edge */
    .mobile-nav
    li.menu-item-account
    > .wd-nav-opener{
        left:9px !important;
        top:6px !important;

        width:32px !important;
        height:32px !important;

        border-radius:7px !important;

        background:rgba(255,255,255,.10) !important;
        border:1px solid rgba(255,255,255,.22) !important;
    }

    .mobile-nav
    li.menu-item-account
    > .wd-nav-opener::after{
        font-size:10px !important;
        margin:0 !important;
        transform:scale(.9) !important;
        transform-origin:center !important;
    }
}