/* ============================================================
   carmitart - הסל, הקופה ועמוד התודה של וורדפרס
   מוחל דרך התוסף Head & Footer Code, ולכן הקובץ הזה הוא
   מקור-האמת: מה שיושב באתר חייב להיות זהה למה שכאן.

   🚨 למה הקובץ הזה קיים: מ-18.10.2026 האסטרו מגיש את www
   והוורדפרס נשאר רק על shop עם הסל, הקופה והחשבון. הגולשת
   עוברת מדף מוצר מעוצב אל קופה בשפה חזותית אחרת לגמרי,
   בדיוק ברגע שבו היא מוציאה כסף.

   כל הכללים מתוחמים לשלושת הדפים האלה בלבד. שאר האתר לא נוגע.
   ============================================================ */

@import url("https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;500;600;700&family=Frank+Ruhl+Libre:wght@500;700&display=swap");

/* ---------- 0. אסימוני העיצוב של האתר החדש ---------- */
/* הועתקו מ-src/styles של האסטרו. אם משנים שם - לעדכן כאן. */
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-order-received {
  --ca-bg: #ffffff;
  --ca-ink: #201f1c;
  --ca-line: #e7e2d8;
  --ca-soft: #726c62;
  --ca-rust: #8a4a38;
  --ca-rust2: #6f3a2c;
  --ca-btn: #d9c7ae;
  --ca-btn-on: #201f1c;
  --ca-btn-edge: #9a8663;
  --ca-r: 10px;
  --ca-r-lg: 14px;
  --ca-f: "Assistant", system-ui, sans-serif;
  --ca-f-ser: "Frank Ruhl Libre", Georgia, serif;
}

/* ---------- 1. טיפוגרפיה ---------- */
/* 🔑 rem ולא px: כל עוד ל-html אין font-size, מי שהגדילה גופן
   בהגדרות הדפדפן רואה את השינוי. px דורס אותה בשקט. */
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-order-received {
  font-family: var(--ca-f);
  color: var(--ca-ink);
  font-size: 1rem;
  line-height: 1.6;
}
body.woocommerce-cart h1,
body.woocommerce-cart h2,
body.woocommerce-cart h3,
body.woocommerce-checkout h1,
body.woocommerce-checkout h2,
body.woocommerce-checkout h3,
body.woocommerce-order-received h1,
body.woocommerce-order-received h2,
body.woocommerce-order-received h3 {
  font-family: var(--ca-f-ser);
  color: var(--ca-ink);
  font-weight: 700;
  letter-spacing: -0.01em;
  text-wrap: balance;
}

/* ---------- 2. שדות טופס ---------- */
body.woocommerce-cart .woocommerce input[type="text"],
body.woocommerce-cart .woocommerce input[type="email"],
body.woocommerce-cart .woocommerce input[type="tel"],
body.woocommerce-checkout .woocommerce input[type="text"],
body.woocommerce-checkout .woocommerce input[type="email"],
body.woocommerce-checkout .woocommerce input[type="tel"],
body.woocommerce-checkout .woocommerce textarea {
  font-family: var(--ca-f);
  font-size: 1rem;
  color: var(--ca-ink);
  background: var(--ca-bg);
  border: 1px solid var(--ca-line);
  border-radius: var(--ca-r);
  padding: 11px 14px;
  min-height: 46px;
  box-shadow: none;
  transition: border-color 0.18s, box-shadow 0.18s;
}
body.woocommerce-cart .woocommerce input:focus-visible,
body.woocommerce-checkout .woocommerce input:focus-visible,
body.woocommerce-checkout .woocommerce textarea:focus-visible {
  outline: none;
  border-color: var(--ca-rust);
  /* 🔑 מספיק בולט כדי לעמוד ב-1.4.11, לא רק "נראה טוב" */
  box-shadow: 0 0 0 3px rgba(138, 74, 56, 0.18);
}
body.woocommerce-checkout .woocommerce label {
  color: var(--ca-soft);
  font-size: 0.94rem;
}

