/* styles/pages/order-received.css — עמוד "ההזמנה התקבלה", 2.8.2026.
   נטען אוטומטית ע"י ה-glob של styles/pages/*.css.

   למה הקובץ הזה נולד: עד היום לא היה שום CSS ייעודי לעמוד הזה. ווקומרס פלט
   מבנה גולמי — שורת "תודה לך" בגודל טקסט רגיל בלי הפרדה, רשימת פרטי ההזמנה
   דחוסה בשורה אחת, וכותרות בלי ריווח. זה העמוד האחרון שהלקוחה רואה אחרי
   שהיא שילמה, ולכן הוא צריך להיראות כמו אישור ולא כמו פלט מערכת.

   ⛔ כל הכללים כאן צמודים ל-body.woocommerce-order-received בלבד.
   ‎.woocommerce-notice--success‎ מופיע גם בעגלה ("המוצר נוסף לסל") — הצמדה
   רחבה מדי הייתה משנה גם אותו.

   ⛔ פטל (--berry) משמש כאן כרקע והדגשה בלבד, לא כצבע טקסט — הכלל הנעול
   בפרויקט. הטקסט על רקע בהיר הוא אספרסו. */

/* ─── שורת האישור ─── */
/* קופסת אישור אמיתית במקום שורת טקסט: רקע חול חם, פס זהב בצד ההתחלה
   (border-inline-start עובד נכון גם בעברית), וטיפוגרפיה גדולה יותר.
   ניגודיות שנבדקה: #2C1A10 על #F4EADB — מעל 4.5 לאחד. */
