/* eTree cart savings (uploads/etree-ui/cart.css), loaded on /cart/ and /checkout/ while switch 'cart' is on (etree-cart.php).
   Struck regular prices on the lines, the "Your savings" card after the order total, and the mini-cart line. The cart and
   checkout keep the theme's layout, so everything here is scoped to the ek- classes and carries its own copy of the site's
   tokens (forest, leaf-deep, muted, and the soft marigold of the sale marker on cards). */

@font-face{font-family:"E3 Serif";src:url("../etree-home3/f/source-serif-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

.ek-save,.ek-price,.ek-var,.ek-mini-save{--ek-forest:#154213;--ek-leaf:#3D6E05;--ek-text:#1E2A1C;--ek-muted:#55624F;--ek-sale:#FCEFC4;--ek-sale-ink:#5A4200;--ek-line:#EADFB8;--ek-card:#FFFBEC}

/* ---------- Line prices: the regular price struck beside the price charged ---------- */
.ek-price{font-variant-numeric:tabular-nums}
.ek-was{margin-right:5px;font-size:.88em;font-weight:400;color:var(--ek-muted);text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:rgba(85,98,79,.75);white-space:nowrap}
.ek-was .amount,.ek-was bdi{color:inherit!important;font-weight:400!important}
.ek-now{white-space:nowrap}
.ek-line-save{display:block;width:max-content;margin:5px 0 0 auto;padding:1px 8px;border-radius:999px;background:var(--ek-sale);color:var(--ek-sale-ink);font-size:12px;font-weight:700;line-height:18px;white-space:nowrap;text-align:center}
.ek-var{display:inline;font-size:13px;font-weight:400;line-height:1.35;color:var(--ek-muted)}
.ek-var::before{content:"";display:block;height:2px}

/* ---------- "Your savings": one full-width row after the order total ---------- */
tr.ek-save-row>td{padding:14px 0 4px!important;border:0!important;background:none!important;text-align:left!important}
tr.ek-save-row>td::before{display:none!important;content:none!important}
.ek-save{margin:0;padding:14px 16px 15px;border:1px solid var(--ek-line);border-radius:14px;background:var(--ek-card);color:var(--ek-text);font-size:14px;font-weight:400;line-height:1.45;text-align:left;text-transform:none;letter-spacing:0}
.ek-save p,.ek-save dl,.ek-save dt,.ek-save dd{margin:0!important;padding:0}
.ek-save,.ek-save *,.ek-line-save,.ek-var{text-transform:none!important;letter-spacing:0!important}
.ek-save-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.ek-save-title,.ek-save-sum{font-family:"E3 Serif",Georgia,"Times New Roman",serif;font-weight:600;font-size:19px;line-height:1.2;letter-spacing:-.01em;color:var(--ek-forest)}
.ek-save-sum{font-size:21px;white-space:nowrap;font-variant-numeric:tabular-nums}
.ek-save-sum .amount{color:inherit;font-weight:600}
.ek-save-rows{margin-top:8px!important}
.ek-save-rows>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:7px 0 0;margin-top:7px;border-top:1px dashed var(--ek-line)}
.ek-save-rows dt{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;font-weight:400;color:var(--ek-text)}
.ek-save-rows dt,.ek-save-rows dd{font-size:14px!important;line-height:1.4!important}
.ek-save-rows dt small{font-size:12.5px;color:var(--ek-muted)}
.ek-save-rows dd{font-weight:700;color:var(--ek-forest);white-space:nowrap;font-variant-numeric:tabular-nums}
.ek-save-rows .is-xfer dt,.ek-save-rows .is-xfer dd{color:var(--ek-leaf)}
.ek-save-rows .is-xfer dt small{color:var(--ek-leaf)}
.ek-ico{flex:0 0 auto;width:18px;height:18px;vertical-align:-3px;color:var(--ek-leaf)}
.ek-ico [opacity]{fill:#6AAF07;opacity:.4}
.ek-save-rows .ek-ico{align-self:center;margin-right:-2px}

/* The bank-transfer offer (another way to pay is chosen) */
.ek-offer{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--ek-line)}
.ek-save>.ek-offer:first-child{margin-top:0;padding-top:0;border-top:0}
.ek-offer>.ek-ico{width:22px;height:22px;margin-top:1px}
.ek-offer p{flex:1 1 180px;min-width:0;font-size:14px;line-height:1.45;color:var(--ek-leaf)}
.ek-offer p b{font-weight:700}
.ek-offer .amount{color:inherit;font-weight:700}
.ek-offer a{color:var(--ek-leaf)!important;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.ek-save .ek-switch{flex:1 0 100%;display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:2px 0 0!important;padding:0 18px!important;border:0!important;border-radius:999px!important;background:#fff!important;color:var(--ek-forest)!important;box-shadow:inset 0 0 0 1.5px rgba(21,66,19,.45)!important;font-family:inherit;font-size:15px!important;font-weight:700!important;line-height:1.2!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;transition:background-color .15s,color .15s}
.ek-save .ek-switch:hover{background:var(--ek-forest)!important;color:#fff!important;box-shadow:none!important}
.ek-save .ek-switch:focus-visible{outline:2px solid var(--ek-forest);outline-offset:2px}
.ek-save a:focus-visible{outline:2px solid var(--ek-forest);outline-offset:2px;border-radius:2px}

/* ---------- Mini cart (theme header, when the chrome is off) ---------- */
.ek-mini-save{margin:8px 0!important;padding:8px 10px;border-radius:10px;background:var(--ek-card);color:var(--ek-leaf);font-size:13px;line-height:1.4}

@media (min-width:850px){
  .ek-save{padding:16px 18px 17px}
  .ek-save-title{font-size:20px}
  .ek-save-sum{font-size:22px}
  .ek-save .ek-switch{flex:0 0 auto}
}
@media (prefers-reduced-motion:reduce){.ek-save .ek-switch{transition:none}}
@media (forced-colors:active){.ek-line-save,.ek-save{border:1px solid CanvasText}}