/* ---------- 3. כפתורים ---------- */
body.woocommerce-cart .woocommerce a.button,
body.woocommerce-cart .woocommerce button.button,
body.woocommerce-checkout .woocommerce a.button,
body.woocommerce-checkout .woocommerce button.button,
body.woocommerce-order-received .woocommerce a.button {
  font-family: var(--ca-f);
  font-weight: 600;
  font-size: 1rem;
  border-radius: var(--ca-r);
  border: 1px solid var(--ca-btn-edge);
  background: var(--ca-btn);
  color: var(--ca-btn-on);
  padding: 12px 22px;
  transition: background 0.2s, transform 0.2s;
}
body.woocommerce-cart .woocommerce a.button:hover,
body.woocommerce-cart .woocommerce button.button:hover,
body.woocommerce-checkout .woocommerce a.button:hover,
body.woocommerce-checkout .woocommerce button.button:hover {
  background: #c9b396;
  transform: translateY(-1px);
}

/* ============================================================
   הסל
   ============================================================ */

body.woocommerce-cart .woocommerce-cart-form__contents {
  border: 1px solid var(--ca-line);
  border-radius: var(--ca-r-lg);
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}
body.woocommerce-cart .woocommerce-cart-form__contents th {
  background: #faf8f4;
  font-family: var(--ca-f);
  font-weight: 600;
  color: var(--ca-soft);
  font-size: 0.9rem;
  border: 0;
  padding: 12px 14px;
}
body.woocommerce-cart .woocommerce-cart-form__contents td {
  border: 0;
  border-block-start: 1px solid var(--ca-line);
  padding: 16px 14px;
  vertical-align: middle;
}
body.woocommerce-cart .woocommerce-cart-form__contents td.product-thumbnail img {
  width: 76px;
  height: 76px;
  object-fit: cover;
  border-radius: var(--ca-r);
}
body.woocommerce-cart .woocommerce-cart-form__contents td.product-name a {
  color: var(--ca-ink);
  font-weight: 600;
  text-decoration: none;
}
body.woocommerce-cart .woocommerce-cart-form__contents td.product-name a:hover {
  color: var(--ca-rust);
}

/* סיכום הסל כקלף, באותה שפה של סיכום ההזמנה בקופה */
body.woocommerce-cart .cart_totals {
  border: 1px solid var(--ca-line);
  border-radius: var(--ca-r-lg);
  padding: 20px 22px;
  background: var(--ca-bg);
}
body.woocommerce-cart .cart_totals table {
  border: 0;
}
body.woocommerce-cart .cart_totals th,
body.woocommerce-cart .cart_totals td {
  border: 0;
  border-block-end: 1px solid var(--ca-line);
  padding: 11px 0;
}
body.woocommerce-cart .cart_totals tr.order-total th,
body.woocommerce-cart .cart_totals tr.order-total td {
  border-block-end: 0;
  font-size: 1.15rem;
  font-weight: 700;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  display: block;
  text-align: center;
  background: var(--ca-rust);
  border-color: var(--ca-rust2);
  color: #fff;
  font-size: 1.05rem;
  padding: 14px 24px;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  background: var(--ca-rust2);
}

/* ============================================================
   עמוד התודה
   ============================================================ */

/* 🔑 זה הרגע עם האמון הגבוה ביותר בכל המסע. הדף היה 2,293px
   שמתוכם 1,078 פוטר, עם "תודה. ההזמנה התקבלה" ותו לא. */
body.woocommerce-order-received .woocommerce-notice--success {
  background: #faf8f4;
  border: 1px solid var(--ca-line);
  border-inline-start: 4px solid var(--ca-rust);
  border-radius: var(--ca-r-lg);
  padding: 20px 22px;
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--ca-ink);
}
body.woocommerce-order-received .woocommerce-order-overview {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 28px;
  list-style: none;
  margin: 20px 0;
  padding: 18px 22px;
  border: 1px solid var(--ca-line);
  border-radius: var(--ca-r-lg);
}
body.woocommerce-order-received .woocommerce-order-overview li {
  border: 0;
  padding: 0;
  color: var(--ca-soft);
  font-size: 0.92rem;
  text-transform: none;
}
body.woocommerce-order-received .woocommerce-order-overview li strong {
  display: block;
  color: var(--ca-ink);
  font-size: 1.05rem;
  font-weight: 700;
}
body.woocommerce-order-received table.woocommerce-table--order-details {
  border: 1px solid var(--ca-line);
  border-radius: var(--ca-r-lg);
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}
body.woocommerce-order-received table.woocommerce-table--order-details th,
body.woocommerce-order-received table.woocommerce-table--order-details td {
  border: 0;
  border-block-start: 1px solid var(--ca-line);
  padding: 13px 14px;
}

