/* ============================================================
   Corsia — BOT-owned stylesheet.
   Edited ONLY by the Telegram bot (phone). Loads AFTER style.css,
   so any rule here OVERRIDES the main theme. Cache-busts automatically.
   The Mac/Claude editor does NOT touch this file.
   ============================================================ */

/* ------------------------------------------------------------
   FIX (2026-07-13): single-product summary was "sticky".
   style.css sets:
     .single-product div.product .summary.entry-summary{
        position:sticky; top:100px; align-self:flex-start; }
   Its containing block is div.product, which also wraps the tabs,
   so it is very tall — the price / add-to-cart column detached and
   travelled down the page while the gallery stayed put, throwing the
   two columns out of alignment.
   Restore normal flow: the summary stays in place beside the image.
   ------------------------------------------------------------ */
@media (min-width:769px){
  .single-product div.product .summary.entry-summary{
    position: static !important;
    top: auto !important;
    align-self: auto !important;
  }
}

/* ------------------------------------------------------------
   Category hero banners (2026-07-20): new wide banners (1600x853)
   were being shrunk into a small centred card on a blurred backdrop
   by the default .corsia-billboard (fixed height + object contain).
   Show them as a real full-width hero: image fills the container,
   uncropped, no blur.
   ------------------------------------------------------------ */
.corsia-billboard{
  height: auto !important;
  background: transparent !important;
  display: block !important;
}
.corsia-billboard::before{ display: none !important; }
.corsia-billboard img{
  position: static !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  border-radius: 16px;
  box-shadow: none !important;
}

/* ------------------------------------------------------------
   Hide the redundant category title box (cream card with the
   category name + gold underline) on ALL product-category pages —
   the hero banner already shows the category name (banners for the
   remaining categories are on the way). The main /shop/ page keeps
   its title. 2026-07-20
   ------------------------------------------------------------ */
body.tax-product_cat .woocommerce-products-header{ display: none !important; }

/* ------------------------------------------------------------
   Entry pop-up (used on the פיצוחים category). Markup in bot.php.
   2026-07-20
   ------------------------------------------------------------ */
.corsia-pop{ position:fixed; inset:0; z-index:100000; display:none;
  align-items:center; justify-content:center; padding:22px;
  background:rgba(58,35,24,.6); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); }
.corsia-pop.is-open{ display:flex; }
.corsia-pop__box{ position:relative; width:100%; max-width:520px; animation:corsiaPopIn .32s cubic-bezier(.2,.7,.2,1); }
.corsia-pop__box img{ display:block; width:100%; height:auto; border-radius:18px;
  box-shadow:0 24px 70px rgba(0,0,0,.45); }
.corsia-pop__x{ position:absolute !important; top:-16px; inset-inline-start:-16px;
  width:42px !important; height:42px !important; min-width:0 !important; padding:0 !important;
  border:none !important; border-radius:50% !important; background:#fff !important; color:#5e140d !important;
  font-size:28px !important; line-height:1 !important; font-weight:700; cursor:pointer;
  display:flex !important; align-items:center; justify-content:center;
  box-shadow:0 6px 20px rgba(0,0,0,.35); z-index:2; }
