/* =========================================================
   Sweet Box 2026 — woo.css
   עגלה, צ'קאאוט, חשבון, דף תודה — עיצוב על גבי המרקאפ
   הסטנדרטי של WooCommerce (עמיד לעדכונים).
   ========================================================= */

:root {
  --danger: #C0574F;
}

/* === HERO (כותרת העמוד) === */
.woo-hero {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px 24px;
  text-align: center;
}
.woo-hero h1 {
  font-size: clamp(34px, 5vw, 52px);
  font-weight: 900;
  color: var(--brown);
  letter-spacing: 0.5px;
  line-height: 1.1;
  margin-bottom: 12px;
}
.woo-hero p { font-size: 15px; color: var(--ink-soft); font-weight: 300; }

.woo-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px 80px;
}

/* === כפתורים גלובליים של ווקומרס === */
.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
button[name="apply_coupon"],
button[name="update_cart"] {
  background: white;
  border: 1.5px solid var(--blue-deep);
  color: var(--blue-deep);
  padding: 10px 18px;
  border-radius: 999px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.3s, color 0.3s, transform 0.2s;
}
.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover {
  background: var(--blue-deep);
  color: white;
}
.woocommerce .button:disabled { opacity: 0.5; cursor: default; }

.wc-proceed-to-checkout .checkout-button,
.woocommerce a.checkout-button,
#place_order,
.woocommerce .button.alt,
.woocommerce button.button.alt {
  display: block;
  width: 100%;
  background: var(--teal-accent);
  color: white;
  border: none;
  padding: 16px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 2px;
  text-align: center;
  cursor: pointer;
  transition: background 0.3s, transform 0.2s;
}
.wc-proceed-to-checkout .checkout-button:hover,
#place_order:hover,
.woocommerce .button.alt:hover {
  background: var(--brown);
  color: white;
  transform: translateY(-1px);
}

/* === עגלה — עיצוב הסקיצות === */
.woocommerce-cart .woo-content {
  max-width: 980px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.woocommerce-cart-form { display: contents; }

/* קלף הפריטים */
.cart-items-wrap {
  background: white;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 30px;
}
.cart-items-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
}
.cart-items-header h2 { font-size: 20px; font-weight: 700; color: var(--brown); }
.cart-items-header .count { font-size: 13px; color: var(--ink-whisper); }

.cart-item {
  display: grid;
  grid-template-columns: 96px 1fr auto auto;
  gap: 18px;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid var(--line);
  position: relative;
}
.cart-item:last-of-type { border-bottom: none; }
.cart-item .item-img {
  width: 96px;
  height: 96px;
  border-radius: 12px;
  overflow: hidden;
  background-color: var(--blue-soft);
}
.cart-item .item-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cart-item .item-info { min-width: 0; }
.cart-item .item-name { font-size: 17px; font-weight: 600; color: var(--brown); margin-bottom: 4px; }
.cart-item .item-name a { color: inherit; }
.cart-item .item-name a:hover { color: var(--blue-deep); }
.cart-item .item-meta { font-size: 13px; color: var(--ink-whisper); font-weight: 300; }
.cart-item .item-meta dl, .cart-item .item-meta dt, .cart-item .item-meta dd { display: inline; margin: 0; }
.cart-item .item-qty {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  overflow: hidden;
}
.cart-item .item-qty button {
  background: white;
  border: none;
  width: 32px;
  height: 32px;
  font-size: 16px;
  cursor: pointer;
  color: var(--brown);
  font-family: inherit;
  transition: background 0.2s;
}
.cart-item .item-qty button:hover { background: var(--blue-soft); }
.cart-item .item-qty input {
  width: 36px;
  text-align: center;
  border: none;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  color: var(--brown);
  background: white;
  -moz-appearance: textfield;
  appearance: textfield;
}
.cart-item .item-qty input::-webkit-outer-spin-button,
.cart-item .item-qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.cart-item .item-price {
  font-size: 18px;
  font-weight: 700;
  color: var(--brown);
  text-align: end;
  min-width: 80px;
}
.cart-item .remove-btn {
  position: absolute;
  top: 18px;
  inset-inline-end: 0;
  background: none;
  border: none;
  color: var(--ink-whisper);
  font-size: 15px;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: color 0.2s, background 0.2s;
  line-height: 1;
}
.cart-item .remove-btn:hover { color: var(--danger); background: #fce8e8; }

/* ברכה אישית */
.greeting-card {
  background: var(--blue-soft);
  border-radius: 16px;
  padding: 22px 26px;
}
.greeting-card label.toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  color: var(--brown);
}
.greeting-card label.toggle input { accent-color: var(--teal-accent); width: 18px; height: 18px; cursor: pointer; }
.greeting-card .gift-fields {
  display: none;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px dashed var(--blue-deep);
}
.greeting-card .gift-fields .field-row { margin-bottom: 12px; }
.greeting-card .gift-fields label {
  display: block;
  font-size: 13px;
  color: var(--brown);
  font-weight: 500;
  margin-bottom: 6px;
}
.greeting-card .gift-fields input[type=text],
.greeting-card .gift-fields textarea {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: white;
  font-family: inherit;
  font-size: 14px;
  transition: border-color 0.2s;
}
.greeting-card .gift-fields input:focus,
.greeting-card .gift-fields textarea:focus { outline: none; border-color: var(--blue-deep); }
.greeting-card .gift-fields textarea { min-height: 80px; resize: vertical; }
.greeting-card .char-counter { font-size: 12px; color: var(--ink-whisper); text-align: end; margin-top: 4px; }