/* ============================================================
   הפוטר: זהה לאתר החדש

   אייל, 18.10.2026: "אני רוצה שהפוטר של הסל קניות ושל הקופה יראה
   אותו דבר בדיוק כמו של האתר בצד של אסטרו".

   הפוטר של אלמנטור יורד לגמרי בשלושת הדפים, ובמקומו מוזרק #ca-foot -
   אותו מבנה ואותם כללים כמו Footer.astro, מתוחמים ל-#ca-foot כדי
   שלא ידלפו לשאר הוורדפרס.

   🪤 הקישורים במבנה המוזרק הם **מוחלטים ל-www**. קישור יחסי היה
   מצביע לדף שלא קיים ב-shop, כלומר 64 קישורים שבורים בשקט.
   ============================================================ */

body.woocommerce-cart footer.elementor-location-footer,
body.woocommerce-checkout footer.elementor-location-footer,
body.woocommerce-order-received footer.elementor-location-footer {
  display: none !important;
}

/* ברירת המחדל: מוסתר. הפוטר מוזרק בכל דף של וורדפרס (שדה sitewide של
   התוסף), ורק שלושת הדפים האלה מציגים אותו. */
#ca-foot {
  display: none;
}
body.woocommerce-cart #ca-foot,
body.woocommerce-checkout #ca-foot,
body.woocommerce-order-received #ca-foot {
  display: flex;
}

#ca-foot {
  --r: 10px;
  --f-ser: "Frank Ruhl Libre", Georgia, serif;
  --f-body: "Assistant", system-ui, sans-serif;
  --btn: #d9c7ae;
  --btn-on: #201f1c;
  --btn-edge: #9a8663;
  --btn-hover: #c9b396;
  --rust: #8a4a38;

  font-family: var(--f-body);
  background: #201f1c;
  color: #e8e4da;
  min-height: 100svh;
  flex-direction: column;
  justify-content: center;
  padding-block: 70px 36px;
  border-radius: var(--r) var(--r) 0 0;
  text-align: start;
}

#ca-foot .wrap {
  max-width: 1400px;
  margin-inline: auto;
  padding-inline: clamp(16px, 3.5vw, 48px);
  width: 100%;
}

/* 🪤 אלמנטור צובע קישורים גלובלית. בלי ההצהרות המפורשות האלה חצי
   מהפוטר היה מקבל את צבע הקישור של ערכת הנושא ונעלם על הרקע הכהה. */
#ca-foot a {
  text-decoration: none;
  transition: color 0.2s, background 0.2s;
}
#ca-foot h2,
#ca-foot h3,
#ca-foot p,
#ca-foot ul,
#ca-foot li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#ca-foot .eyebrow {
  font-size: 13px;
  font-weight: 600;
  display: block;
  color: #d9a284;
}

#ca-foot .pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #f4f0e6;
  color: #201f1c;
  border: 1px solid var(--btn-edge);
  font-weight: 700;
  font-size: 14px;
  padding: 11px 8px 11px 20px;
  border-radius: 100px;
  transition: 0.3s;
}
#ca-foot .pill:hover {
  background: #fff;
}
#ca-foot .pill .c {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #8a4a38;
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 15px;
}

#ca-foot .foot-cta {
  text-align: center;
  max-width: 640px;
  margin: 0 auto clamp(50px, 6vw, 72px);
}
#ca-foot .foot-cta h2 {
  font-family: var(--f-ser);
  font-size: clamp(30px, 4.4vw, 52px);
  color: #f4f0e6;
  margin-block-start: 10px;
  line-height: 1.15;
}
#ca-foot .foot-cta p {
  color: rgba(232, 228, 218, 0.8);
  margin: 16px auto 28px;
}

#ca-foot .foot-grid {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
  border-block-start: 1px solid rgba(255, 255, 255, 0.12);
  padding-block-start: 44px;
}
#ca-foot .foot-brand {
  max-width: 30ch;
}
#ca-foot .brand-name {
  font-family: var(--f-ser);
  font-weight: 700;
  font-size: 24px;
  color: #f4f0e6;
}
#ca-foot .brand-name sup {
  font-size: 11px;
  color: #d9a284;
}
#ca-foot .foot-brand p {
  color: rgba(232, 228, 218, 0.75);
  font-size: 14.5px;
  margin-block-start: 12px;
}
#ca-foot .foot-cols {
  display: flex;
  gap: 56px;
  flex-wrap: wrap;
}
#ca-foot .foot-cols h3 {
  font-family: var(--f-body);
  font-size: 12.5px;
  color: #9a9184;
  margin: 0 0 14px;
  font-weight: 700;
}
#ca-foot .foot-cols h3 a {
  color: inherit;
}
#ca-foot .foot-cols a {
  display: block;
  color: rgba(232, 228, 218, 0.8);
  font-size: 14px;
  margin-block-end: 9px;
}
#ca-foot .foot-cols a:hover {
  color: #fff;
}