body.woocommerce-order-received .woocommerce-notice--success {
  background: var(--cream-2, #efe2cf);
  border: 1px solid var(--border, #e9dcc9);
  border-inline-start: 4px solid var(--gold, #c9a24b);
  border-radius: var(--radius-lg, 22px);
  padding: var(--sp-5, 1.5rem) var(--sp-6, 2rem);
  margin: 0 0 var(--sp-6, 2rem);
  font-family: var(--font-heading, 'Fredoka', system-ui, sans-serif);
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.45;
  color: #2c1a10;
}

@media (max-width: 600px) {
  body.woocommerce-order-received .woocommerce-notice--success {
    font-size: 1.12rem;
    padding: var(--sp-4, 1rem) var(--sp-5, 1.5rem);
  }
}

/* ─── רשימת פרטי ההזמנה ─── */
/* ווקומרס פולט <ul class="woocommerce-order-overview"> עם <li> שבתוך כל אחד
   טקסט תווית ואז <strong> עם הערך. ברירת המחדל היא רשימה עם תבליטים שנדחסת
   לשורה אחת ארוכה. כאן: גריד שנושם, כל פריט קלף עם תווית קטנה מעל הערך.
   auto-fit + minmax נותן ארבעה טורים בדסקטופ, שניים בטאבלט ואחד במובייל
   בלי שאצטרך שלוש נקודות שבירה. */
body.woocommerce-order-received ul.woocommerce-order-overview {
  list-style: none;
  margin: 0 0 var(--sp-7, 3rem);
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: var(--sp-3, .75rem);
}

body.woocommerce-order-received ul.woocommerce-order-overview li {
  display: flex;
  flex-direction: column;
  gap: var(--sp-1, .25rem);
  margin: 0;
  padding: var(--sp-4, 1rem);
  background: #fff;
  border: 1px solid var(--border, #e9dcc9);
  border-radius: 14px;
  font-size: .82rem;
  font-weight: 500;
  letter-spacing: .3px;
  color: #7a6552;
  text-transform: none;
  overflow-wrap: anywhere;
}

body.woocommerce-order-received ul.woocommerce-order-overview li strong {
  font-family: var(--font-heading, 'Fredoka', system-ui, sans-serif);
  font-size: 1.02rem;
  font-weight: 700;
  color: #2c1a10;
  /* ספרות בעלות רוחב אחיד — מספר הזמנה, סכום ותאריך לא "רוקדים" בין הקלפים */
  font-variant-numeric: tabular-nums;
}

/* ─── כותרות המקטעים ─── */
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title,
body.woocommerce-order-received .woocommerce-order-downloads__title {
  font-family: var(--font-heading, 'Fredoka', system-ui, sans-serif);
  font-size: 1.5rem;
  font-weight: 700;
  color: #2c1a10;
  margin: var(--sp-7, 3rem) 0 var(--sp-4, 1rem);
  padding-bottom: var(--sp-2, .5rem);
  border-bottom: 1px solid var(--border, #e9dcc9);
}

body.woocommerce-order-received .woocommerce-column__title {
  font-size: 1.15rem;
  margin-top: 0;
}

/* ─── טבלת המוצרים ─── */
body.woocommerce-order-received table.woocommerce-table--order-details {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid var(--border, #e9dcc9);
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: var(--sp-5, 1.5rem);
}

body.woocommerce-order-received table.woocommerce-table--order-details th,
body.woocommerce-order-received table.woocommerce-table--order-details td {
  padding: var(--sp-3, .75rem) var(--sp-4, 1rem);
  border-bottom: 1px solid var(--border, #e9dcc9);
  text-align: start;
  vertical-align: middle;
  color: #3a2a1e;
}

body.woocommerce-order-received table.woocommerce-table--order-details thead th {
  background: var(--cream-2, #efe2cf);
  font-family: var(--font-heading, 'Fredoka', system-ui, sans-serif);
  font-weight: 700;
  color: #2c1a10;
}

body.woocommerce-order-received table.woocommerce-table--order-details tfoot th,
body.woocommerce-order-received table.woocommerce-table--order-details tfoot td {
  font-weight: 700;
  color: #2c1a10;
}

body.woocommerce-order-received table.woocommerce-table--order-details tfoot tr:last-child th,
body.woocommerce-order-received table.woocommerce-table--order-details tfoot tr:last-child td {
  border-bottom: 0;
  font-size: 1.08rem;
  background: var(--cream-2, #efe2cf);
}

body.woocommerce-order-received table.woocommerce-table--order-details .woocommerce-Price-amount {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* ─── פרטי הלקוחה ─── */
body.woocommerce-order-received .woocommerce-customer-details address {
  font-style: normal;
  line-height: 1.7;
  background: #fff;
  border: 1px solid var(--border, #e9dcc9);
  border-radius: 14px;
  padding: var(--sp-4, 1rem) var(--sp-5, 1.5rem);
  color: #3a2a1e;
}

body.woocommerce-order-received .woocommerce-columns--addresses {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--sp-4, 1rem);
}

/* ווקומרס נותן ל-.col-1/.col-2 רוחב באחוזים ו-float לפריסה ישנה. בתוך גריד
   האחוז נגזר מתא הגריד ולא מרוחב השורה — אותה מלכודת שכבר תועדה בקופה. */
body.woocommerce-order-received .woocommerce-columns--addresses .col-1,
body.woocommerce-order-received .woocommerce-columns--addresses .col-2 {
  width: 100%;
  float: none;
  margin: 0;
}

/* ─── קישורי ההורדה (ספר דיגיטלי) ─── */
body.woocommerce-order-received .woocommerce-table--order-downloads {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid var(--border, #e9dcc9);
  border-radius: 14px;
  overflow: hidden;
}

body.woocommerce-order-received .woocommerce-table--order-downloads th,
body.woocommerce-order-received .woocommerce-table--order-downloads td {
  padding: var(--sp-3, .75rem) var(--sp-4, 1rem);
  border-bottom: 1px solid var(--border, #e9dcc9);
  text-align: start;
  color: #3a2a1e;
}

/* יעד לחיצה 44 פיקסל לכפתור ההורדה — הכלל הנעול באתר */
body.woocommerce-order-received .woocommerce-table--order-downloads .woocommerce-MyAccount-downloads-file {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 var(--sp-4, 1rem);
  background: var(--berry, #b03a52);
  color: #fff;
  border-radius: 999px;
  font-weight: 600;
  text-decoration: none;
  transition: background .2s ease;
}

body.woocommerce-order-received .woocommerce-table--order-downloads .woocommerce-MyAccount-downloads-file:hover,
body.woocommerce-order-received .woocommerce-table--order-downloads .woocommerce-MyAccount-downloads-file:focus-visible {
  background: var(--berry-hover, #8e2b40);
}

/* ─── ריווח תחתון לפני הפוטר ─── */
body.woocommerce-order-received .woocommerce-customer-details {
  margin-bottom: var(--sp-7, 3rem);
}