/* פינוקים להוספה (cross-sells) */
.upsell {
  background: var(--blue-soft);
  border-radius: 18px;
  padding: 32px 30px;
}
.upsell-header { text-align: center; margin-bottom: 24px; }
.upsell-eyebrow {
  font-size: 12px;
  letter-spacing: 5px;
  color: var(--teal-accent);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.upsell h2 {
  font-size: clamp(22px, 3vw, 28px);
  font-weight: 800;
  color: var(--brown);
  letter-spacing: 0.3px;
  line-height: 1.2;
}
.upsell-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.upsell-card {
  background: white;
  border: 1px solid var(--line);
  border-radius: 16px;
  overflow: hidden;
  transition: transform 0.3s, box-shadow 0.3s;
  display: flex;
  flex-direction: column;
}
.upsell-card:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(0,0,0,0.06); }
.upsell-card .upsell-img { aspect-ratio: 1; background-color: var(--blue-soft); overflow: hidden; }
.upsell-card .upsell-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.upsell-card .upsell-info { padding: 18px 18px 20px; flex: 1; display: flex; flex-direction: column; }
.upsell-card .upsell-name { font-size: 15.5px; font-weight: 600; color: var(--brown); margin-bottom: 6px; line-height: 1.3; }
.upsell-card .upsell-desc { font-size: 12.5px; color: var(--ink-soft); font-weight: 300; margin-bottom: 14px; line-height: 1.5; flex: 1; }
.upsell-card .upsell-bottom { display: flex; justify-content: space-between; align-items: center; margin-top: auto; }
.upsell-card .upsell-price { font-size: 17px; font-weight: 700; color: var(--brown); }
.upsell-card .add-btn {
  background: var(--blue-deep);
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 999px;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.3s, transform 0.2s;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
}
.upsell-card .add-btn .plus { font-weight: 700; font-size: 14px; line-height: 1; }
.upsell-card .add-btn:hover { background: var(--brown); color: white; transform: translateY(-1px); }
.upsell-card .add-btn.added { opacity: 0.85; }