.corsia-pop__x:hover{ background:#5e140d !important; color:#fff !important; }
@keyframes corsiaPopIn{ from{ opacity:0; transform:scale(.9); } to{ opacity:1; transform:scale(1); } }

/* ------------------------------------------------------------
   "טהור" sub-title under spice product names (category 16).
   Markup output by bot.php. 2026-07-27
   ------------------------------------------------------------ */
.corsia-pure{
  display:inline-block; color:var(--gold,#D99B2B); font-weight:800;
  font-size:.82rem; letter-spacing:.14em; margin:3px 0 4px;
  text-transform:none;
}
.corsia-pure::before{ content:"• "; color:var(--gold,#D99B2B); }
.single-product .corsia-pure{
  display:block; color:var(--maroon,#9B2D22); font-size:1.05rem;
  letter-spacing:.12em; margin:-6px 0 12px;
}

/* "price per 100g" note under the price (weight products starting >100g) */
.corsia-per100-note{ font-size:.92rem; font-weight:700; color:var(--ink-soft,#6b5b4d); margin:2px 0 10px; }
.corsia-per100-note .amount, .corsia-per100-note bdi{ color:var(--maroon,#9B2D22); }
.corsia-per100-note span{ font-weight:600; color:var(--ink-soft,#6b5b4d); }

/* Single product: hide SKU/category/tags meta line */
.single-product .product_meta{ display:none !important; }
/* Product description placed under the image (fills the gallery-column gap) */
.corsia-desc-under{
  margin:22px 2px 0; padding:20px 22px; background:var(--cream,#fbf6ec);
  border:1px solid var(--gold-soft,#efd9a8); border-radius:16px;
  color:var(--ink,#3a2318); line-height:1.75; text-align:right;
}
.corsia-desc-under > :first-child{ margin-top:0; }
.corsia-desc-under > :last-child{ margin-bottom:0; }

/* Quick View: description under image + per-100g under name */
.cqv-media .cqv-desc-under{ margin-top:16px; }
@media(max-width:768px){ .cqv-media .cqv-desc-under{ margin-top:12px; } }

/* "הסיפור שלנו" v2 — clean readable story section */
.corsia-story2{ max-width:1100px; margin:36px auto; padding:0 16px;
  display:grid; grid-template-columns:1fr; gap:22px; }
.corsia-story2 .cs2-photo{ width:100%; max-height:420px; object-fit:cover; border-radius:20px;
  box-shadow:0 14px 40px rgba(94,20,13,.14); }
.corsia-story2 .cs2-body{ background:var(--cream,#fbf6ec); border:1px solid var(--gold-soft,#efd9a8);
  border-radius:20px; padding:30px 34px; }
.corsia-story2 .cs2-eyebrow{ display:inline-block; color:var(--gold,#D99B2B); font-weight:800;
  letter-spacing:.14em; font-size:.86rem; margin-bottom:6px; }
.corsia-story2 .cs2-title{ color:var(--maroon,#9B2D22); font-size:2rem; margin:0 0 16px; }
.corsia-story2 .cs2-text p{ color:var(--ink,#3a2318); line-height:1.85; margin:0 0 14px; font-size:1.06rem; }
.corsia-story2 .cs2-text blockquote{ margin:18px 0; padding:14px 20px; border-inline-start:4px solid var(--gold,#D99B2B);
  background:#fff; border-radius:12px; color:var(--maroon,#9B2D22); font-weight:700; font-size:1.1rem; }
.corsia-story2 .cs2-press{ display:inline-block; margin-top:14px; color:var(--maroon,#9B2D22); font-weight:800; }
@media(min-width:900px){ .corsia-story2{ grid-template-columns:1fr; } .corsia-story2 .cs2-title{ font-size:2.3rem; } }

/* Welcome popup */
.cs-welcome-box{ max-width:460px; text-align:center; }
.cs-welcome-box img{ cursor:pointer; }
.cs-welcome-copy{ display:inline-block; margin-top:12px; background:var(--maroon,#9B2D22) !important; color:#fff !important;
  border:none !important; border-radius:999px !important; padding:12px 26px !important; font-weight:800 !important;
  font-size:1rem !important; cursor:pointer; box-shadow:0 6px 18px rgba(94,20,13,.3); }
.cs-welcome-copy:hover{ filter:brightness(1.08); }

/* Force ₪ to the LEFT of the number everywhere (cart, totals, all prices) */
.woocommerce-Price-amount, .woocommerce-Price-amount bdi,
#corsia-topbar .cs-cart-total, #corsia-topbar .cs-cart-total bdi{ direction:ltr !important; }
/* Enlarge the sticky top-bar logo by ~30% */
#corsia-topbar .cs-logo img{ height:202px !important; }
@media(max-width:768px){ #corsia-topbar .cs-logo img{ height:168px !important; } }

/* Prominent +/- quantity stepper on product pages */
.single-product form.cart .cs-qtybox{ display:inline-flex !important; align-items:stretch; gap:0;
  border:2px solid var(--gold-soft,#efd9a8); border-radius:14px; overflow:hidden; background:#fff; }
.single-product form.cart .cs-qtybox .cs-qbtn{ width:44px; border:none !important; background:var(--cream,#fbf6ec) !important;
  color:var(--maroon,#9B2D22) !important; font-size:1.4rem !important; font-weight:800 !important; cursor:pointer;
  line-height:1 !important; padding:0 !important; min-width:0 !important; }
.single-product form.cart .cs-qtybox .cs-qbtn:hover{ background:var(--gold-soft,#efd9a8) !important; }
.single-product form.cart .cs-qtybox input.qty{ width:54px !important; text-align:center; border:none !important;
  background:transparent !important; font-size:1.15rem; font-weight:800; -moz-appearance:textfield; }
.single-product form.cart .cs-qtybox input.qty::-webkit-outer-spin-button,
.single-product form.cart .cs-qtybox input.qty::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }

/* Homepage promo banner (employees/B2B, above TikTok) — square image, kept small/proportional */
.corsia-promo-banner{ max-width:360px !important; margin:34px auto 18px !important; padding:0 16px; }
.corsia-promo-banner a{ display:block; }
.corsia-promo-banner img{ width:100%; height:auto; border-radius:20px; display:block;
  box-shadow:0 12px 34px rgba(94,20,13,.16); transition:transform .25s ease; }
.corsia-promo-banner a:hover img{ transform:translateY(-3px); }

/* Cart recommendations */
.cs-cart-recs{ max-width:1100px; margin:36px auto; padding:0 16px; }
.cs-cart-recs h3{ color:var(--maroon,#9B2D22); font-size:1.4rem; margin:0 0 16px; text-align:center; }

/* Wide promo banner (club/WhatsApp) */
.corsia-promo-banner.wide{ max-width:820px; }

/* ============ My Account — brand-styled (RTL) ============ */
.woocommerce-account .woocommerce{ max-width:1080px; margin:22px auto; }
.woocommerce-account .u-columns{ display:grid; grid-template-columns:1fr 1fr; gap:24px; }
@media(max-width:768px){ .woocommerce-account .u-columns{ grid-template-columns:1fr; } }
.woocommerce-account .u-column1, .woocommerce-account .u-column2,
.woocommerce-account .col-1, .woocommerce-account .col-2{
  background:var(--cream,#fbf6ec); border:1px solid var(--gold-soft,#efd9a8); border-radius:18px;
  padding:26px 28px; box-shadow:0 8px 26px rgba(94,20,13,.08); }
.woocommerce-account .u-columns h2{ color:var(--maroon,#9B2D22); font-size:1.5rem; margin:0 0 16px; text-align:center; }
.woocommerce form .form-row label{ font-weight:700; color:var(--ink,#3a2318); margin-bottom:5px; display:block; }
.woocommerce-account form .form-row input.input-text,
.woocommerce-account form .form-row input[type="password"],
.woocommerce-account form .form-row input[type="email"],
.woocommerce-account form .form-row input[type="text"]{
  width:100%; padding:12px 16px; border:2px solid var(--gold-soft,#efd9a8); border-radius:12px;
  background:#fff; font-size:1.02rem; font-family:inherit; color:var(--ink,#3a2318); box-sizing:border-box; }
.woocommerce-account form .form-row input:focus{ outline:none; border-color:var(--maroon,#9B2D22); }
.woocommerce-account .woocommerce-button,
.woocommerce-account button.button,
.woocommerce-account input.button{
  background:var(--maroon,#9B2D22)!important; color:#fff!important; border:none!important; border-radius:999px!important;
  padding:12px 34px!important; font-weight:800!important; font-size:1.05rem!important; cursor:pointer; }
.woocommerce-account button.button:hover, .woocommerce-account input.button:hover{ filter:brightness(1.08); }
.woocommerce-account .lost_password a, .woocommerce-account .woocommerce-privacy-policy-text a{ color:var(--maroon,#9B2D22); font-weight:700; }
/* logged-in: nav + content */
.woocommerce-MyAccount-navigation ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:7px; }
.woocommerce-MyAccount-navigation li a{ display:block; padding:12px 18px; border-radius:12px; color:var(--ink,#3a2318);
  font-weight:700; background:var(--cream,#fbf6ec); border:1px solid var(--gold-soft,#efd9a8); text-decoration:none; transition:.15s; }
.woocommerce-MyAccount-navigation li.is-active a, .woocommerce-MyAccount-navigation li a:hover{
  background:var(--maroon,#9B2D22); color:#fff; border-color:var(--maroon,#9B2D22); }
.woocommerce-MyAccount-content{ background:#fff; border:1px solid var(--gold-soft,#efd9a8); border-radius:18px; padding:24px 28px; }
@media(min-width:769px){
  .woocommerce-account .woocommerce-MyAccount-navigation{ width:26%; float:right; }
  .woocommerce-account .woocommerce-MyAccount-content{ width:70%; float:left; }
  .woocommerce-account .woocommerce::after{ content:""; display:block; clear:both; }
}

/* Account button in top bar */
#corsia-topbar .cs-account{ display:inline-flex; align-items:center; gap:6px; color:var(--maroon,#9B2D22);
  font-weight:800; text-decoration:none; font-size:.92rem; margin-inline:4px; padding:6px 8px; border-radius:10px; }
#corsia-topbar .cs-account:hover{ background:var(--cream,#fbf6ec); color:var(--maroon-dk,#7a1a12); }
@media(max-width:600px){ #corsia-topbar .cs-account span{ display:none; } #corsia-topbar .cs-account{ padding:6px; } }
/* Fix: login/register truly side-by-side */
.woocommerce-account .u-columns.col2-set{ display:block !important; max-width:480px; margin:24px auto; }
.woocommerce-account .col2-set .col-1, .woocommerce-account .col2-set .col-2{ width:100% !important; float:none !important; margin:0 0 22px !important; }
/* Fix: password show/hide toggle (not a big maroon button) */
.woocommerce-account .password-input{ display:block; position:relative; }
.woocommerce-account .show-password-input{ position:absolute !important; top:50% !important; transform:translateY(-50%) !important;
  inset-inline-end:14px !important; background:transparent !important; border:none !important; padding:0 !important;
  width:auto !important; min-width:0 !important; color:var(--ink-soft,#6b5b4d) !important; box-shadow:none !important; }
.woocommerce-account .show-password-input::after{ color:var(--ink-soft,#6b5b4d); }

/* Single-panel tabbed login/register (overrides the stacked cards) */
.woocommerce-account #customer_login.u-columns.col2-set{ max-width:460px; margin:26px auto; background:var(--cream,#fbf6ec);
  border:1px solid var(--gold-soft,#efd9a8); border-radius:18px; padding:0 24px 26px; box-shadow:0 10px 30px rgba(94,20,13,.1); }
.woocommerce-account #customer_login .u-column1, .woocommerce-account #customer_login .u-column2,
.woocommerce-account #customer_login .col-1, .woocommerce-account #customer_login .col-2{
  background:transparent!important; border:none!important; box-shadow:none!important; padding:0!important; margin:0!important; }
.cs-auth-tabs{ display:flex; gap:6px; margin:0 -24px 22px; padding:7px; background:#fff;
  border-radius:18px 18px 0 0; border-bottom:1px solid var(--gold-soft,#efd9a8); }
.cs-auth-tabs .cs-tab{ flex:1; padding:13px 6px!important; border:none!important; background:transparent!important;
  color:var(--ink-soft,#6b5b4d)!important; font-weight:800!important; font-size:1.06rem!important; cursor:pointer!important; border-radius:12px!important; }
.cs-auth-tabs .cs-tab.is-active{ background:var(--maroon,#9B2D22)!important; color:#fff!important; }

/* Club pop-up (top-bar "התחברות" click) — image only; the × drawn on
   the image is a hotspot that closes and goes to login/register. */
.cs-club-pop .corsia-pop__box{ max-width:640px; padding:0; background:transparent; border:none; box-shadow:none; position:relative; }
.cs-club-pop .cs-club-img{ display:block; }
.cs-club-pop .cs-club-img img{ display:block; width:100%; height:auto; border-radius:14px; }
.cs-club-pop .cs-club-close{ position:absolute; top:0; inset-inline-end:0; width:18%; height:16%; z-index:5;
  display:block; background:transparent; border:none; cursor:pointer; }

/* Legal disclaimer + choking-hazard warning on product pages */
.corsia-product-disclaimer{ clear:both; margin:20px 0 4px; padding:13px 16px; border:1px solid var(--gold-soft,#efd9a8);
  border-radius:12px; background:#fffdf8; font-size:.83rem; line-height:1.55; color:var(--ink-soft,#6b5b4d); }
.corsia-product-disclaimer p{ margin:0; }
.corsia-product-disclaimer .cpd-warn{ margin-top:9px; color:var(--maroon,#9B2D22); }
.cqv-summary .corsia-product-disclaimer{ margin-top:14px; }

/* Homepage hero: TRUE full-bleed edge-to-edge (like the original), forced with
   !important + symmetric calc margins so it reaches BOTH screen edges on wide
   monitors (the theme rule broke to one side >1500px). 2026-08-25 */
.corsia-hero.corsia-hero-img{
  width:100vw !important; max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; margin-top:-8px !important;
  left:auto !important; right:auto !important; transform:none !important; float:none !important;
}
.corsia-hero.corsia-hero-img .chi-imgwrap{ width:100% !important; }
.corsia-hero.corsia-hero-img .chi-imgwrap img{ width:100% !important; max-width:100% !important; height:auto !important; display:block; }

/* ===== Extra accessibility options (parity with UserWay) 2026-08-26 ===== */
/* saturation — same --a11y-filter pattern as invert/grayscale/contrast */
html.a11y-saturation{ --a11y-filter:saturate(.55); }
/* text spacing (letter + word) */
html.a11y-spacing p, html.a11y-spacing li, html.a11y-spacing a, html.a11y-spacing span,
html.a11y-spacing h1, html.a11y-spacing h2, html.a11y-spacing h3, html.a11y-spacing h4,
html.a11y-spacing td, html.a11y-spacing button, html.a11y-spacing label{
  letter-spacing:.12em !important; word-spacing:.16em !important; }
/* line height */
html.a11y-lineheight p, html.a11y-lineheight li, html.a11y-lineheight td,
html.a11y-lineheight blockquote, html.a11y-lineheight .entry-content{ line-height:2 !important; }
/* text align — justify body copy */
html.a11y-align p, html.a11y-align li{ text-align:justify !important; }
/* hide content images (keeps layout; UI icons/svg stay) */
html.a11y-hideimg img, html.a11y-hideimg video{ visibility:hidden !important; }
/* dyslexia-friendly font + spacing */
html.a11y-dyslexia body, html.a11y-dyslexia p, html.a11y-dyslexia li, html.a11y-dyslexia a,
html.a11y-dyslexia span, html.a11y-dyslexia h1, html.a11y-dyslexia h2, html.a11y-dyslexia h3,
html.a11y-dyslexia h4, html.a11y-dyslexia button, html.a11y-dyslexia input, html.a11y-dyslexia td{
  font-family:"Trebuchet MS",Verdana,Arial,sans-serif !important; letter-spacing:.05em !important; word-spacing:.1em !important; }
/* Accessibility panel: internal scroll so all 14 options fit on any screen */
#cs-a11y-panel{ max-height:80vh !important; }
#cs-a11y-panel .cs-a11y-body{ overflow-y:auto !important; max-height:calc(80vh - 50px) !important; -webkit-overflow-scrolling:touch; }