/* Pre-campaign fixes (inc/campaign-fixes.php). Sizes in px: this site's rem is
   ~14.6px (Astra sets html font-size in %), so rem undershoots on purpose-set
   minimums. */

/* Fixed shipping strip at the very top (#corsia-announce, contents swapped in
   inc/campaign-fixes.php). style.css keeps its place, 30px height and maroon
   background; this makes the one line static, larger and centred. The long
   line on wide screens, the short one ("משלוח חינם בקנייה מעל 250 ₪") on phones. */
#corsia-announce.cs-announce-ship{ justify-content:center; direction:rtl; padding:0 12px; }
#corsia-announce .cs-ship-line{ display:inline-flex; align-items:center; gap:8px; margin:0;
  font-size:14px; font-weight:800; line-height:1; color:#fff; white-space:nowrap; letter-spacing:0; }
#corsia-announce .cs-ship-ic{ flex:0 0 auto; color:#F7E4B8; }
#corsia-announce .cs-ship-short{ display:none; }
@media (max-width:600px){
  #corsia-announce .cs-ship-long{ display:none; }
  #corsia-announce .cs-ship-short{ display:inline; }
}

/* Shipping line under "הוספה לסל" */
.corsia-ship-info{ display:flex; gap:12px; align-items:center; margin:16px 0 4px;
  padding:12px 14px; background:var(--cream,#fbf6ec); border:1px solid rgba(155,45,34,.18);
  border-radius:10px; color:var(--maroon,#7a1f1a); }
.corsia-ship-info .csi-ic{ flex:0 0 auto; color:var(--gold,#c9a45c); }
.corsia-ship-info .csi-txt{ min-width:0; }
.corsia-ship-info p{ margin:0; line-height:1.5; }
.corsia-ship-info .csi-l1{ font-size:15px; font-weight:700; }
.corsia-ship-info .csi-l2{ font-size:14px; color:var(--ink-soft,#5a4a42); }
.corsia-ship-info .csi-seg{ white-space:nowrap; }
/* A phone cannot fit two phrases per row; rather than break after a dangling
   dot, give each phrase its own row. */
@media (max-width:480px){
  .corsia-ship-info{ padding:10px 12px; gap:10px; }
  .corsia-ship-info .csi-seg{ display:block; }
  .corsia-ship-info .csi-sep{ display:none; }
  .corsia-ship-info .csi-l1{ font-size:14px; }
  .corsia-ship-info .csi-l2{ font-size:13px; }
}

/* Coupon chip in the block cart and checkout ("welcome ×"). Its remove × is a
   <button>, so style.css:84's bare `button{...!important}` turned it into a
   51×22 maroon pill that swallowed the icon. Restore a round 24px × target. */
.wc-block-components-chip.wc-block-components-totals-discount__coupon-list-item{
  display:inline-flex; align-items:center; gap:6px; padding:4px 6px 4px 12px;
  border:1px solid rgba(155,45,34,.35); border-radius:999px; background:var(--cream,#fbf6ec);
  color:var(--maroon,#9B2D22); font-size:14px; font-weight:700; }
.wc-block-components-chip .wc-block-components-chip__remove{
  display:inline-flex !important; align-items:center; justify-content:center;
  width:24px !important; height:24px !important; min-width:0 !important; min-height:0 !important;
  margin:0 !important; padding:0 !important; border:0 !important; border-radius:50% !important;
  background:transparent !important; box-shadow:none !important; color:var(--maroon,#9B2D22) !important; }
.wc-block-components-chip .wc-block-components-chip__remove:hover{ background:rgba(155,45,34,.12) !important; }
.wc-block-components-chip .wc-block-components-chip__remove:focus-visible{ outline:2px solid #1a5fb4; outline-offset:1px; }
.wc-block-components-chip .wc-block-components-chip__remove-icon{ width:16px; height:16px; fill:currentColor; }

/* Campaign opener on the פיצוחים / תבלינים category pages (inc/category-campaign.php). */
.corsia-cc{ margin:18px 0 22px; padding:24px 22px; text-align:center; direction:rtl;
  background:var(--cream,#fbf6ec); border:1px solid rgba(155,45,34,.16); border-top:4px solid var(--gold,#e9c67c);
  border-radius:16px; }
.corsia-cc .cc-title{ margin:0 0 8px; font-size:28px; line-height:1.25; font-weight:800; color:var(--maroon,#9B2D22); }
.corsia-cc .cc-text{ margin:0 auto 12px; max-width:560px; font-size:17px; line-height:1.55; color:var(--ink-soft,#4a3b35); }
.corsia-cc .cc-perks{ display:inline-block; margin:0 0 16px; padding:6px 16px; border-radius:999px;
  background:#fff; border:1px dashed rgba(155,45,34,.4); color:var(--maroon,#9B2D22); font-size:15px; font-weight:700; }
.corsia-cc .cc-perk{ white-space:nowrap; }
.corsia-cc .cc-btn{ display:block; width:max-content; margin:0 auto; min-height:48px; padding:12px 34px;
  border-radius:999px; background:var(--maroon,#9B2D22); color:#fff !important; font-size:17px; font-weight:800;
  text-decoration:none; box-shadow:0 6px 18px rgba(94,20,13,.25); }
.corsia-cc .cc-btn:hover{ filter:brightness(1.08); }
.corsia-cc .cc-btn:focus-visible{ outline:3px solid #1a5fb4; outline-offset:3px; }
/* The sticky top bar plus the logo that hangs below it reach ~195px. */
.corsia-cc-anchor{ display:block; scroll-margin-top:205px; }
@media (max-width:480px){
  .corsia-cc{ margin:12px 0 16px; padding:18px 14px; }
  .corsia-cc .cc-title{ font-size:22px; }
  .corsia-cc .cc-text{ font-size:15px; margin-bottom:10px; }
  /* Each perk on its own row rather than a dot dangling at a line end. */
  .corsia-cc .cc-perks{ display:block; padding:6px 12px; border-radius:12px; font-size:14px; }
  .corsia-cc .cc-perk{ display:block; }
  .corsia-cc .cc-sep{ display:none; }
  .corsia-cc .cc-btn{ width:100%; box-sizing:border-box; }
}
@media (prefers-reduced-motion:no-preference){ html:has(.corsia-cc){ scroll-behavior:smooth; } }
/* Card price per weight on the same two pages: "₪9.50 ל־100 גרם". */
.cc-unit-price .cc-unit{ font-size:.8em; font-weight:600; color:var(--ink-soft,#5a4a42); white-space:nowrap; }

/* Free-shipping progress bar (inc/free-shipping.php): above the block cart,
   and under "הוספה לסל" on the product page / quick view. */
.corsia-fs{ margin:0 0 20px; padding:14px 18px 16px; direction:rtl; text-align:center;
  background:var(--cream,#fbf6ec); border:1px solid rgba(155,45,34,.18); border-radius:14px; }
.corsia-fs[hidden]{ display:none; }
.corsia-fs .cfs-msg{ margin:0 0 10px; font-size:17px; font-weight:800; color:var(--maroon,#9B2D22); }
.corsia-fs .cfs-track{ position:relative; height:12px; border-radius:999px; overflow:hidden;
  background:#fff; border:1px solid rgba(155,45,34,.25); }
.corsia-fs .cfs-fill{ position:absolute; inset-block:0; inset-inline-start:0; width:0;
  border-radius:999px; background:linear-gradient(90deg, var(--gold,#e9c67c), #d8a94a); }
.corsia-fs.is-done .cfs-fill{ background:#1f7a44; }
.corsia-fs.is-done .cfs-msg{ color:#1f7a44; }
@media (prefers-reduced-motion:no-preference){ .corsia-fs .cfs-fill{ transition:width .4s ease; } }
@media (max-width:480px){ .corsia-fs{ padding:12px 14px 14px; } .corsia-fs .cfs-msg{ font-size:16px; } }
/* Product-page variant: sits between the button and the shipping line, so it
   matches that box — aligned to the start, a size smaller. */
.corsia-fs--product{ margin:16px 0 0; padding:12px 14px 13px; text-align:start; border-radius:10px; }
.corsia-fs--product .cfs-msg{ margin-bottom:8px; font-size:15px; }
.corsia-fs--product .cfs-track{ height:10px; }
.corsia-fs--product + .corsia-ship-info{ margin-top:10px; }

/* Product page layout (2026-10-01).
   1. The white product card (div.product: white, 1px border, 22px radius)
      floats its two columns on desktop and never cleared them, so it
      collapsed to a 62px strip with the image and the summary spilling out
      over its border — the "empty white bar" with the back button sitting on
      its edge. flow-root makes it contain its floats again.
   2. The header logo hangs ~136px below the 96px fixed bar (to 232px on
      desktop, 228px on a phone) and the page started under it. The content
      now starts below the logo with a small gap.
   3. On desktop the gallery column stays in view while the longer summary
      column scrolls (sticky, just below the logo). */
.single-product div.product{ display:flow-root; }
/* Selectors are heavier than they look on purpose: Astra's inline
   `.ast-plain-container.ast-no-sidebar #primary` sets the top margin, and
   WooCommerce sets `position:relative` on the gallery — both outrank a plain
   `.single-product …` rule (with `relative`, the 248px top became a shift). */
@media (min-width:922px){
  body.single-product.ast-plain-container.ast-no-sidebar #primary{ margin-top:152px; }
  body.single-product.woocommerce div.product div.images.woocommerce-product-gallery{ position:sticky; top:248px; }
}
@media (max-width:921px){
  body.single-product div.product{ margin-top:150px; }
}