/* ═══════════════════════════════════════════════════════════
   ספיר אסייג — Patisserie Luxe (approved concept 1, 3.7.2026)
   Dark espresso · cream · gold · raspberry
   Headings: Frank Ruhl Libre (serif) · Body: Assistant
   Reference mockup: _Claude\תכניות\אתר-חדש-2026-07\קונספטים\קונספט-1
   Loads after base.css + components.css → authoritative tokens
═══════════════════════════════════════════════════════════ */

:root {
  --espresso:     #241511;
  --espresso-2:   #33201a;
  --espresso-3:   #1a0f0c;
  --cream:        #f6ede1;
  --cream-2:      #efe2cf;
  --cream-soft:   #e9dcc8;
  --gold:         #c9a24b;
  --gold-soft:    #e2c98a;
  --berry:        #b03a52;
  --berry-hover:  #8e2b40;

  --primary:       var(--gold);
  --primary-hover: var(--gold-soft);
  --accent:        var(--berry);
  --accent-hover:  var(--berry-hover);
  --dark:          var(--espresso-3);
  --dark-alt:      var(--espresso-2);
  --bg:            var(--espresso);
  --bg-soft:       var(--espresso-2);
  --bg-muted:      var(--cream-2);
  --text:          var(--cream);
  --text-muted:    #cbb9a4;
  --border:        rgba(201,162,75,.25);

  --font-heading: 'Fredoka', system-ui, sans-serif;
  --font-body:    'Fredoka', system-ui, sans-serif;
  --font-script:  'Fredoka', system-ui, sans-serif;

  --shadow-sm:    0 4px 14px rgba(0,0,0,.35);
  --shadow-md:    0 12px 34px rgba(0,0,0,.45);
  --shadow-hover: 0 18px 44px rgba(0,0,0,.5);
}

/* פונטים — Fredoka בלבד (החלטת טל), מפורש וחסין קאש */
body { background: var(--espresso); color: var(--cream); font-family: 'Fredoka', system-ui, sans-serif; }
h1,h2,h3,h4,.site-logo-text,.trust-item-number,.sa-price,.footer-title { font-family: 'Fredoka', system-ui, sans-serif; }
h1,h2,h3,h4 { color: var(--cream); font-weight: 700; }
input,select,textarea,button { font-family: 'Fredoka', system-ui, sans-serif; }
a { color: inherit; }
::selection { background: var(--gold); color: var(--espresso); }

/* ─── Eyebrow / section labels: gold rule ─── */
.label, .section-header .label {
  color: var(--gold-soft);
  font-weight: 600;
  font-size: .78rem;
  letter-spacing: 3px;
}
.section-header .label::after {
  content: '';
  display: block; width: 46px; height: 1px;
  background: var(--gold);
  margin: .65rem auto 0;
}

/* ─── Buttons — gold primary, ghost secondary, berry accent ─── */
.btn-primary {
  background: var(--gold);
  color: var(--espresso);
  font-weight: 700;
  box-shadow: 0 8px 22px rgba(201,162,75,.25);
}
.btn-primary:hover { background: var(--gold-soft); color: var(--espresso); transform: translateY(-2px); filter: brightness(1.05); }

.btn-accent {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  padding: .75rem 2rem; min-height: 48px;
  border-radius: var(--radius-pill);
  font-weight: 700; font-size: .95rem;
  background: var(--berry); color: #fff;
  box-shadow: 0 6px 18px rgba(176,58,82,.35);
  transition: var(--transition);
}
.btn-accent:hover { background: var(--berry-hover); transform: translateY(-2px); }
.btn-accent.btn-lg { padding: 1rem 2.6rem; font-size: 1.05rem; }

.btn-outline {
  color: var(--cream);
  border: 1.5px solid rgba(246,237,225,.5);
  background: transparent;
}
.btn-outline:hover { border-color: var(--gold); color: var(--gold-soft); background: transparent; }

/* ─── Home hero (מפוצל: תמונת פורטרט + טקסט) ─── */
.sa-hero-split { padding-block: 3rem; overflow: hidden; }
.sa-hero-split-inner {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  align-items: center;
  gap: 3rem;
}
.sa-hero-media { position: relative; }
.sa-hero-media img {
  width: 100%;
  height: auto;
  aspect-ratio: 4/5;
  object-fit: cover;
  object-position: top center;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: block;
}
.sa-hero-eyebrow {
  display: inline-block;
  color: var(--gold-soft);
  font-weight: 600;
  font-size: .8rem;
  letter-spacing: 3px;
  margin-bottom: .75rem;
}
.sa-hero-content h1 { color: var(--cream); font-size: clamp(1.9rem, 3.2vw, 2.75rem); line-height: 1.2; margin-bottom: 1rem; }
.sa-hero-sub { color: var(--text-muted); font-size: 1.05rem; line-height: 1.65; margin-bottom: 1.75rem; max-width: 48ch; }
.sa-hero-actions { display: flex; flex-wrap: wrap; gap: 1rem; }

