/* Cart skin object "YadakifeyzNew": the release mini cart (template "default") in the yadakifeyz look.
   The header button keeps the site's look (square outlined button, green #basket icon, round badge). */
.yf-minicart {
    --ec-primary: #127f3e; --ec-primary-dark: #125d30; --ec-success: #03c051; --ec-line: #edf1ee; --ec-muted: #8a8f94;
    --ec-text: #1d1d1d; --ec-text-2: #4a4a4a; --ec-radius: 16px;
    position: relative; width: 100%; height: 100%; font-family: iranSite, iranyekan, Tahoma, sans-serif;
}
.yf-minicart .yf-mc-btn { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 12px; color: var(--accent-color, #03c051); text-decoration: none; }
.yf-minicart .yf-mc-btn svg { width: 20px; height: 20px; display: block; fill: var(--accent-color, #03c051); stroke: var(--accent-color, #03c051); }
.yf-minicart .yf-mc-badge { position: static; display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; margin: -16px 0 0 -6px; padding: 0; border: 0; border-radius: 50%; background: var(--accent-color, #03c051); color: #fff; font-size: 11px; font-weight: 700; line-height: 1; }
.yf-mc-label { display: none; }

/* the panel */
.yf-minicart .ec-minicart-pop { width: 380px; border-radius: 16px; border: 1px solid #e3ebe6; box-shadow: 0 12px 32px rgba(18, 93, 48, .16); overflow: hidden; text-align: start; white-space: normal; color: var(--ec-text); }
.yf-minicart .ec-minicart-head { padding: 14px 16px; font-size: 12px; color: var(--ec-muted); background: #f6faf7; }
.yf-minicart .ec-minicart-head .ec-link { color: var(--ec-primary) !important; font-weight: 700; }
.yf-minicart .ec-minicart-items { max-height: 330px; scrollbar-width: thin; scrollbar-color: #03c051 rgba(3, 192, 81, .08); }
.yf-minicart .ec-minicart-item { padding: 14px 16px; }
.yf-minicart .ec-minicart-item img { width: 72px; height: 72px; flex: 0 0 72px; border-radius: 12px; background: rgba(3, 192, 81, .06); padding: 4px; box-sizing: border-box; }
.yf-minicart .ec-minicart-item .ec-mc-name { color: var(--ec-text) !important; font-size: 13px; font-weight: 500; }
.yf-minicart .ec-mc-qty { border: 1px solid #d7e7dd; border-radius: 10px; display: inline-flex; align-items: center; padding: 0 4px; gap: 2px; background: #fff; }
.yf-minicart .ec-mc-qty button { border: 0; background: none; color: var(--ec-primary); cursor: pointer; border-radius: 8px; }
.yf-minicart .ec-mc-qty button:hover:not([disabled]) { background: rgba(3, 192, 81, .1); }
.yf-minicart .ec-mc-qty .ec-mc-del { color: #d32f2f; }
.yf-minicart .ec-mc-qty input { border: 0; text-align: center; background: none; color: var(--ec-text); font-family: inherit; -moz-appearance: textfield; }
.yf-minicart .ec-mc-qty input::-webkit-outer-spin-button, .yf-minicart .ec-mc-qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.yf-minicart .ec-mc-row b { color: var(--ec-primary-dark); font-size: 13px; }
.yf-minicart .ec-mc-ship .ec-mc-bar span { background: #03c051; }
.yf-minicart .ec-minicart-foot { flex-direction: column; align-items: stretch; gap: 12px; border-top: 1px solid var(--ec-line); background: #fff; }
.yf-minicart .ec-mc-total { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 8px; }
.yf-minicart .ec-mc-total b { color: var(--ec-primary-dark); font-size: 16px; }
.yf-minicart .yf-mc-btns { display: flex; gap: 8px; }
.yf-minicart .yf-mc-btns .ec-btn { flex: 1 1 0; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; font-size: 13px; font-weight: 700; text-decoration: none; border: 1px solid var(--ec-primary); }
.yf-minicart .yf-mc-btns .yf-mc-order { background: var(--ec-primary); color: #fff !important; }
.yf-minicart .yf-mc-btns .yf-mc-order:hover { background: var(--ec-primary-dark); }
.yf-minicart .yf-mc-btns .yf-mc-view { background: #fff; color: var(--ec-primary) !important; }
.yf-minicart .yf-mc-btns .yf-mc-view:hover { background: rgba(3, 192, 81, .08); }
.yf-minicart .ec-minicart-empty { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 28px 16px; color: var(--ec-muted); font-size: 13px; }
.yf-minicart .ec-minicart-empty svg { width: 40px; height: 40px; fill: #b9d8c4; stroke: #b9d8c4; }

/* phones: the cart sits in the fixed bottom bar; the panel opens as a sheet above that bar (tap toggles it) */
@media (max-width: 992px) {
    .yf-minicart .yf-mc-btn { flex-direction: row; }
    .yf-minicart .yf-mc-btn svg { fill: #313131; stroke: #313131; }
    .yf-mc-label { display: flex; }
    .yf-minicart .ec-minicart-pop { position: fixed; top: auto; bottom: 96px; left: 8px; right: 8px; inset-inline: 8px; width: auto; max-width: none; z-index: 2000; }
    .yf-minicart .ec-minicart-pop::before { display: none; }
    .yf-minicart:hover .ec-minicart-pop { display: none; }
    .yf-minicart.ec-open .ec-minicart-pop { display: block; }
    .yf-minicart .ec-minicart-items { max-height: 45vh; }
    /* the bar is its own layer: lift it over floating page buttons while the sheet is open */
    .mobile-header:has(.yf-minicart.ec-open), .mobile-header .header-mobile-bottom:has(.yf-minicart.ec-open) { z-index: 100001 !important; }
}

.yf-minicart .yf-mc-btns { display: block; }
.yf-minicart .yf-mc-btns .yf-mc-order { display: block; width: 100%; text-align: center; }
.yf-minicart .yf-mc-btns .yf-mc-order { display: flex !important; align-items: center; justify-content: center; text-align: center; }