/* ============================================================
   CONCEPT D — INNER PAGES
   Applies to all 305 non-homepage URLs.

   This file changes chrome and surface only. It adds no markup and
   removes no content: every heading, product name, review and
   paragraph on every page stays exactly as it is.
   ============================================================ */

/* ------------------------------------------------------------
   1. The site's own header and footer stay
   They carry the mega menu and the full footer link set. Hiding
   them removed those links from every page, which changes the
   internal linking structure and therefore the SEO. They are
   kept and styled, never replaced.
   ------------------------------------------------------------ */

/* ------------------------------------------------------------
   2. Surface
   concept-d.css pins body to the dark ink so the homepage reads
   correctly. Inner pages carry their own body copy in dark text,
   so they get the bone surface instead or nothing is legible.
   ------------------------------------------------------------ */
html, body{
  background:var(--bone)!important;
  color:var(--on-light)!important;
}
main, .site-main, .page-content, #content{
  background:var(--bone);
}

/* Elementor sections on inner pages keep their own backgrounds, but
   anything transparent should fall through to bone, not to ink. */
.elementor-section:not([class*="elementor-element-"]):not([style*="background"]){
  background:transparent;
}

/* ------------------------------------------------------------
   3. Typography
   Rubik, display weights and Hebrew-safe tracking, matching the
   homepage. Sizes stay conservative so no layout reflows badly.
   ------------------------------------------------------------ */
body,
.elementor-widget-text-editor,
.elementor-widget-heading .elementor-heading-title,
input, select, textarea, button{
  font-family:'Rubik',system-ui,-apple-system,'Segoe UI',sans-serif;
}
.elementor-widget-heading .elementor-heading-title,
h1, h2, h3, h4{
  font-weight:900;
  letter-spacing:-.035em;
  line-height:1.08;
  color:var(--ink);
}
h3, h4,
.elementor-widget-heading h3.elementor-heading-title,
.elementor-widget-heading h4.elementor-heading-title{ letter-spacing:-.025em; }

/* Never letter-space Hebrew body copy. */
p, li, .elementor-widget-text-editor{ letter-spacing:0; }

/* ------------------------------------------------------------
   4. Controls
   Square, flat, brand green. Matches the homepage exactly.
   ------------------------------------------------------------ */
.elementor-button,
.woocommerce a.button, .woocommerce button.button,
.woocommerce #respond input#submit{
  border-radius:0!important;
  box-shadow:none!important;
  font-weight:700;
  letter-spacing:-.01em;
  background-color:var(--green);
  color:var(--on-green);
  transition:background-color .2s, color .2s, transform .2s cubic-bezier(.2,.8,.3,1);
}
.elementor-button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover{
  background-color:var(--green-lift);
  color:var(--on-green);
}
.elementor-button:active{ transform:scale(.98); }

/* ------------------------------------------------------------
   5. Spacing under the fixed header
   ------------------------------------------------------------ */
body > .util + .hdr + *,
main, .site-main{ padding-top:0; }
.hdr{ position:sticky; top:0; z-index:60; }

/* ------------------------------------------------------------
   6. Images and cards
   Square corners everywhere, matching the homepage.
   ------------------------------------------------------------ */
.elementor-widget-image img,
.woocommerce ul.products li.product img,
.woocommerce div.product div.images img{
  border-radius:0;
}
.woocommerce ul.products li.product{
  background:#fff;
  border:0;
  border-radius:0;
  box-shadow:none;
  transition:transform .3s cubic-bezier(.2,.8,.3,1);
}
.woocommerce ul.products li.product:hover{ transform:translateY(-5px); }
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-weight:900;
  letter-spacing:-.025em;
  color:var(--ink);
}

/* ------------------------------------------------------------
   7. Forms
   ------------------------------------------------------------ */
.elementor-field-group .elementor-field-textual{
  border:0;
  border-bottom:2px solid rgba(13,12,10,.17);
  border-radius:0;
  background:transparent;
  padding:10px 0 13px;
  font-size:17px;
  font-weight:600;
  color:var(--ink);
  box-shadow:none;
}
.elementor-field-group .elementor-field-textual:focus{
  border-bottom-color:var(--green-dark);
  outline:0; box-shadow:none;
}
.elementor-field-group > label{
  font-size:13px; font-weight:700; letter-spacing:0; color:#5B5349;
}

/* ------------------------------------------------------------
   8. Phone links read as data
   ------------------------------------------------------------ */
a[href^="tel:"]{
  font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,monospace;
  font-weight:700;
  letter-spacing:-.045em;
  direction:ltr;
  display:inline-block;
}

/* ------------------------------------------------------------
   9. Footer and sticky bar sit on dark, overriding the bone body
   ------------------------------------------------------------ */
.ft{ background:#000!important; color:#8A8278!important; }
.ft :is(h1,h2,h3,h4){ color:#fff!important; }
.ft a{ color:#8A8278; }
.ft a:hover{ color:var(--green); }
.util{ background:#000!important; color:#8A8278!important; }
.hdr{ background:rgba(13,12,10,.94)!important; }
.hdr .nav a{ color:#BDB6AC; }
.hdr .nav a:hover{ color:#fff; }
.stick{ background:#000!important; }

/* ------------------------------------------------------------
   10. Close the gap left by the retired header
   Hiding .elementor-location-header removes it from flow, but the
   theme wrapper and Elementor's first section both carry top
   padding that was sized to sit under the old taller header.
   ------------------------------------------------------------ */
/* .site-header left visible: it is the theme's header wrapper. */
main, .site-main, #content, .page-content{ padding-top:0!important; margin-top:0!important; }
main > .elementor > .elementor-section:first-child,
main > .elementor > .e-con:first-child{ margin-top:0!important; }
body.elementor-page main{ padding-block-start:0!important; }