@media (max-width: 768px) {
  .sa-hero-split { padding-block: 2rem 1rem; }
  .sa-hero-split-inner { grid-template-columns: 1fr; gap: 1.5rem; }
  .sa-hero-media img { aspect-ratio: 4/5; max-height: 58vh; }
  .sa-hero-content { text-align: center; }
  .sa-hero-sub { max-width: none; margin-inline: auto; }
  .sa-hero-actions { justify-content: center; }
}

/* ─── Topbar: פס הכרזה דק, זהב על כהה ─── */
.site-topbar {
  background: var(--espresso-3);
  color: var(--gold-soft);
  font-weight: 600;
  font-size: .82rem;
  letter-spacing: .3px;
  padding-block: .35rem;
  border-bottom: 1px solid rgba(201,162,75,.2);
  text-align: center;
}
.site-topbar a { color: var(--gold-soft); text-decoration: underline; text-underline-offset: 3px; }

/* ─── Header — כהה עמוק (לא חום), לוגו טקסט קרם ─── */
.site-header {
  background: rgba(26,15,12,.95);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--border);
  box-shadow: none;
}
.site-header.scrolled { background: rgba(26,15,12,.99); }
.site-logo-text {
  color: var(--cream); font-family: 'Fredoka', sans-serif; font-weight: 600;
  font-size: 1.45rem; letter-spacing: .02em; line-height: 1.1;
}
.site-logo-text small {
  display: block; font-family: 'Fredoka', sans-serif; font-weight: 400;
  font-size: .6rem; color: var(--gold-soft); letter-spacing: .35em;
}
/* לוגו לבן (Logo white.png) — ללא פילטרים */
.custom-logo { max-height: 56px; width: auto; }
.header-nav a { color: var(--cream); font-weight: 600; }
.header-nav a:hover,
.header-nav .current-menu-item > a { color: var(--gold-soft); border-bottom-color: var(--gold); }
.header-icon-link { border-color: rgba(246,237,225,.3); color: var(--cream); background: transparent; }
.header-icon-link:hover { border-color: var(--gold); color: var(--gold-soft); background: transparent; }
.hamburger span { background: var(--cream) !important; }

/* ─── חיפוש גלובלי בהדר (FIX 5, 2026-07-14) ─── */
.sa-header-search {
  display: flex; align-items: center; gap: .3rem;
  background: rgba(246,237,225,.06); border: 1.5px solid rgba(246,237,225,.3);
  border-radius: var(--radius-pill); padding: .35rem .35rem .35rem .3rem;
  max-width: 170px; margin-inline-start: var(--sp-3);
}
.sa-header-search input[type="search"] {
  background: none; border: 0; outline: none; width: 100%; min-width: 0;
  color: var(--cream); font-family: var(--font-body); font-size: .85rem;
}
.sa-header-search input[type="search"]::placeholder { color: var(--text-muted); }
.sa-header-search-btn {
  display: flex; align-items: center; justify-content: center;
  background: none; border: 0; color: var(--cream); cursor: pointer; padding: .2rem;
}
.sa-header-search-btn:hover { color: var(--gold-soft); }
.sa-header-search--mobile { max-width: none; width: 100%; margin: 0 0 var(--sp-5); padding: .55rem .6rem .55rem .5rem; }
.sa-header-search--mobile input[type="search"] { font-size: .95rem; }

/* Mobile overlay */
.mobile-overlay { background: rgba(26,15,12,.98); }
.mobile-nav-list a { color: var(--cream); }
.mobile-nav-list a:hover { color: var(--gold-soft); }

/* ─── Trust bar ─── */
.trust-bar {
  background: var(--espresso-2);
  border-block: 1px solid var(--border);
}
.trust-item-number { color: var(--gold-soft); font-family: var(--font-heading); }
.trust-item-label  { color: var(--text-muted); }
@media (min-width: 601px) {
  .trust-bar-inner > .trust-item:not(:last-child)::after {
    content: ''; position: absolute; inset-inline-start: 0; top: 50%;
    transform: translateY(-50%); height: 34px; width: 1px;
    background: linear-gradient(transparent, var(--gold), transparent); opacity: .5;
  }
}
.trust-bar-inner > .trust-item:not(:last-child) { position: relative; }

/* ─── Sections ───
   ברירת מחדל: כהה. section--soft = "אי בהיר" (קרם) לעוגות/תוכן.  */
