/* Yotzot — upsell box + add-to-cart toast ONLY.
   The checkout page itself is rendered by the original Elementor widget; we do NOT
   override its styling here. Palette mirrors the Elementor design:
   teal #1A5C74 · dark teal #0E3D4E · gold #D0B07B · cream #FEF9F1 · font Rubik. */

:root{
  --yz-teal:#1A5C74; --yz-teal-dark:#0E3D4E; --yz-gold:#D0B07B;
  --yz-cream:#FEF9F1; --yz-font:'Rubik',-apple-system,Segoe UI,Arial,sans-serif;
}

/* ============================================================= *
 *  Upsell box
 * ============================================================= */
.yotzot-upsell-fragment{ display:block; }
.yotzot-upsell{
  margin:16px 0 24px; border-radius:16px; font-family:var(--yz-font);
  background:var(--yz-cream); border:1px solid var(--yz-gold);
  box-shadow:0 6px 20px rgba(26,92,116,.07); overflow:hidden;
  animation:yz-in .35s ease-out;
}
@keyframes yz-in{ from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} }
.yotzot-upsell__inner{ padding:18px; }
.yotzot-upsell__head{ text-align:center; margin-bottom:14px; }
.yotzot-upsell__sparkle{ font-size:22px; color:var(--yz-gold); margin-bottom:6px; }
.yotzot-upsell__title{ font-size:18px; font-weight:700; color:var(--yz-teal); margin:0 0 6px; line-height:1.35; }
.yotzot-upsell__sub{ font-size:14px; color:var(--yz-teal); margin:0; line-height:1.55; }
.yotzot-upsell__options{ display:grid; gap:10px; margin-top:8px; }
.yotzot-upsell__btn{
  display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:12px;
  width:100%; padding:14px 16px; border:1.5px solid var(--yz-gold); border-radius:12px;
  background:#fff; color:var(--yz-teal); font-family:var(--yz-font); font-size:15px;
  text-align:start; text-decoration:none; cursor:pointer;
  transition:transform .12s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
.yotzot-upsell__btn:hover{ border-color:var(--yz-teal); background:var(--yz-cream); box-shadow:0 4px 14px rgba(26,92,116,.15); transform:translateY(-1px); }
.yotzot-upsell__btn:active{ transform:translateY(0); }
.yotzot-upsell__btn:disabled,.yotzot-upsell__btn.is-loading{ opacity:.6; cursor:wait; }
.yotzot-upsell__btn-text{ display:flex; flex-direction:column; gap:4px; min-width:0; }
.yotzot-upsell__btn-label{ font-weight:700; font-size:16px; line-height:1.3; }
.yotzot-upsell__btn-badge{
  display:inline-block; width:max-content; font-size:12px; font-weight:600;
  color:#7a5a1e; background:#fbeed5; border:1px solid var(--yz-gold);
  padding:2px 8px; border-radius:999px; line-height:1.5;
}
.yotzot-upsell__btn-price{ display:flex; flex-direction:column; align-items:flex-end; gap:2px; white-space:nowrap; }
.yotzot-upsell__btn-price del{ color:#9aa7ad; font-size:13px; }
.yotzot-upsell__btn-price strong{ color:var(--yz-teal); font-size:18px; font-weight:800; }
.yotzot-upsell__btn-arrow{ font-size:22px; color:var(--yz-gold); transition:transform .15s ease; }
.yotzot-upsell__btn:hover .yotzot-upsell__btn-arrow{ transform:translateX(-4px); }
.yotzot-upsell__btn--full{ background:linear-gradient(180deg,#fff,#fffdf8); border-color:var(--yz-teal); }
.yotzot-upsell__hint{ margin:12px 0 0; text-align:center; font-size:12.5px; color:#8a7d63; }
.yotzot-upsell.is-loading{ opacity:.7; pointer-events:none; }
@media(max-width:480px){
  .yotzot-upsell__inner{ padding:16px 14px; }
  .yotzot-upsell__btn{ grid-template-columns:1fr; gap:8px; }
  .yotzot-upsell__btn-arrow{ display:none; }
  .yotzot-upsell__btn-price{ flex-direction:row-reverse; align-items:baseline; gap:8px; }
}

/* ============================================================= *
 *  Add-to-cart confirmation toast
 * ============================================================= */
.yotzot-toast{
  position:fixed; z-index:99999; left:50%; bottom:18px; transform:translate(-50%,120%);
  width:min(420px,calc(100vw - 24px)); background:#fff; border:1px solid var(--yz-gold);
  border-radius:16px; box-shadow:0 12px 40px rgba(26,92,116,.22); padding:16px 16px 14px;
  display:grid; grid-template-columns:auto 1fr; grid-template-areas:"check body" "actions actions";
  gap:6px 12px; direction:rtl; text-align:right; opacity:0; font-family:var(--yz-font);
  transition:transform .32s cubic-bezier(.22,1,.36,1), opacity .32s ease;
}
.yotzot-toast.is-in{ transform:translate(-50%,0); opacity:1; }
.yotzot-toast__check{ grid-area:check; width:34px; height:34px; border-radius:50%; background:var(--yz-teal); color:#fff; display:flex; align-items:center; justify-content:center; font-size:19px; font-weight:700; }
.yotzot-toast__body{ grid-area:body; min-width:0; }
.yotzot-toast__title{ font-size:16px; font-weight:800; color:var(--yz-teal); line-height:1.3; }
.yotzot-toast__msg{ font-size:13.5px; color:#4f6b75; margin-top:3px; line-height:1.5; }
.yotzot-toast__saved{ display:inline-block; margin-top:6px; font-size:12.5px; font-weight:700; color:#7a5a1e; background:#fbeed5; border:1px solid var(--yz-gold); border-radius:999px; padding:2px 10px; }
.yotzot-toast__actions{ grid-area:actions; display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:12px; }
.yotzot-toast__btn{ display:flex; align-items:center; justify-content:center; padding:11px 12px; border-radius:999px; font-size:14px; font-weight:700; cursor:pointer; text-decoration:none; border:0; font-family:var(--yz-font); transition:background .15s ease, transform .1s ease; }
.yotzot-toast__btn--primary{ background:var(--yz-teal); color:#fff; }
.yotzot-toast__btn--primary:hover{ background:var(--yz-teal-dark); }
.yotzot-toast__btn--ghost{ background:#fff; color:var(--yz-teal); border:1.5px solid var(--yz-gold); }
.yotzot-toast__btn--ghost:hover{ background:var(--yz-cream); }
.yotzot-toast__btn:active{ transform:translateY(1px); }
.yotzot-toast__close{ position:absolute; top:8px; left:10px; background:none; border:0; font-size:20px; line-height:1; color:#9aa7ad; cursor:pointer; padding:2px 6px; }
.yotzot-toast__close:hover{ color:var(--yz-teal); }
@media(max-width:480px){ .yotzot-toast{ bottom:10px; } }

/* remove-item control in the checkout order summary */
.yotzot-del{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-inline-start:10px;border-radius:50%;background:#fff;border:1.5px solid var(--yz-gold);color:var(--yz-teal) !important;font-size:19px;font-weight:700;line-height:1;text-decoration:none;vertical-align:middle;cursor:pointer;transition:all .15s ease}.yotzot-del:hover,.yotzot-del:focus{background:var(--yz-teal) !important;color:#fff !important;border-color:var(--yz-teal) !important}

/* Remove (×) control placed ABOVE the product name (RTL-aware, responsive) */
.woocommerce-checkout tr.cart_item td{position:relative;padding-top:46px;vertical-align:top}.woocommerce-checkout tr.cart_item td.product-name{padding-top:46px}.woocommerce-checkout tr.cart_item td.product-name .yotzot-del{position:absolute;top:9px;inset-inline-start:0;margin:0}@media(max-width:768px){.woocommerce-checkout tr.cart_item td{padding-top:42px}.woocommerce-checkout tr.cart_item td.product-name .yotzot-del{top:7px;width:26px;height:26px;font-size:18px}}

/* Mobile: prevent iOS Safari zoom-on-focus (font<16px) that causes horizontal scroll */
@media(max-width:768px){.woocommerce-checkout input.input-text,.woocommerce-checkout input[type="text"],.woocommerce-checkout input[type="email"],.woocommerce-checkout input[type="tel"],.woocommerce-checkout input[type="number"],.woocommerce-checkout textarea,.woocommerce-checkout select{font-size:16px !important}html,body.woocommerce-checkout{overflow-x:hidden;max-width:100%}}

/* Kill the theme's pink button:hover on the upsell buttons (esp. the <button> full-path) */
.yotzot-upsell__btn,.yotzot-upsell__btn--full{background:#fff !important;color:var(--yz-teal) !important}.yotzot-upsell__btn--full{background:linear-gradient(180deg,#fff,#fffdf8) !important}.yotzot-upsell__btn:hover,.yotzot-upsell__btn:focus,.yotzot-upsell__btn:active,.yotzot-upsell__btn--full:hover,.yotzot-upsell__btn--full:focus,.yotzot-upsell__btn--full:active{background:var(--yz-cream) !important;border-color:var(--yz-teal) !important;color:var(--yz-teal) !important;box-shadow:0 4px 14px rgba(26,92,116,.15) !important}