/* קלף סיכום */
.cart-summary {
  background: white;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 28px 30px;
}
.cart-summary h3 {
  font-size: 18px;
  font-weight: 700;
  color: var(--brown);
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
}
.cart-summary .summary-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  font-size: 14.5px;
  color: var(--ink-soft);
}
.cart-summary .summary-row strong { color: var(--brown); font-weight: 500; }
.cart-summary > .summary-row:first-of-type strong { font-size: 22px; font-weight: 700; }
.cart-summary > .summary-row:first-of-type {
  padding-bottom: 14px;
  border-bottom: 1px dashed var(--line);
  margin-bottom: 14px;
}
.cart-summary .summary-row.discount { color: var(--success, #6B8E5C); }
.cart-summary .summary-row.shipping-note { margin-bottom: 24px; }
.cart-summary .summary-row.shipping-note strong {
  font-size: 13px;
  font-weight: 300;
  color: var(--ink-soft);
}
.checkout-btn {
  width: 100%;
  background: var(--teal-accent);
  color: white;
  border: none;
  padding: 16px;
  border-radius: 999px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 2px;
  cursor: pointer;
  transition: background 0.3s, transform 0.2s;
  margin-bottom: 12px;
}
.checkout-btn:hover { background: var(--brown); transform: translateY(-1px); }
.continue-link {
  display: block;
  text-align: center;
  color: var(--blue-deep);
  font-size: 13px;
  text-decoration: underline;
  font-weight: 500;
}
.continue-link:hover { color: var(--brown); }
.cart-summary .trust-row {
  display: flex;
  justify-content: space-around;
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
}
.cart-summary .trust-cell {
  text-align: center;
  font-size: 11px;
  color: var(--ink-whisper);
  letter-spacing: 0.5px;
}
.cart-summary .trust-cell .ico { font-size: 18px; color: var(--blue-deep); display: block; margin-bottom: 4px; }

/* עגלה ריקה */
.empty-cart { text-align: center; padding: 40px 30px; }
.empty-cart .icon { color: var(--blue-deep); opacity: 0.4; margin-bottom: 20px; }
.empty-cart h3 { font-size: 22px; font-weight: 700; color: var(--brown); margin-bottom: 8px; }
.empty-cart p { font-size: 14px; color: var(--ink-soft); margin-bottom: 24px; }
.empty-cart .browse-btn {
  display: inline-block;
  background: var(--teal-accent);
  color: white;
  padding: 14px 30px;
  border-radius: 999px;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 2px;
  transition: background 0.3s, transform 0.2s;
}
.empty-cart .browse-btn:hover { background: var(--brown); transform: translateY(-1px); }

/* === צ'קאאוט — עיצוב הסקיצות === */

/* פס שלבים */
.steps-bar {
  max-width: 700px;
  margin: 0 auto 28px;
  padding: 0 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.steps-bar::before {
  content: '';
  position: absolute;
  top: 18px;
  left: 60px;
  right: 60px;
  height: 2px;
  background: var(--line);
  z-index: 0;
}
.steps-bar .step {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.steps-bar .step .circle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: white;
  border: 2px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  color: var(--ink-whisper);
}
.steps-bar .step.done .circle { background: var(--success, #6B8E5C); border-color: var(--success, #6B8E5C); color: white; }
.steps-bar .step.active .circle { background: var(--teal-accent); border-color: var(--teal-accent); color: white; }
.steps-bar .step .label { font-size: 12px; color: var(--ink-whisper); font-weight: 500; letter-spacing: 0.5px; }
.steps-bar .step.active .label, .steps-bar .step.done .label { color: var(--brown); }

/* פריסה ראשית */
.checkout-main {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 32px;
  align-items: start;
}
.checkout-main > * { min-width: 0; }
.form-side { min-width: 0; }
.field-grid > * { min-width: 0; }
.form-card { overflow-wrap: break-word; }
body.woocommerce-checkout { overflow-x: hidden; }

/* select2/selectWoo — לא חורג מרוחב המסך */
.woocommerce-checkout .select2-container { width: 100% !important; max-width: 100%; }
.select2-dropdown { max-width: calc(100vw - 32px); }
.select2-container--default .select2-selection--single .select2-selection__rendered { direction: rtl; text-align: right; }

/* קלפי טופס */
.form-card {
  background: white;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 28px 30px;
  margin-bottom: 20px;
}
.form-card h2 {
  font-size: 18px;
  font-weight: 700;
  color: var(--brown);
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.form-card h2 .step-num {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--blue-soft);
  color: var(--blue-deep);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  flex-shrink: 0;
}
.form-card .helper {
  font-size: 13px;
  color: var(--ink-whisper);
  margin-bottom: 22px;
  margin-inline-start: 36px;
  font-weight: 300;
}
.field-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 16px;
}
.field-grid > .form-row { width: 100%; }

/* מודול המשלוחים: איסוף עצמי, הערת קו, שדות מוסתרים */
.sb-hidden-field { display: none !important; }
.sb-checkbox-label,
.sb-row label.sb-checkbox-label,
.woocommerce form .form-row label.sb-checkbox-label {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 14.5px;
  font-weight: 500;
  color: var(--brown);
  margin-bottom: 0;
}
.sb-checkbox-label input[type=checkbox] {
  accent-color: var(--teal-accent);
  width: 18px;
  height: 18px;
  cursor: pointer;
  flex-shrink: 0;
}
.sb-pickup-row {
  background: var(--blue-soft);
  border-radius: 12px;
  padding: 14px 16px !important;
  margin-bottom: 18px;
}
.sb-area-note {
  background: var(--blue-soft);
  border-inline-start: 3px solid var(--blue-deep);
  border-radius: 10px;
  padding: 12px 16px;
  font-size: 13px;
  color: var(--ink-soft);
  line-height: 1.7;
  font-weight: 300;
  margin-bottom: 16px;
  max-width: 100%;
  overflow: hidden;
  overflow-wrap: break-word;
}
.sb-area-note p { margin: 0 0 6px; }
.sb-area-note p:last-child { margin-bottom: 0; }
/* תיאור הקו מגיע כ-HTML חופשי מהאדמין — מרסנים כל רכיב פנימי */
.sb-area-note * { max-width: 100% !important; }
.sb-area-note table { width: 100% !important; border-collapse: collapse; }
.sb-area-note hr { border: 0; border-top: 1px dashed var(--blue-deep); margin: 10px 0; }
.sb-area-note img { height: auto; }
.sb-field-error {
  display: block;
  margin-top: 6px;
  font-size: 12.5px;
  color: var(--danger);
  font-weight: 500;
}

/* תיבת "חשוב לדעת" */
.delivery-notes {
  background: var(--blue-soft);
  border-radius: 14px;
  padding: 20px 24px;
  margin-top: 20px;
}
.delivery-notes h4 {
  font-size: 14px;
  color: var(--brown);
  font-weight: 700;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.delivery-notes h4::before {
  content: 'ℹ';
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--blue-deep);
  color: white;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  flex-shrink: 0;
}
.delivery-notes p {
  font-size: 13px;
  color: var(--ink-soft);
  line-height: 1.7;
  font-weight: 300;
  margin-bottom: 6px;
}
.delivery-notes p:last-child { margin-bottom: 0; }

/* ברכה אישית בצ'קאאוט — אותו עיצוב כמו בעגלה */
.checkout-greeting { margin-bottom: 20px; }

/* קלף תשלום + כפתור */
.payment-card #payment { background: transparent; }
.back-link {
  display: block;
  text-align: center;
  color: var(--blue-deep);
  font-size: 13px;
  text-decoration: underline;
  font-weight: 500;
  margin-top: 4px;
}
.back-link:hover { color: var(--brown); }
.security-row {
  display: flex;
  justify-content: center;
  gap: 22px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
  font-size: 12px;
  color: var(--ink-whisper);
  flex-wrap: wrap;
}
.security-row .cell { display: inline-flex; align-items: center; gap: 6px; }
.security-row .lock { width: 14px; height: 14px; color: var(--success, #6B8E5C); }

/* סיכום הזמנה (aside) */
.order-summary {
  background: white;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 28px;
  position: sticky;
  top: 100px;
}
.order-summary h3 {
  font-size: 18px;
  font-weight: 700;
  color: var(--brown);
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.order-summary h3 .edit-link {
  font-size: 12px;
  color: var(--blue-deep);
  font-weight: 400;
  text-decoration: underline;
}

/* טבלת הסיכום — מוצגת כרשימה מעוצבת.
   איפוס גבולות עם !important כדי לבטל גם עיצובי טבלה של תוספים. */
.sb-review-order {
  width: 100%;
  border: 0 !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  background: transparent !important;
  table-layout: auto;
  margin: 0;
}
.sb-review-order tr { border: 0 !important; background: transparent !important; }
.sb-review-order td, .sb-review-order th {
  border: 0 !important;
  padding: 0;
  background: transparent !important;
  box-shadow: none !important;
}

.sb-review-order .sb-mini-item td { padding: 12px 0; border-bottom: 1px solid var(--line) !important; vertical-align: middle; }
.sb-mini-product { width: 99%; }
.sb-mini-product .sb-mini-flex { display: flex; align-items: center; gap: 12px; }
.sb-mini-product .mini-img {
  width: 56px;
  height: 56px;
  border-radius: 10px;
  background-color: var(--blue-soft);
  position: relative;
  flex-shrink: 0;
}
.sb-mini-product .mini-img img { width: 56px; height: 56px; object-fit: cover; border-radius: 10px; display: block; }
.sb-mini-product .mini-img .mini-qty {
  position: absolute;
  top: -6px;
  inset-inline-start: -6px;
  width: 22px;
  height: 22px;
  background: var(--brown);
  color: white;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sb-mini-product .mini-name { font-size: 13.5px; font-weight: 600; color: var(--brown); margin-bottom: 2px; line-height: 1.3; }
.sb-mini-product .mini-meta { font-size: 11.5px; color: var(--ink-whisper); font-weight: 300; }
.sb-mini-product .mini-meta dl, .sb-mini-product .mini-meta dt, .sb-mini-product .mini-meta dd { display: inline; margin: 0; }
.sb-mini-price { width: 1%; text-align: end; font-size: 14.5px; font-weight: 700; color: var(--brown); white-space: nowrap; padding-inline-start: 10px !important; }

/* פינוקים בתוך הסיכום */
.sb-upsell-tr > td { padding: 16px 0 4px; }
.checkout-upsell {
  padding: 14px 14px 12px;
  background: var(--blue-soft);
  border-radius: 12px;
}
.checkout-upsell .upsell-label {
  font-size: 12px;
  font-weight: 700;
  color: var(--teal-accent);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 10px;
  text-align: center;
}
.checkout-upsell .upsell-list { display: flex; flex-direction: column; gap: 8px; }
.checkout-upsell .upsell-row {
  display: grid;
  grid-template-columns: 38px 1fr auto;
  gap: 10px;
  align-items: center;
  background: white;
  border-radius: 10px;
  padding: 7px 10px 7px 7px;
}
.checkout-upsell .upsell-thumb {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background-color: var(--blue-soft);
  overflow: hidden;
}
.checkout-upsell .upsell-thumb img { width: 38px; height: 38px; object-fit: cover; display: block; }
.checkout-upsell .upsell-info { min-width: 0; }
.checkout-upsell .upsell-name {
  font-size: 12px;
  color: var(--brown);
  font-weight: 500;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.checkout-upsell .upsell-price-row { font-size: 11.5px; color: var(--ink-whisper); font-weight: 400; margin-top: 2px; }
.checkout-upsell .upsell-add {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: white;
  border: 1.5px solid var(--blue-deep);
  color: var(--blue-deep);
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.3s, color 0.3s, transform 0.2s;
  line-height: 1;
  font-family: inherit;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.checkout-upsell .upsell-add:hover { background: var(--blue-deep); color: white; transform: scale(1.05); }
.checkout-upsell .upsell-add.added { background: var(--success, #6B8E5C); color: white; border-color: var(--success, #6B8E5C); }

/* קופון בסיכום */
.sb-coupon-tr > td { padding: 16px 0; border-bottom: 1px dashed var(--line); }
.summary-coupon label { display: block; font-size: 12.5px; color: var(--brown); font-weight: 500; margin-bottom: 8px; }
.summary-coupon .coupon-row { display: flex; gap: 8px; }
.summary-coupon input {
  flex: 1;
  min-width: 0;
  padding: 10px 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: white;
  font-family: inherit;
  font-size: 13px;
}
.summary-coupon input:focus { outline: none; border-color: var(--blue-deep); }
.summary-coupon button {
  background: white;
  border: 1.5px solid var(--blue-deep);
  color: var(--blue-deep);
  padding: 9px 16px;
  border-radius: 8px;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
  white-space: nowrap;
}
.summary-coupon button:hover { background: var(--blue-deep); color: white; }
.summary-coupon button:disabled { opacity: 0.6; cursor: default; }

/* שורות סיכומים */
.sb-review-order tfoot th,
.sb-review-order tfoot td {
  padding: 12px 0 0;
  font-size: 14px;
  font-weight: 400;
  color: var(--ink-soft);
  text-align: start;
}
.sb-review-order tfoot td { text-align: end; color: var(--brown); font-weight: 500; white-space: nowrap; }
.sb-review-order .cart-discount td { color: var(--success, #6B8E5C); }
.sb-review-order .woocommerce-shipping-methods { list-style: none; margin: 0; padding: 0; font-size: 13px; }
.sb-review-order .woocommerce-shipping-methods li { margin-bottom: 4px; }
.sb-review-order .woocommerce-shipping-methods input[type=radio] { accent-color: var(--teal-accent); margin-inline-end: 4px; }
.sb-review-order .woocommerce-shipping-methods label { display: inline; font-weight: 500; color: var(--brown); }
.sb-review-order .woocommerce-shipping-totals td { font-size: 13.5px; }
.sb-review-order .woocommerce-shipping-destination,
.sb-review-order .woocommerce-shipping-calculator { display: none; }
.sb-review-order select { width: 100%; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; font-family: inherit; font-size: 13px; }
.sb-review-order .order-total th,
.sb-review-order .order-total td {
  padding-top: 18px;
  font-size: 16px;
  color: var(--brown);
  font-weight: 500;
}
.sb-review-order .order-total td { font-size: 24px; font-weight: 800; }
.sb-review-order .order-total th { vertical-align: bottom; }
.sb-review-order tfoot tr:first-child th,
.sb-review-order tfoot tr:first-child td { padding-top: 16px; }
.sb-review-order .order-total th, .sb-review-order .order-total td { border-top: 1px solid var(--line); margin-top: 6px; }

/* שדות טופס — form-row של ווקומרס + sb-row של שורות התבנית */
.sb-row { margin-bottom: 16px; padding: 0; display: block; }
.sb-row label {
  display: block;
  font-size: 13px;
  color: var(--brown);
  font-weight: 500;
  margin-bottom: 6px;
}
.sb-row .required { color: var(--danger); text-decoration: none; }
.sb-row .input-text,
.sb-row select {
  width: 100%;
  padding: 12px 14px;
  border: 1.5px solid var(--line);
  border-radius: 10px;
  background: white;
  font-family: inherit;
  font-size: 14.5px;
  color: var(--ink);
  transition: border-color 0.2s, background 0.2s;
}
.sb-row .input-text:focus,
.sb-row select:focus {
  outline: none;
  border-color: var(--blue-deep);
  background: #FBFEFE;
}

/* שדות החשבונית — נסתרים עד סימון, בלי תלות ב-JS או במיקום */
#sb-invoice-fields { display: none; }

/* ==== פריסת זוגות שדות בדסקטופ ====
   ווקומרס ממיין את השורות לפי priority, אז הסדר ב-DOM קבוע.
   ה-wrappers הם grid דו-עמודתי; ברירת המחדל שורה מלאה,
   ושדות מזווגים מקבלים חצי רוחב. floats של ווקומרס מנוטרלים ע"י הגריד. */
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
#sb-invoice-fields.open {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 16px;
  align-items: start;
}
.woocommerce-billing-fields__field-wrapper > *,
.woocommerce-shipping-fields__field-wrapper > *,
#sb-invoice-fields.open > * {
  grid-column: 1 / -1;
  width: 100% !important;
  float: none !important;
}
/* זוגות: שם פרטי|משפחה, אימייל|טלפון במזמין; שם|שם, רחוב|דירה בנמען */
#billing_first_name_field, #billing_last_name_field,
#billing_email_field, #billing_phone_field,
#shipping_first_name_field, #shipping_last_name_field,
#shipping_address_1_field, #shipping_address_2_field,
#billing_invoice_field, #billing_number_field {
  grid-column: auto;
}
/* "הפרטים זהים לנמען" מסתיר את הטלפון — האימייל שנשאר לבד תופס שורה מלאה */
#billing_email_field.sb-full-row { grid-column: 1 / -1; }

.woocommerce form .form-row { margin-bottom: 16px; padding: 0; }
.woocommerce form .form-row label {
  display: block;
  font-size: 13px;
  color: var(--brown);
  font-weight: 500;
  margin-bottom: 6px;
}
.woocommerce form .form-row .required { color: var(--danger); text-decoration: none; }
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1.5px solid var(--line);
  border-radius: 10px;
  background: white;
  font-family: inherit;
  font-size: 14.5px;
  color: var(--ink);
  transition: border-color 0.2s, background 0.2s;
}
.woocommerce form .form-row .input-text:focus,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row textarea:focus {
  outline: none;
  border-color: var(--blue-deep);
  background: #FBFEFE;
}
.woocommerce form .form-row textarea { min-height: 90px; resize: vertical; line-height: 1.6; }
.woocommerce form .form-row-first,
.woocommerce form .form-row-last { width: 48.5%; display: inline-block; }
.woocommerce form .form-row-first { float: right; }
.woocommerce form .form-row-last { float: left; }
.woocommerce form .form-row-wide { clear: both; }
.select2-container--default .select2-selection--single {
  height: auto;
  padding: 12px 14px;
  border: 1.5px solid var(--line);
  border-radius: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 1.4; padding: 0; }
.select2-container--default .select2-selection--single .select2-selection__arrow { top: 50%; transform: translateY(-50%); }

/* אמצעי תשלום */
.woocommerce-checkout #payment { background: transparent; border-radius: 0; }
.wc_payment_methods { list-style: none; margin: 18px 0; padding: 0; }
.wc_payment_method {
  border: 1.5px solid var(--line);
  border-radius: 12px;
  padding: 14px 16px;
  margin-bottom: 12px;
  transition: border-color 0.2s, background 0.2s;
}
.wc_payment_method:hover { border-color: var(--blue-deep); background: var(--blue-soft); }
.wc_payment_method label {
  font-weight: 600;
  font-size: 14.5px;
  color: var(--brown);
  cursor: pointer;
  display: inline;
}
.wc_payment_method input[type=radio] {
  accent-color: var(--teal-accent);
  width: 16px;
  height: 16px;
  margin-inline-end: 8px;
  cursor: pointer;
}
.wc_payment_method .payment_box {
  font-size: 12.5px;
  color: var(--ink-whisper);
  font-weight: 300;
  margin-top: 8px;
  padding: 10px 12px;
  background: var(--blue-soft);
  border-radius: 8px;
}
.woocommerce-privacy-policy-text { font-size: 12px; color: var(--ink-whisper); font-weight: 300; margin: 14px 0; }
#payment .place-order { padding: 0; margin-top: 16px; }

/* קופון בצ'קאאוט */
.woocommerce-form-coupon-toggle .woocommerce-info { border-inline-start-color: var(--teal-accent); }
.woocommerce-form-coupon {
  background: white;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 20px;
  margin-bottom: 20px;
}

/* === דף סיום הזמנה — עיצוב הסקיצות === */
body.woocommerce-order-received { background: #FAFAFB; }
.woocommerce-order-received .woo-content { padding-top: 0; }

.thanks-hero {
  text-align: center;
  padding: 120px 24px 36px;
  max-width: 760px;
  margin: 0 auto;
}
.admin-bar .thanks-hero { padding-top: 150px; }
.check-icon {
  width: 78px;
  height: 78px;
  border-radius: 50%;
  background: var(--success, #6B8E5C);
  color: white;
  font-size: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 22px;
  box-shadow: 0 14px 36px rgba(107, 142, 92, 0.32);
  animation: check-pop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
.check-icon.failed {
  background: var(--danger);
  box-shadow: 0 14px 36px rgba(192, 87, 79, 0.32);
}
@keyframes check-pop {
  from { transform: scale(0); }
  to { transform: scale(1); }
}
.thanks-hero h1 {
  font-size: clamp(40px, 6vw, 60px);
  font-weight: 900;
  color: var(--brown);
  letter-spacing: 0.5px;
  margin-bottom: 14px;
  line-height: 1.05;
}
.thanks-hero .hr-eyebrow {
  font-size: 12px;
  letter-spacing: 5px;
  color: var(--teal-accent);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 18px;
}
/* דף התודה של HR — עמוד רגיל (בלי breadcrumb), רקע רך כמו בסקיצה */
body.page-template-template-hr-thank-you { background: #FAFAFB; }
.page-template-template-hr-thank-you .thanks-main { max-width: 760px; margin: 0 auto; padding: 0 24px 60px; }
.thanks-hero .subtitle {
  font-size: 17px;
  color: var(--ink-soft);
  font-weight: 300;
  margin-bottom: 22px;
  line-height: 1.7;
}
.order-meta {
  display: inline-flex;
  gap: 14px;
  padding: 10px 22px;
  background: white;
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: 13px;
  color: var(--brown);
  align-items: center;
}
.order-meta strong { color: var(--teal-accent); font-weight: 700; }
.order-meta .sep { color: var(--ink-whisper); }

.thanks-main {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 0 30px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.thanks-main.no-order { padding-top: 120px; }
.thanks-card {
  background: white;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 26px 28px;
}
.thanks-card h2 {
  font-size: 17px;
  font-weight: 700;
  color: var(--brown);
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  gap: 10px;
}
.thanks-card h2::before {
  content: '◇';
  color: var(--blue-deep);
  font-size: 16px;
}

/* שורות פריטים */
.thanks-item {
  display: grid;
  grid-template-columns: 50px 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}
.thanks-item:last-of-type { border-bottom: none; padding-bottom: 16px; }
.thanks-item .thumb {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  overflow: hidden;
  background-color: var(--blue-soft);
}
.thanks-item .thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.thanks-item .info { min-width: 0; }
.thanks-item .name { font-size: 14.5px; font-weight: 600; color: var(--brown); margin-bottom: 2px; }
.thanks-item .meta { font-size: 12.5px; color: var(--ink-whisper); font-weight: 300; }
.thanks-item .price { font-size: 15px; font-weight: 700; color: var(--brown); }

/* סיכומים */
.thanks-totals { margin-top: 8px; padding-top: 16px; border-top: 2px solid var(--line); }
.thanks-totals .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: var(--ink-soft);
  margin-bottom: 8px;
}
.thanks-totals .row strong { color: var(--brown); font-weight: 500; }
.thanks-totals .row.total {
  font-size: 17px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}
.thanks-totals .row.total strong { font-size: 22px; font-weight: 800; color: var(--brown); }

/* שורות פרטי משלוח */
.info-row {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px dashed var(--line);
  font-size: 14px;
}
.info-row:last-of-type { border-bottom: none; }
.info-row .label { color: var(--ink-whisper); font-weight: 300; }
.info-row .value { color: var(--brown); font-weight: 500; }

/* קלף הרגעה */
.thanks-card.reassurance { background: var(--blue-soft); border-color: transparent; }
.thanks-card.reassurance h2 { border-bottom-color: rgba(91, 157, 181, 0.25); }
.thanks-card.reassurance h2::before { content: '♡'; color: var(--teal-accent); }
.thanks-card.reassurance p { font-size: 14.5px; color: var(--ink); line-height: 1.75; margin-bottom: 12px; }
.thanks-card.reassurance p:last-child { margin-bottom: 0; }

/* מה קורה עכשיו */
.thanks-card.next-steps ol { list-style: none; counter-reset: step; padding: 0; }
.thanks-card.next-steps li {
  counter-increment: step;
  position: relative;
  padding-inline-start: 42px;
  margin-bottom: 14px;
  font-size: 14.5px;
  color: var(--ink-soft);
  line-height: 1.6;
}
.thanks-card.next-steps li:last-child { margin-bottom: 0; }
.thanks-card.next-steps li::before {
  content: counter(step);
  position: absolute;
  inset-inline-start: 0;
  top: -2px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--teal-accent);
  color: white;
  font-weight: 700;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* פעולות מהירות */
.quick-actions {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 6px;
}
.quick-actions a {
  background: white;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 16px 12px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: var(--brown);
  transition: border-color 0.3s, transform 0.2s, color 0.3s;
}
.quick-actions a:hover {
  border-color: var(--blue-deep);
  color: var(--blue-deep);
  transform: translateY(-2px);
}
.quick-actions a .ico {
  display: block;
  font-size: 22px;
  color: var(--teal-accent);
  margin-bottom: 6px;
}

/* אין הזמנה */
.empty-order {
  text-align: center;
  padding: 60px 24px;
  background: white;
  border: 1px solid var(--line);
  border-radius: 16px;
}
.empty-order h2 { font-size: 24px; font-weight: 700; color: var(--brown); margin-bottom: 12px; }
.empty-order p { font-size: 15px; color: var(--ink-soft); margin-bottom: 24px; line-height: 1.7; }
.empty-order a {
  display: inline-block;
  background: var(--teal-accent);
  color: white;
  padding: 14px 28px;
  border-radius: 999px;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 2px;
  transition: background 0.3s, transform 0.2s;
}
.empty-order a:hover { background: var(--brown); transform: translateY(-1px); }

/* === חשבון: פירוט הזמנה (view-order) === */
.woocommerce-order {
  max-width: 860px;
  margin: 0 auto;
}
.woocommerce-thankyou-order-received {
  text-align: center;
  font-size: clamp(26px, 4vw, 38px);
  font-weight: 900;
  color: var(--brown);
  margin-bottom: 26px;
}
.woocommerce-order-overview {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
  background: white;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 22px 26px;
  margin: 0 0 26px;
}
.woocommerce-order-overview li {
  font-size: 13px;
  color: var(--ink-whisper);
  border: none;
  padding: 0 14px;
  border-inline-end: 1px solid var(--line);
}
.woocommerce-order-overview li:last-child { border-inline-end: none; }
.woocommerce-order-overview li strong {
  display: block;
  font-size: 15px;
  color: var(--brown);
  margin-top: 4px;
}
.woocommerce-order-details,
.woocommerce-customer-details {
  background: white;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 26px 30px;
  margin-bottom: 24px;
}
.woocommerce-order-details__title,
.woocommerce-column__title {
  font-size: 18px;
  font-weight: 700;
  color: var(--brown);
  margin-bottom: 16px;
}
.woocommerce-table--order-details {
  width: 100%;
  border: none;
  border-collapse: collapse;
}
.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
  padding: 12px 0;
  font-size: 14px;
  border: none;
  border-bottom: 1px solid var(--line);
  text-align: start;
  color: var(--ink-soft);
}
.woocommerce-table--order-details td { text-align: end; color: var(--brown); }
.woocommerce-customer-details address { border: none; padding: 0; font-style: normal; color: var(--ink-soft); line-height: 1.8; }

/* === חשבון משתמש === */
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 26px;
}
.woocommerce-MyAccount-navigation li a {
  display: inline-block;
  padding: 9px 18px;
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: 13px;
  color: var(--brown);
  transition: all 0.25s;
}
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover {
  background: var(--teal-accent);
  border-color: var(--teal-accent);
  color: white;
}
.woocommerce-MyAccount-content {
  background: white;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 26px 30px;
}

/* === RESPONSIVE === */
@media (max-width: 1000px) {
  .upsell-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 1000px) {
  .checkout-main { grid-template-columns: 1fr; }
  .order-summary { position: static; order: -1; margin-bottom: 4px; }
}
@media (max-width: 900px) {
  .woo-content { padding: 0 16px 50px; }
  .woo-hero { padding: 0 16px 16px; }
  .woocommerce form .form-row-first,
  .woocommerce form .form-row-last { width: 100%; float: none; display: block; }
  .woocommerce-order-overview { flex-direction: column; gap: 10px; }
  .woocommerce-order-overview li { border-inline-end: none; }
}
@media (max-width: 700px) {
  .steps-bar { padding: 0 18px; margin-bottom: 20px; }
  .checkout-main { gap: 22px; }
  .form-card { padding: 22px 20px; border-radius: 14px; }
  .field-grid { grid-template-columns: 1fr; }
  .order-summary { padding: 22px 20px; border-radius: 14px; }
  /* בנייד הכל נערם לעמודה אחת */
  .woocommerce-billing-fields__field-wrapper,
  .woocommerce-shipping-fields__field-wrapper,
  #sb-invoice-fields.open { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .thanks-hero { padding: 105px 0 26px; }
  .thanks-main.no-order { padding-top: 100px; }
  .check-icon { width: 64px; height: 64px; font-size: 30px; margin-bottom: 18px; }
  .order-meta { font-size: 12px; padding: 8px 16px; gap: 10px; }
  .thanks-main { gap: 14px; padding-bottom: 20px; }
  .thanks-card { padding: 22px 20px; border-radius: 14px; }
  .info-row { grid-template-columns: 90px 1fr; font-size: 13.5px; }
  .quick-actions { grid-template-columns: 1fr; gap: 8px; }
  .quick-actions a { padding: 12px; display: flex; align-items: center; justify-content: center; gap: 10px; }
  .quick-actions a .ico { display: inline-block; margin: 0; font-size: 18px; }
  .woocommerce-cart .woo-content { gap: 18px; padding-bottom: 50px; }
  .cart-items-wrap { padding: 22px 18px; border-radius: 14px; }
  .cart-item {
    grid-template-columns: 80px 1fr;
    gap: 14px;
    padding: 18px 0;
  }
  .cart-item .item-img { width: 80px; height: 80px; }
  .cart-item .item-qty {
    grid-column: 1 / -1;
    justify-self: start;
    margin-top: 4px;
  }
  .cart-item .item-price {
    grid-column: 2;
    text-align: start;
    font-size: 16px;
  }
  .cart-summary { padding: 22px 20px; border-radius: 14px; }
  .upsell { padding: 26px 22px; border-radius: 14px; }
  .upsell-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
}

/* ==== לוח תאריכים (jQuery UI datepicker) — order_date / pickup_date ====
   תאריכים חסומים מוצגים בלי קישור (span במקום a) — לא לחיצים בכלל. */
#order_date, #pickup_date { cursor: pointer; background: white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23554B41' stroke-width='1.8'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18'/%3E%3C/svg%3E") no-repeat left 14px center / 18px; }

#ui-datepicker-div.ui-datepicker {
  font-family: inherit;
  direction: rtl;
  width: 300px;
  max-width: calc(100vw - 32px);
  background: var(--paper);
  border: 1.5px solid var(--line);
  border-radius: 14px;
  box-shadow: 0 12px 32px rgba(26, 26, 31, 0.14);
  padding: 14px;
  z-index: 9999 !important;
}
.ui-datepicker .ui-datepicker-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.ui-datepicker .ui-datepicker-title {
  flex: 1;
  text-align: center;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--ink);
}
.ui-datepicker-prev, .ui-datepicker-next {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--brown);
  transition: background 0.2s;
}
.ui-datepicker-prev:hover, .ui-datepicker-next:hover { background: var(--blue-soft); }
.ui-datepicker-prev span, .ui-datepicker-next span { display: none; }
.ui-datepicker-prev::before { content: '\276F'; font-size: 15px; }
.ui-datepicker-next::before { content: '\276E'; font-size: 15px; }
.ui-datepicker-prev.ui-state-disabled, .ui-datepicker-next.ui-state-disabled { opacity: 0.25; cursor: default; pointer-events: none; }
.ui-datepicker table { width: 100%; border-collapse: collapse; }
.ui-datepicker th {
  font-size: 11.5px;
  font-weight: 500;
  color: var(--ink-whisper);
  padding: 6px 0;
  text-align: center;
}
.ui-datepicker td { text-align: center; padding: 2px; }
.ui-datepicker .ui-state-default {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin: 0 auto;
  border-radius: 50%;
  font-size: 13.5px;
  color: var(--ink);
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}
.ui-datepicker a.ui-state-default:hover { background: var(--blue-soft); color: var(--teal-accent); }
.ui-datepicker .ui-datepicker-today .ui-state-default { border: 1.5px solid var(--teal-accent); }
.ui-datepicker .ui-datepicker-current-day .ui-state-default { background: var(--teal-accent); color: #fff; }
/* תאריכים חסומים — span במקום a, לא לחיץ, מקווקו ומעומעם */
.ui-datepicker .ui-datepicker-unselectable .ui-state-default {
  color: var(--ink-whisper);
  opacity: 0.4;
  text-decoration: line-through;
  cursor: not-allowed;
}