/* שורת המדריכים: גובה מינימלי 28px כדי לעמוד ב-2.5.8 גם בשורה שנשברת,
   ו-0.82 אלפא נותן 7.6:1 על רקע הפוטר. */
#ca-foot .foot-guides {
  border-block-start: 1px solid rgba(255, 255, 255, 0.12);
  margin-block-start: clamp(34px, 4vw, 50px);
  padding-block-start: 26px;
}
#ca-foot .foot-guides h3 {
  font-family: var(--f-body);
  font-size: 12.5px;
  color: #9a9184;
  margin: 0 0 12px;
  font-weight: 700;
}
#ca-foot .foot-guides ul {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
}
#ca-foot .foot-guides a {
  display: flex;
  align-items: center;
  min-block-size: 28px;
  padding: 2px 12px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 100px;
  color: rgba(232, 228, 218, 0.82);
  font-size: 13.5px;
}
#ca-foot .foot-guides a:hover {
  color: #201f1c;
  background: #e8e4da;
  border-color: #e8e4da;
}

#ca-foot .foot-bar {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-block-start: 44px;
  font-size: 12.5px;
  color: rgba(232, 228, 218, 0.7);
}
#ca-foot .foot-bar a {
  color: #d9a284;
  font-weight: 700;
  letter-spacing: 0.04em;
}
#ca-foot .foot-bar a:hover {
  color: #fff;
}

@media (max-width: 860px) {
  #ca-foot {
    min-height: 0;
  }
}
@media (max-width: 560px) {
  #ca-foot {
    padding-block-end: 100px;
  }
  #ca-foot .foot-bar {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
  }
}

/* ============================================================
   הקופה - הפריסה
   נכתב 13.10.2026 על בסיס ה-DOM האמיתי: form.checkout מכיל
   שלושה אחים ישירים (#customer_details, h3#order_review_heading,
   #order_review) ולכן אפשר לסדר אותם בגריד בלי לגעת ב-HTML.
   ============================================================ */

/* ---------- 1. פריסה: טופס מימין, סיכום דביק משמאל ---------- */
body.woocommerce-checkout form.checkout.woocommerce-checkout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  grid-template-areas: "details heading" "details review";
  grid-template-rows: auto 1fr;
  column-gap: 36px;
  row-gap: 0;
  align-items: start;
}
body.woocommerce-checkout #customer_details { grid-area: details; }
body.woocommerce-checkout #order_review_heading { grid-area: heading; margin-block: 0 14px; }
body.woocommerce-checkout #order_review {
  grid-area: review;
  position: sticky;
  top: 24px;
  border: 1px solid #E6E1D8;
  border-radius: 14px;
  padding: 20px 22px;
  background: #fff;
}

/* 🪤 מתחת ל-900px הגריד חייב לקרוס לטור אחד, אחרת הסיכום נדחס
   לרוחב בלתי שמיש. `position: sticky` יורד איתו - פס דביק בנייד
   צריך מבנה אחר, וזה לא הקובץ הזה. */
@media (max-width: 900px) {
  body.woocommerce-checkout form.checkout.woocommerce-checkout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "details" "heading" "review";
  }
  body.woocommerce-checkout #order_review { position: static; }
  body.woocommerce-checkout #order_review_heading { margin-block-start: 24px; }
}

/* ---------- 2. ביטול שני הטורים הפנימיים ---------- */
/* 🚨 כאן מקור הבאג ש"נראה כמו תרגום רע": .col-1 היה float:left
   ו-.col-2 היה float:right, כלומר פריסת LTR שלא התהפכה. בעברית
   זה שם את פרטי החיוב משמאל ואת "משלוח לכתובת אחרת" מימין, כך
   שקוראת עברית נוחתת קודם על שדה אופציונלי. */
body.woocommerce-checkout #customer_details.col2-set {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
  float: none;
  width: 100%;
  max-width: none;
}

/* ---------- 3. שדות: קצרים חולקים שורה ---------- */
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .form-row {
  margin: 0;
  padding: 0;
  width: auto;
  float: none;
}
/* רוחב מלא רק למה שבאמת צריך אותו */
body.woocommerce-checkout #billing_address_1_field,
body.woocommerce-checkout #billing_address_2_field { grid-column: 1 / -1; }