.section--soft  { background: var(--cream); }
.section--muted { background: var(--espresso-2); }
.section--dark  { background: var(--espresso-3); }
.cta-band { background: linear-gradient(135deg, var(--berry), #6e1f31); }
.cta-band h2, .cta-band p { color: #fff; }
.cta-band p { color: #f7dfe4; }

/* טקסט בתוך אי בהיר */
.section--soft h1, .section--soft h2, .section--soft h3, .section--soft h4 { color: #2a1c16; }
.section--soft p, .section--soft li { color: #5d4a3e; }
.section--soft .label { color: var(--espresso); }
.section--soft .btn-outline { color: #2a1c16; border-color: #2a1c16; }
.section--soft .btn-outline:hover { background: #2a1c16; color: var(--cream); }
.section--soft .btn-primary { background: var(--espresso); color: var(--cream); }
.section--soft .btn-primary:hover { background: var(--berry); color: #fff; }

/* ─── Page hero (inner pages) ─── */
.page-hero { background: var(--espresso-2); border-bottom: 1px solid var(--border); }
.page-hero h1 { color: var(--cream); }
.page-hero p { color: var(--text-muted); }

/* ─── תמונות כרטיסי מתכונים — יחס אחיד, בלי מתיחה (ארכיון קטגוריה גנרי index.php) ─── */
.grid-3 .card { display: flex; flex-direction: column; height: 100%; }
.grid-3 .card .card-body { display: flex; flex-direction: column; flex: 1; }
.grid-3 .card .card-excerpt { flex: 1; }
.card-image-link { display: block; overflow: hidden; }
.card-image {
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
  display: block;
}

/* ─── ארכיון קטגוריית מתכונים (category.php) — אותו שפה ויזואלית כמו /מתכונים/ ─── */
.rc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.rc-grid .sa-recipe-card { background: var(--espresso-2); border: 1px solid var(--border); border-radius: 14px; overflow: hidden; display: block; transition: transform .25s ease, border-color .25s ease; }
.rc-grid .sa-recipe-card img { width: 100%; aspect-ratio: 4/3; object-fit: cover; display: block; }
.rc-grid .sa-recipe-card h3 { font-size: 1rem; padding: .8rem .9rem .2rem; color: var(--cream); }
.rc-grid .sa-recipe-more { display: block; padding: 0 .9rem .9rem; color: var(--gold-soft); font-size: .85rem; font-weight: 600; }
@media (hover:hover) { .rc-grid .sa-recipe-card:hover { transform: translateY(-4px); border-color: rgba(201,162,75,.5); } }
.rc-pagination { margin-top: 2.5rem; text-align: center; }
.rc-pagination .page-numbers { display: inline-flex; min-width: 40px; height: 40px; align-items: center; justify-content: center; border: 1px solid var(--border); border-radius: 10px; margin: 0 .2rem; padding: 0 .8rem; color: var(--cream-soft); }
.rc-pagination .page-numbers.current, .rc-pagination .page-numbers:hover { border-color: var(--gold); color: var(--gold-soft); }
@media (max-width: 900px) { .rc-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .rc-grid { grid-template-columns: 1fr; } }

/* ─── תיקון סופי 12.7.2026 — אכיפת יחס 4:3 אחיד על כל כרטיסי מתכונים בכל התבניות ───
   (page-recipes.php / category.php / page-home.php / single.php)
   !important כדי לנצח כל חוק img גנרי אחר בתבנית ולמנוע חזרה על התקלה */
.rc-grid .sa-recipe-card img,
.sa-recipe-grid .sa-recipe-card img,
.sa-recipe-grid .card img,
.sa-recipe-card img{
  width:100% !important;
  height:auto !important;
  aspect-ratio:4/3 !important;
  object-fit:cover !important;
  display:block !important;
}
/* אחידות גובה כרטיס בשורה — לא רק התמונה, גם תיבת הטקסט מתיישרת לתחתית */
.rc-grid .sa-recipe-card,
.sa-recipe-grid .sa-recipe-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}
.rc-grid .sa-recipe-more,
.sa-recipe-grid .sa-recipe-more{
  margin-top:auto;
}

/* ─── Cards ─── */
.card, .testimonial-card {
  background: var(--espresso-2);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  color: var(--cream);
}
.card:hover { box-shadow: var(--shadow-hover); border-color: rgba(201,162,75,.45); transform: translateY(-4px); }
.card h3, .card h4 { color: var(--cream); }
.card p { color: var(--text-muted); }
.card-icon { background: rgba(201,162,75,.12); color: var(--gold-soft); }

/* כרטיסים בתוך אי בהיר */
.section--soft .card, .section--soft .testimonial-card {
  background: #fff; border-color: #e9dcc9; color: #3a2a1e;
  box-shadow: 0 10px 26px rgba(42,28,22,.12);
}
.section--soft .card h3, .section--soft .card h4 { color: #2a1c16; }
.section--soft .card p { color: #5d4a3e; }

/* ─── Gluten-free seal ─── */
.gf-seal {
  display: inline-flex; align-items: center; gap: .5rem;
  background: transparent; border: 1.5px solid var(--gold);
  color: var(--gold-soft); font-weight: 700; font-size: .82rem;
  padding: .4rem 1rem; border-radius: var(--radius-pill);
}
.gf-seal::before { content: '🌾'; filter: grayscale(.2); }
.section--soft .gf-seal { color: var(--espresso); background: #fff; }

/* ─── Decorative divider ─── */
.deco-rule {
  width: 64px; height: 2px; border-radius: 2px;
  background: linear-gradient(90deg, var(--gold), transparent);
  margin: 1rem 0;
}
.text-center .deco-rule, .deco-rule.center { margin-inline: auto; background: linear-gradient(90deg, transparent, var(--gold), transparent); }

/* ─── Forms (CF7) ─── */
.wpcf7 input, .wpcf7 textarea, .wpcf7 select {
  background: rgba(246,237,225,.06);
  border: 1.5px solid var(--border);
  color: var(--cream);
  border-radius: var(--radius);
}
.wpcf7 input::placeholder, .wpcf7 textarea::placeholder { color: var(--text-muted); }
.wpcf7 input:focus, .wpcf7 textarea:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(201,162,75,.15); outline: none; }
.wpcf7 input[type="submit"], .wpcf7 .wpcf7-submit { background: var(--gold); color: var(--espresso); font-weight: 700; }
.wpcf7 input[type="submit"]:hover { background: var(--gold-soft); }
.section--soft .wpcf7 input, .section--soft .wpcf7 textarea, .section--soft .wpcf7 select {
  background: #fff; border-color: #e9dcc9; color: #3a2a1e;
}

/* ─── Footer ─── */
.site-footer { background: var(--espresso-3); border-top: 1px solid var(--border); }
.footer-title { color: var(--cream); font-family: var(--font-heading); }
.footer-title::after { content:''; display:block; width:32px; height:1px; background:var(--gold); margin-top:.6rem; }
.footer-col, .footer-col p, .footer-col li, .footer-bottom { color: #a8927b; }
.footer-col ul a:hover, .footer-social a:hover { color: var(--gold-soft); }
.footer-social a { border-color: rgba(246,237,225,.2); color: var(--cream); }
.footer-social a:hover { background: var(--berry); border-color: var(--berry); color: #fff; }

/* ─── Sticky mobile buy bar (site component) ─── */
.sticky-buy {
  position: fixed; bottom: 0; inset-inline: 0; z-index: 60;
  background: rgba(26,15,12,.97);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  border-top: 1px solid rgba(201,162,75,.35);
  display: flex; align-items: center; justify-content: space-between; gap: .8rem;
  padding: .6rem 1rem calc(.6rem + env(safe-area-inset-bottom));
}
.sticky-buy .sticky-buy-price {
  font-family: var(--font-heading); font-weight: 800;
  color: var(--gold-soft); font-size: 1.2rem; line-height: 1.15;
}
.sticky-buy .sticky-buy-price small {
  display: block; font-family: var(--font-body); font-weight: 400;
  color: var(--text-muted); font-size: .72rem;
}
.sticky-buy .btn { padding: .65rem 1.6rem; font-size: .95rem; min-height: 44px; }
@media (min-width: 900px) { .sticky-buy { display: none; } }
body.has-sticky-buy { padding-bottom: 0; } /* אין padding על body — לקח וואטסאפ float */
body.has-sticky-buy .site-footer { padding-bottom: 84px; }
@media (min-width: 900px) { body.has-sticky-buy .site-footer { padding-bottom: 0; } }
/* תוקן 23.7.2026 (Sonnet, תיק דחוף) — 96px היה ניחוש קבוע שנחת מתחת לקצה
   העליון של הבר (לכן "צמוד"), ולא הגיב לשינוי safe-area-inset-bottom כש-
   Safari מכווץ/מרחיב את הסרגל בגלילה — זו הסיבה שנראה שונה גלילה למטה מול למעלה.
   חושב מנוסחת .sticky-buy בפועל: ריפוד עליון .6rem + גובה כפתור 44px +
   ריפוד תחתון .6rem+safe-area = (1.2rem + 44px) + safe-area = ~63.2px + safe-area.
   מוסיפים פער מכוון --sp-4 (1rem/16px) מעל קצה הבר. אין מעבר (transition) על
   bottom ואין JS — הכפתור קבוע ב-CSS בלבד (ראו footer.php). */
body.has-sticky-buy .whatsapp-float { bottom: calc(1.2rem + 44px + env(safe-area-inset-bottom) + var(--sp-4)); }
@media (min-width: 900px) { body.has-sticky-buy .whatsapp-float { bottom: 24px; } }

/* ─── Cookie bar on dark ─── */
.cookie-bar { background: var(--espresso-2); color: var(--cream); border-top: 1px solid var(--border); }
.cookie-bar a { color: var(--gold-soft); }

/* ═══════════════════════════════════════════════════════════
   WOOCOMMERCE — "אי בהיר" מסחרי: קריאות ואמון בקופה
═══════════════════════════════════════════════════════════ */
.woocommerce-cart .page-wrapper,
.woocommerce-checkout .page-wrapper,
.woocommerce-account .page-wrapper,
.post-type-archive-product .page-wrapper,
.tax-product_cat .page-wrapper {
  background: var(--cream);
  color: #3a2a1e;
}
.woocommerce-cart .page-wrapper h1, .woocommerce-checkout .page-wrapper h1,
.woocommerce-account .page-wrapper h1, .post-type-archive-product .page-wrapper h1,
.woocommerce-cart .page-wrapper h2, .woocommerce-checkout .page-wrapper h2,
.woocommerce-account .page-wrapper h2, .post-type-archive-product .page-wrapper h2,
.woocommerce-checkout .page-wrapper h3, .woocommerce-cart .page-wrapper h3 {
  color: #2a1c16;
}

/* FIX 2026-07-22 (Opus): הכלל שמעל צובע כותרות בכהה כי גוף העמוד קרם —
   אבל .page-hero הוא סקשן כהה, ולכן הכותרת יצאה כהה על כהה ולא נראתה כלל.
   נמדד ב-/cart/ לפני התיקון: color rgb(42,28,22) על bg rgb(51,32,26), יחס 1.07.
   מחזיר קרם רק בתוך ההירו, באותה ספציפיות ומאוחר יותר בקובץ. */
.woocommerce-cart .page-hero h1, .woocommerce-checkout .page-hero h1,
.woocommerce-account .page-hero h1, .post-type-archive-product .page-hero h1,
.woocommerce-cart .page-hero h2, .woocommerce-checkout .page-hero h2,
.woocommerce-account .page-hero h2, .post-type-archive-product .page-hero h2 {
  color: var(--cream);
}
.woocommerce-cart .page-hero p, .woocommerce-checkout .page-hero p,
.woocommerce-account .page-hero p, .post-type-archive-product .page-hero p {
  color: var(--text-muted);
}

/* Shop loop grid */
.woocommerce ul.products, .woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem; margin: 0; padding: 0;
}
@media (max-width: 1024px) { .woocommerce ul.products { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 560px)  { .woocommerce ul.products { grid-template-columns: 1fr; } }
/* פריט בודד שנשאר לבד בשורה אחרונה בגריד 2 עמודות (3 מוצרים בחנות) —
   בלי זה נוצר "ריבוע ריק" ליד הפריט השלישי. ממורכז ברוחב מוגבל במקום להישאר צמוד לצד. */
@media (max-width: 1024px) and (min-width: 561px) {
  .woocommerce ul.products li.product:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    max-width: 340px;
    margin-inline: auto !important;
  }
}
.woocommerce ul.products li.product {
  background: #fff; border: 1px solid #e9dcc9;
  border-radius: var(--radius-lg); overflow: hidden;
  box-shadow: 0 8px 22px rgba(42,28,22,.1); transition: var(--transition);
  display: flex; flex-direction: column; text-align: center;
  margin: 0 !important; width: auto !important; float: none !important;
}
.woocommerce ul.products li.product:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(42,28,22,.16); }
.woocommerce ul.products li.product a img {
  margin: 0; border-radius: 0; aspect-ratio: 1/1; object-fit: cover; object-position: top center;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--font-heading); font-size: 1.15rem; color: #2a1c16;
  padding: 1rem 1rem .25rem; font-weight: 700;
}
.woocommerce ul.products li.product .price {
  color: var(--espresso) !important; font-weight: 800; font-size: 1.15rem;
  font-family: var(--font-heading);
}
.woocommerce ul.products li.product .price del { color: #8b7a68 !important; font-weight: 400; opacity: .7; }
.woocommerce ul.products li.product .button {
  margin: .75rem 1rem 1.25rem; border-radius: var(--radius-pill);
  background: var(--espresso); color: var(--cream); font-weight: 700; padding: .7rem 1.5rem;
}
.woocommerce ul.products li.product .button:hover { background: var(--berry); color: #fff; }
.woocommerce span.onsale {
  background: var(--berry); color: #fff; border-radius: var(--radius-pill);
  min-height: auto; min-width: auto; padding: .25rem .8rem; font-weight: 700;
  top: 12px; inset-inline-end: 12px; inset-inline-start: auto; line-height: 1.6; margin: 0;
}

/* Generic Woo buttons */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt {
  background: var(--gold); color: var(--espresso); border-radius: var(--radius-pill);
  font-weight: 700; padding: .8rem 2rem; transition: var(--transition);
}
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover { background: var(--gold-soft); color: var(--espresso); }

/* Single product (על רקע כהה — עמוד הספר בנוי custom, זה fallback למוצרים גנריים) */
/* פריסה דו-טורית: תמונה + סיכום זה-לצד-זה בדסקטופ, תמונה מוקטנת (לא נמתחת לכל הרוחב) */
.single-product div.product {
  display: grid;
  grid-template-columns: minmax(0, 380px) 1fr;
  gap: 2.5rem;
  align-items: start;
}
.single-product div.product > .woocommerce-product-gallery { grid-column: 1; grid-row: 1; }
.single-product div.product > .summary { grid-column: 2; grid-row: 1; }
/* כל מה שאחרי הסיכום (טאבים/מוצרים קשורים) — פס מלא מתחת לשני הטורים */
.single-product div.product > .woocommerce-tabs,
.single-product div.product > .upsells.products,
.single-product div.product > .related.products {
  grid-column: 1 / -1;
}
@media (max-width: 768px) {
  .single-product div.product {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .single-product div.product > .woocommerce-product-gallery { grid-row: 1; }
  .single-product div.product > .summary { grid-row: 2; }
}
.single-product div.product .product_title {
  font-family: var(--font-heading); color: var(--cream); font-weight: 800;
}
.single-product div.product p.price, .single-product div.product span.price {
  color: var(--gold-soft); font-weight: 800; font-size: 1.8rem; font-family: var(--font-heading);
}
.single-product div.product .woocommerce-product-gallery img { border-radius: var(--radius-lg); width: 100%; height: auto; }
.woocommerce .quantity .qty {
  border: 1.5px solid var(--border); border-radius: var(--radius);
  padding: .6rem; background: rgba(246,237,225,.06); color: var(--cream);
}
.woocommerce div.product form.cart .button {
  padding: .85rem 2.5rem; font-size: 1rem; min-height: 44px; display: inline-flex; align-items: center; justify-content: center;
}
.related.products > h2, .upsells.products > h2 { font-family: var(--font-heading); color: var(--cream); }

/* Cart & checkout (אי בהיר) */
.woocommerce table.shop_table { border-radius: var(--radius-lg); border-color: #e9dcc9; overflow: hidden; background:#fff; }
.woocommerce table.shop_table th { background: var(--cream-2); color: #2a1c16; }
.woocommerce table.shop_table td { color: #3a2a1e; }
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review, .woocommerce form.checkout_coupon {
  background: #fff; border: 1px solid #e9dcc9; border-radius: var(--radius-lg); padding: 1.5rem; color:#3a2a1e;
}
.woocommerce-message, .woocommerce-info, .woocommerce-error {
  border-top-color: var(--berry); border-radius: var(--radius); background: var(--cream-2); color: #3a2a1e;
}
.woocommerce-message::before, .woocommerce-info::before { color: var(--espresso); }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.select2-container--default .select2-selection--single {
  border: 1.5px solid #e9dcc9 !important; border-radius: var(--radius) !important;
  padding: .75rem !important; min-height: 48px; background: #fff; color:#3a2a1e;
}
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { color: #8b7a68; }
.woocommerce .woocommerce-breadcrumb { color: var(--text-muted); font-size: .85rem; padding-block: 1rem; }
.woocommerce .woocommerce-breadcrumb a { color: var(--gold-soft); }
.woocommerce-MyAccount-navigation ul li.is-active a { color: var(--espresso); font-weight: 700; }
.woocommerce-MyAccount-navigation ul li a:hover { color: var(--espresso); }

/* ═══════════════════════════════════════════════════════════
   HERO "המומחית" + סקשן "מי זו ספיר" — מפרט 2026-07-10
   הערה 1: --sapir-* הם alias לטוקנים הקיימים למעלה (espresso/cream/gold/berry) —
   נבדק ואין צורך בפולבאק, חוץ מ-gold-d (גוון זהב כהה שלא היה קיים).
   הערה 2 (סטייה מהמפרט, לתשומת לב טל): המפרט ביקש Frank Ruhl Libre + Assistant,
   אך functions.php שורה 504 נועל "Fredoka בלבד — אין להחליף בלי אישור מפורש טל".
   בגלל הנעילה — הפונטים הוחלפו ל-var(--font-heading)/var(--font-body) (=Fredoka),
   כדי לא לשבור את החלטת הפונט הקיימת של האתר בלי אישור.
═══════════════════════════════════════════════════════════ */
:root{
  --sapir-espresso: var(--espresso);
  --sapir-cream: var(--cream);
  --sapir-gold: var(--gold);
  --sapir-gold-d: #B0894A;
  --sapir-raspberry: var(--berry);
}

.sa-hero{position:relative;min-height:90vh;display:flex;align-items:center;overflow:hidden}
.sa-hero__media{position:absolute;inset:0}
.sa-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center}
.sa-hero__scrim{position:absolute;inset:0;background:linear-gradient(to left, rgba(30,20,16,.74) 0%, rgba(30,20,16,.45) 45%, rgba(30,20,16,.12) 100%)}
.sa-hero__content{position:relative;z-index:2;margin-inline-start:auto;max-width:620px;padding:clamp(2rem,6vw,6rem);display:flex;flex-direction:column;gap:1.3rem;color:#FBF3E7}
.sa-hero__eyebrow{font-family:var(--font-body);font-size:.82rem;letter-spacing:.22em;color:var(--sapir-gold);font-weight:600}
.sa-hero__title{font-family:var(--font-heading);font-weight:500;font-size:clamp(2.4rem,4.6vw,4rem);line-height:1.12;margin:0;color:#FBF3E7}
.sa-hero__title em{display:block;font-style:italic;color:var(--gold-soft);margin-top:.15em}
.sa-hero__sub{font-family:var(--font-body);font-size:clamp(1.05rem,1.4vw,1.22rem);line-height:1.7;color:#FBF3E7;opacity:.92;max-width:34ch;margin:0}
.sa-hero__chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.1rem 0}
.sa-hero__chips span{font-family:var(--font-body);font-size:.82rem;font-weight:600;color:#FBF3E7;background:rgba(255,255,255,.08);border:1px solid rgba(233,200,120,.7);border-radius:100px;padding:.4rem .95rem;white-space:nowrap}
.sa-hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:1.1rem;margin-top:.4rem}
.sa-btn-primary{background:#F7F1E8;color:var(--sapir-espresso);padding:.95rem 2.1rem;border-radius:100px;font-family:var(--font-body);font-weight:600;font-size:1rem;text-decoration:none;transition:transform .2s,background .2s;display:inline-block;min-height:44px;box-sizing:border-box}
.sa-btn-primary:hover{background:var(--sapir-raspberry);color:#FBF3E7;transform:translateY(-2px)}
.sa-btn-ghost{color:#FBF3E7;font-family:var(--font-body);font-weight:600;text-decoration:none;border-bottom:1.5px solid var(--sapir-gold);padding-bottom:2px;display:inline-flex;align-items:center;min-height:44px}

.sa-about{background:var(--sapir-espresso);color:#F1E7DA;padding:clamp(3rem,7vw,6rem) clamp(1.4rem,6vw,6rem);display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.sa-about__media{position:relative}
.sa-about__media img{position:relative;z-index:1;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:6px}
.sa-about__media::before{content:"";position:absolute;inset:-14px -14px 14px 14px;border:1px solid var(--sapir-gold);border-radius:6px;z-index:0}
.sa-about__eyebrow{font-family:var(--font-body);color:var(--sapir-gold);letter-spacing:.2em;font-size:.82rem;font-weight:600}
.sa-about__title{font-family:var(--font-heading);font-weight:500;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.24;color:#FBF3E7;margin:.6rem 0 1.2rem}
.sa-about__text p{font-family:var(--font-body);line-height:1.8;color:#D8C9BC;margin:0 0 1rem;font-size:1.05rem}
.sa-about__sign{display:block;font-family:var(--font-heading);font-style:italic;font-size:1.5rem;color:var(--sapir-gold);margin-top:.4rem}
.sa-about__cta{display:inline-block;margin-top:1.3rem;color:#FBF3E7;border-bottom:1.5px solid var(--sapir-gold);padding-bottom:2px;text-decoration:none;font-family:var(--font-body);font-weight:600}

@media(max-width:820px){
  .sa-hero{min-height:82vh}
  .sa-hero__scrim{background:linear-gradient(to top, rgba(30,20,16,.85) 8%, rgba(30,20,16,.35) 55%, rgba(30,20,16,.55) 100%)}
  .sa-hero__content{margin:auto 0 0;max-width:none;padding:1.6rem 1.4rem 2.6rem;text-align:center;align-items:center}
  .sa-hero__sub{max-width:none}
  .sa-hero__chips{justify-content:center}
  .sa-hero__cta{justify-content:center;width:100%}
  .sa-btn-primary{width:100%;text-align:center;justify-content:center}
  .sa-about{grid-template-columns:1fr;text-align:center}
  .sa-about__media{max-width:300px;margin:0 auto}
  .sa-about__media::before{inset:-10px -10px 10px 10px}
}

@media(prefers-reduced-motion:no-preference){
  .sa-hero__content>*{opacity:0;transform:translateY(16px);animation:saUp .7s ease forwards}
  .sa-hero__content>*:nth-child(2){animation-delay:.08s}
  .sa-hero__content>*:nth-child(3){animation-delay:.16s}
  .sa-hero__content>*:nth-child(4){animation-delay:.24s}
  .sa-hero__content>*:nth-child(5){animation-delay:.32s}
  @keyframes saUp{to{opacity:1;transform:none}}
}

/* ═══════════════════════════════════════════════════════════
   CAKES SLIDER (קומפוננטה גלובלית — הועתק מ-page-home.php, מאושר) — תיק B, 13.7.2026
═══════════════════════════════════════════════════════════ */
/* ─── CAKES SLIDER (scroll-snap, ידני — עודכן 2026-07-12) ─── */
.sa-cake-slider { position: relative; margin-top: 2.5rem; }
.sa-cake-track {
  display: flex; gap: .9rem; overflow-x: auto; overflow-y: hidden;
  scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
  padding: .3rem clamp(1rem, 5vw, 3rem) 1.6rem;
  scroll-padding-inline: clamp(1rem, 5vw, 3rem);
  scrollbar-width: none;
}
.sa-cake-track::-webkit-scrollbar { display: none; }
.sa-cake-card {
  position: relative; flex: 0 0 auto; scroll-snap-align: start;
  width: clamp(210px, 58vw, 260px);
  border-radius: 14px; overflow: hidden; aspect-ratio: 3/4;
  box-shadow: 0 10px 26px rgba(42,28,22,.16); margin: 0;
}
@media (min-width: 700px)  { .sa-cake-card { width: clamp(230px, 30vw, 300px); } }
@media (min-width: 1100px) { .sa-cake-card { width: clamp(250px, 22vw, 300px); } }
.sa-cake-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .45s ease; }
@media (hover:hover) { .sa-cake-card:hover img { transform: scale(1.05); } }
.sa-cake-card figcaption {
  position: absolute; inset-inline: 0; bottom: 0;
  background: linear-gradient(transparent, rgba(36,21,17,.85));
  color: var(--cream); padding: 1.6rem .9rem .8rem; font-size: .9rem; font-weight: 600;
}
.sa-cake-nav {
  position: absolute; top: 40%; transform: translateY(-50%); z-index: 2;
  width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--border);
  background: var(--espresso-2); color: var(--gold-soft);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.5rem; line-height: 1; cursor: pointer; box-shadow: var(--shadow-sm);
  transition: background .2s ease, color .2s ease;
}
.sa-cake-nav:hover { background: var(--gold); color: var(--espresso); }
.sa-cake-nav--prev { inset-inline-start: clamp(.3rem, 2vw, 1.3rem); }
.sa-cake-nav--next { inset-inline-end: clamp(.3rem, 2vw, 1.3rem); }
@media (max-width: 700px) { .sa-cake-nav { display: none; } }

/* ═══════════════════════════════════════════════════════════
   תפריט מובייל — המבורגר בפינה ימין, לוגו בשמאל — תיק B, 13.7.2026
   markup: לוגו → ניווט → אייקונים → המבורגר (המבורגר אחרון ב-DOM).
   ב-RTL, flex row ללא order מציב את הראשון-ב-DOM (לוגו) בימין ואת
   האחרון (המבורגר) בשמאל — הפוך מהרצוי. order:-1 מזיז את ההמבורגר
   להיות ראשון בציר ה-flex, כלומר לימין.
═══════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  .hamburger { order: -1; }
}

/* ─── תיקון כפתור טלפון בתפריט מובייל — override לחוק הגנרי .mobile-overlay nav a ─── */
.mobile-overlay .mobile-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  align-self:center;width:auto;margin-top:2rem;
  padding:.85rem 2.2rem;min-height:48px;
  background:var(--gold);color:var(--espresso);
  font-size:1rem;font-weight:700;border-bottom:none;border-radius:var(--radius-pill);
  box-shadow:0 8px 22px rgba(201,162,75,.25);
}
.mobile-overlay .mobile-cta svg{fill:var(--espresso)}

/* HEADER FIT + ALIGN FIX (2026-07-15)
   תיק 05 א1 — הוגבל ל-desktop (≥1025px, נקודת השבירה שממנה הניווט/החיפוש גלויים,
   ראה assets/components.css). ללא ההגבלה הזו justify-content:flex-start החליף גלובלית
   את ברירת המחדל space-between, וגרם ללוגו והמבורגר (שני האלמנטים היחידים שנשארים
   גלויים במובייל) להיצמד יחד לימין במקום להיפרש לשני קצוות ההדר — "הלוגו בורח ימינה". */
@media (min-width: 1025px) {
  .header-inner{justify-content:flex-start;gap:1.4rem}
  .header-nav{flex:0 1 auto}
  .header-nav ul{gap:1.05rem;flex-wrap:nowrap}
  .header-nav a{font-size:.87rem;white-space:nowrap}
  .sa-header-search{margin-inline-start:auto;max-width:150px}
}


/* ═══════════════════════════════════════════════════════════
   מירכוז פסקאות — גרסה מתוקנת, ממוקדת בלבד. 30.07.2026
   ═══════════════════════════════════════════════════════════
   הגרסה הקודמת (29.07, "תיק 07") השתמשה בסלקטור p גורף על כל
   האתר ושברה יישורים בעשרות מקומות שלא היו אמורים להשתנות
   (כותרות-משנה, טקסט פוטר וכו'). שוחזרה במלואה ב-30.07.
   הגרסה הזו משחזרת אך ורק את התיקון הממוקד למקומות הספציפיים
   שטל אישר (עמוד ההמלצות, פירורי לחם) - בלי סלקטור p גורף.
   ═══════════════════════════════════════════════════════════ */
body .woocommerce .woocommerce-breadcrumb,
body nav.woocommerce-breadcrumb {
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--sp-4);
  padding-block: var(--sp-4) 0;
  font-size: .85rem;
  color: #8a7466;
  text-align: start;
}
body .woocommerce .woocommerce-breadcrumb a,
body nav.woocommerce-breadcrumb a {
  color: #8a7466;
  text-decoration: none;
}
body .woocommerce .woocommerce-breadcrumb a:hover,
body nav.woocommerce-breadcrumb a:hover {
  color: #2a1c16;
  text-decoration: underline;
}

.section-header p,
.sa-tst-page p,
.sa-tst-orders-placeholder,
[class*="__lead"],
[class*="__sub"],
[class*="-placeholder"] {
  margin-inline: auto;
}

/* השלמה - הכותרת הקטנה בעמוד ההמלצות לא נתפסה בסלקטורים למעלה
   (המחלקה בפועל: .page-desc בתוך .sa-tst-hero, לא .sa-tst-page).
   ממוקד לעמוד ההמלצות בלבד, לא גורף לשאר עמודי-הירו באתר. 30.07.2026 */
.sa-tst-hero .page-desc {
  margin-inline: auto;
}