/* סדר הגיוני: שם, קשר, ואז כתובת */
body.woocommerce-checkout #billing_first_name_field { order: 1; }
body.woocommerce-checkout #billing_last_name_field  { order: 2; }
body.woocommerce-checkout #billing_phone_field      { order: 3; }
body.woocommerce-checkout #billing_email_field      { order: 4; }
body.woocommerce-checkout #billing_address_1_field  { order: 5; }
body.woocommerce-checkout #billing_address_2_field  { order: 6; }
body.woocommerce-checkout #billing_city_field       { order: 7; }
body.woocommerce-checkout #billing_postcode_field   { order: 8; }

/* 🪤 שדות שמוסתרים ולא נמחקים: ה-input נשאר ב-DOM ולכן הערך
   ממשיך להישלח. מדינה נעולה לישראל ממילא, ומחוז אינו בשימוש.
   "שם החברה" אינו רלוונטי לחנות מתנות. */
/* 🪤 `!important` ולא מתוך עצלות: ווקומרס מריצה את
   `country-select` ו-`address-i18n` בזמן ריצה, והם מחזירים לשדות
   `style="display: block"` **על האלמנט עצמו**. סגנון מוטבע גובר
   על כל כלל בגיליון, ולכן השדות חזרו להופיע אחרי טעינת הדף.

   השדות נשארים ב-DOM ועדיין נשלחים (ישראל כברירת מחדל) -
   רק לא מוצגים. חנות שמוכרת רק בארץ לא צריכה לשאול מדינה. */
body.woocommerce-checkout #billing_company_field,
body.woocommerce-checkout #billing_country_field,
body.woocommerce-checkout #billing_state_field { display: none !important; }

body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin-block-end: 6px;
}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper input.input-text,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper select,
body.woocommerce-checkout textarea.input-text {
  width: 100%;
  min-height: 44px; /* 2.5.8 ברמה AA */
  padding: 0 12px;
  border: 1px solid #D8D1C6;
  border-radius: 9px;
  background: #fff;
  box-sizing: border-box;
}
body.woocommerce-checkout textarea.input-text { padding-block: 10px; min-height: 86px; }

body.woocommerce-checkout .woocommerce-billing-fields > h3,
body.woocommerce-checkout .woocommerce-shipping-fields > h3,
body.woocommerce-checkout .woocommerce-additional-fields > h3 {
  font-size: 19px;
  margin-block: 0 14px;
}

/* ---------- 4. הטבלה: מרשת של גבולות לרשימה ---------- */
/* הטבלה היתה ברוחב 1,486px ועמודת "מוצר" לבדה 759px, בשביל
   שורת טקסט אחת. היא יושבת עכשיו בתוך הסיכום הצר ממילא. */
body.woocommerce-checkout .woocommerce-checkout-review-order-table,
body.woocommerce-checkout .woocommerce-checkout-review-order-table th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td {
  border: 0;
  background: none;
}
body.woocommerce-checkout .woocommerce-checkout-review-order-table { width: 100%; margin: 0; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table thead { display: none; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td {
  padding: 9px 0;
  font-size: 14px;
  vertical-align: top;
}
body.woocommerce-checkout .woocommerce-checkout-review-order-table td { text-align: left; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table th { text-align: right; font-weight: 400; color: #5F594F; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item th { color: #201F1C; font-weight: 600; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart-subtotal td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart-discount td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .shipping td { font-variant-numeric: tabular-nums; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart-discount th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart-discount td { color: #0E7A3F; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item td {
  border-block-end: 1px solid #E6E1D8;
  padding-block-end: 14px;
}
body.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td {
  border-block-start: 1px solid #E6E1D8;
  padding-block-start: 14px;
  font-size: 20px;
  font-weight: 700;
  color: #201F1C;
}
body.woocommerce-checkout .woocommerce-checkout-review-order-table .shipping ul { margin: 0; padding: 0; list-style: none; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table .shipping li { margin-block-end: 6px; }

/* ---------- 5. אמצעי תשלום: מרשימה אנכית לבלוק ---------- */
body.woocommerce-checkout #payment { background: none; border-radius: 0; }
body.woocommerce-checkout #payment ul.wc_payment_methods {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border: 0;
}
body.woocommerce-checkout #payment ul.wc_payment_methods > li {
  border: 1px solid #D8D1C6;
  border-radius: 11px;
  padding: 12px 14px;
  background: #fff;
  margin: 0;
}
body.woocommerce-checkout #payment ul.wc_payment_methods > li > label {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 28px;
  font-weight: 600;
  font-size: 14.5px;
  cursor: pointer;
}
body.woocommerce-checkout #payment ul.wc_payment_methods > li input[type="radio"] {
  accent-color: #8A4A38;
  width: 17px;
  height: 17px;
}
/* הפריט שנבחר מסומן בבירור, ולא רק בנקודה קטנה */
body.woocommerce-checkout #payment ul.wc_payment_methods > li:has(input:checked) {
  border: 2px solid #8A4A38;
  background: #FAF7F2;
  padding: 11px 13px;
}
/* 🪤 אפל פיי מגיע מושבת בדפדפן שאינו ספארי, ובלי הסימון הזה
   הוא נראה כמו אפשרות זמינה שפשוט לא מגיבה ללחיצה. */
body.woocommerce-checkout #payment ul.wc_payment_methods > li:has(input:disabled) {
  opacity: 0.55;
  background: #FAFAF8;
}
body.woocommerce-checkout #payment .payment_box {
  background: #FAF7F2;
  border-radius: 9px;
  margin: 10px 0 0;
  padding: 12px 14px;
  font-size: 13.5px;
  color: #5F594F;
}
body.woocommerce-checkout #payment .payment_box::before { display: none; }

/* ---------- 6. כפתור ההזמנה ---------- */
body.woocommerce-checkout #payment #place_order {
  width: 100%;
  min-height: 54px;
  margin-block-start: 18px;
  border: 0;
  border-radius: 100px;
  background: #8A4A38;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  float: none;
  cursor: pointer;
}
body.woocommerce-checkout #payment #place_order:hover { background: #6F3A2C; }

/* ---------- 7. "יש לך קופון?" נעלם כשכבר יש קופון ---------- */
/* הדף שאל שאלה שכבר נענתה, שתי שורות מעל התשובה. */
body.woocommerce-checkout:has(.cart-discount) .woocommerce-form-coupon-toggle { display: none; }
body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info,
body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info {
  background: #FAF7F2;
  border: 1px solid #E6E1D8;
  border-radius: 10px;
  color: #5F594F;
  font-size: 14px;
  padding: 12px 14px;
}

/* ---------- 9. כפתורים צפים שלא יסתירו את "שליחת הזמנה" ---------- */
@media (max-width: 900px) {
  body.woocommerce-checkout .wa-fab { inset-block-end: 88px; }
}

/* ============================================================
   הודעות ווקומרס
   ============================================================ */

/* 🪤 האייקון של ווקומרס ממוקם `right: 21px` בעוד שלהודעה יש 14px ריפוד
   בלבד, ולכן בעברית הוא **יושב על המילה הראשונה** ("קנית כאן בעבר?").
   בשפה משמאל-לימין אותו כלל נוחת בצד הריק ואף אחד לא מבחין בזה.
   📌 הפתרון הוא לפנות לו מרזב, לא להסתיר אותו. */
body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-error,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-order-received .woocommerce-info,
body.woocommerce-order-received .woocommerce-message {
  position: relative;
  padding: 15px 52px 15px 20px;
  background: #faf8f4;
  border: 1px solid var(--ca-line);
  border-block-start: 0;
  border-inline-start: 4px solid var(--ca-rust);
  border-radius: var(--ca-r);
  color: var(--ca-ink);
  font-size: 0.97rem;
  line-height: 1.55;
}
body.woocommerce-cart .woocommerce-info::before,
body.woocommerce-cart .woocommerce-message::before,
body.woocommerce-cart .woocommerce-error::before,
body.woocommerce-checkout .woocommerce-info::before,
body.woocommerce-checkout .woocommerce-message::before,
body.woocommerce-checkout .woocommerce-error::before,
body.woocommerce-order-received .woocommerce-info::before,
body.woocommerce-order-received .woocommerce-message::before {
  inset-inline-start: 20px;
  inset-inline-end: auto;
  inset-block-start: 50%;
  transform: translateY(-50%);
  color: var(--ca-rust);
}
body.woocommerce-cart .woocommerce-info a,
body.woocommerce-checkout .woocommerce-info a,
body.woocommerce-checkout .woocommerce-message a {
  color: var(--ca-rust);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}