/* main.css - generated, do not edit.
   The files below are concatenated here in load order and rebuilt
   automatically whenever one of them changes. Edit the sources. */

/* ---- /assets/css/tokens.css ---- */
/* ==========================================================================
   tokens.css — global design tokens for eddiecpa.com
   Migrated 9.8.2026 from Code Snippets 7 (colours), 28 (typography), 33 (spacing).

   RULE: every colour, size and spacing value used anywhere on the site comes
   from here. Never write a raw hex or px value in a page stylesheet.

   Four colours are NOT defined here — they come from the GeneratePress
   Customizer (Colors > Global Colors) and are mapped below:
     --contrast   -> --eddie-ink
     --contrast-2 -> --eddie-muted
     --contrast-3 -> --eddie-brass-deep
     --base-3     -> --eddie-white
     --accent     -> --eddie-brass
   To change one of those, change it in the Customizer, not here.

   The h1-h4 clamps also exist in the GeneratePress typography settings.
   If you change a heading size, change it in BOTH places.
   ========================================================================== */

:root {

  /* --- colour: sourced from the theme ------------------------------------ */
  --eddie-ink:            var(--contrast);
  --eddie-muted:          var(--contrast-2);
  --eddie-brass-deep:     var(--contrast-3);
  --eddie-white:          var(--base-3);
  --eddie-brass:          var(--accent);

  /* --- colour: local (GeneratePress has only seven global slots) ---------- */
  --eddie-brass-light:    #E3B341;
  --eddie-line:           #E3E8EF;
  --eddie-line-2:         #CBD5E1;
  --eddie-paper-2:        #F1F4F8;
  --eddie-overlay:        rgba(11, 33, 67, 0.45);
  --eddie-whatsapp:       #25D366;

  /* --- shadow ------------------------------------------------------------ */
  --eddie-shadow-soft:    0 2px 10px rgba(11, 33, 67, 0.06);
  --eddie-shadow-bar:     0 4px 16px rgba(11, 33, 67, 0.08);
  --eddie-shadow-drawer:  -8px 0 30px rgba(11, 33, 67, 0.15);

  /* --- typography -------------------------------------------------------- */
  --eddie-font:           "Assistant", Arial, "Helvetica Neue", Helvetica, "Liberation Sans", Arimo, "Nimbus Sans", sans-serif;
  --eddie-body-size:      17px;
  --eddie-body-sm:        15px;
  --eddie-article-size:   19px;
  --eddie-h1-size:        clamp(28px, 4vw, 40px);
  --eddie-h2-size:        clamp(24px, 3.2vw, 32px);
  --eddie-h3-size:        clamp(20px, 2.4vw, 24px);
  --eddie-h4-size:        clamp(18px, 1.8vw, 20px);
  --eddie-h5-size:        clamp(16px, 1.4vw, 18px);
  --eddie-h6-size:        clamp(15px, 1.2vw, 16px);

  /* --- layout and spacing ------------------------------------------------ */
  --eddie-content-width:      1160px;
  --eddie-read-width:         760px;
  --eddie-space-desktop:      32px;
  --eddie-space-mobile:       20px;
  --eddie-section-y:          64px;
  --eddie-section-y-mobile:   48px;
  --eddie-card-gap:           16px 14px;
  --eddie-hero-ratio:         3/2;

  /* --- header ------------------------------------------------------------ */
  --eddie-header-width:   100%;
  --eddie-header-pad:     40px;
  --eddie-header-gap:     48px;
}

/* ==========================================================================
   Base element styling that depends on the tokens above.
   Migrated from snippet 28.
   ========================================================================== */

body, h1, h2, h3, h4, h5, h6,
button, input, select, textarea { font-family: var(--eddie-font); }

h1 { font-size: var(--eddie-h1-size); }
h2 { font-size: var(--eddie-h2-size); }
h3 { font-size: var(--eddie-h3-size); }
h4 { font-size: var(--eddie-h4-size); }
h5 { font-size: var(--eddie-h5-size); }
h6 { font-size: var(--eddie-h6-size); }

/* Keyboard focus ring. Gold on light surfaces, white on the dark ones. */
:focus-visible {
  outline: 3px solid var(--eddie-brass-deep);
  outline-offset: 2px;
  border-radius: 2px;
}

.eddie-fixed-bar :focus-visible,
[class*="-cta"] :focus-visible,
[class*="-hero"] :focus-visible,
.quote-section :focus-visible,
.wa-banner :focus-visible,
.ecf :focus-visible { outline-color: var(--eddie-white); }


/* ---- /assets/css/base.css ---- */
/* ==========================================================================
   base.css - shared COMPONENTS, loaded on every page.

   Only prefixed components belong here. A prefixed name means exactly one
   thing across the whole site, so it can live in one place without ever
   competing with anything.

   NEVER put a bare element selector (h1, a, ul, body) or a generic class
   (.eddie-btn, .eddie-field, .eddie-wrap, .eddie-section, .eddie-faq-item) in here. Those are defined
   differently by different pages; moving them into a file that loads
   everywhere is what broke the outline buttons, the legal-page headings
   and the contact accordion on 9.8.2026. To centralise those, RENAME them
   first (.eddie-btn -> .eddie-btn) so each has one owner, then move them.
   ========================================================================== */

.eddie-modal-overlay {
  position:fixed; inset:0; background:rgba(11,33,67,0.55); display:flex; align-items:center; justify-content:center; z-index:1000; padding:20px;
}

.eddie-modal-overlay[hidden] {
  display:none;
}

.eddie-modal {
  position:relative; background: var(--eddie-white); border-radius: 14px; max-width:420px; width:100%; padding:36px 32px 32px; text-align:center; box-shadow: 0 30px 60px rgba(0,0,0,0.25);
}

.eddie-modal-close {
  position:absolute; top:14px; left:16px; background:none; border:none; font-size:22px; color: var(--eddie-muted); cursor:pointer; line-height:1;
}

.eddie-modal-icon {
  width:56px; height:56px; border-radius:50%; background: rgba(199,147,23,0.12); color: var(--eddie-brass-deep); display:flex; align-items:center; justify-content:center; margin:0 auto 18px;
}

.eddie-modal h3 {
  font-size: var(--eddie-h3-size); margin-bottom:10px; color: var(--eddie-ink);
}

.eddie-modal p {
  font-size: var(--eddie-body-sm); color: var(--eddie-muted); line-height:1.6; margin-bottom:22px;
}

.eddie-modal .eddie-btn {
  width:100%; justify-content:center;
}

.eddie-modal .eddie-btn-primary:hover {
  background: var(--eddie-brass-deep); color: var(--eddie-ink); border-color: var(--eddie-brass-deep);
}


/* ---- shared page components, lifted 9.8.2026 ---- */

.eddie-wrap {
  max-width: var(--eddie-content-width); margin: 0 auto; padding: 0 var(--eddie-space-desktop);
}

.eddie-eyebrow {
  font-family: var(--eddie-font); font-size: 13px; letter-spacing: 0.12em; color: var(--eddie-brass-deep); font-weight: 700; display: inline-flex; align-items: center; gap: 10px; margin-bottom: 18px;
}

.eddie-btn {
  display: inline-flex; align-items: center; gap: 10px; padding: 15px 30px; font-family: var(--eddie-font); font-size: 15px; font-weight: 700; border-radius: 999px; border: 2px solid transparent; cursor: pointer; transition: all .3s ease; white-space: nowrap;
}

.eddie-btn-primary {
  background: var(--eddie-brass); color: var(--eddie-ink); border-color: var(--eddie-brass);
}

.eddie-btn-primary:hover {
  background: transparent; color: var(--eddie-white); border-color: var(--eddie-white);
}

.eddie-btn-outline {
  background: transparent; color: var(--eddie-white); border-color: rgba(255,255,255,0.5);
}

.eddie-btn-outline:hover {
  background: var(--eddie-white); color: var(--eddie-ink); border-color: var(--eddie-white);
}

.eddie-btn-outline-ink {
  background: transparent; color: var(--eddie-ink); border-color: var(--eddie-line);
}

.eddie-btn-outline-ink:hover {
  background: var(--eddie-ink); color: var(--eddie-white); border-color: var(--eddie-ink);
}

.eddie-btn-dark {
  background: var(--eddie-ink); color: var(--eddie-white); border-color: var(--eddie-ink);
}

.eddie-btn-dark:hover {
  background: var(--eddie-brass); color: var(--eddie-ink); border-color: var(--eddie-brass);
}

.eddie-section {
  padding: var(--eddie-section-y) 0;
}

.eddie-section-tight {
  padding: var(--eddie-section-y-mobile) 0;
}

.eddie-section-head {
  max-width:640px; margin-bottom: 50px;
}

.eddie-section-head h2 {
  font-size: var(--eddie-h2-size);
}

.eddie-section-head p {
  color: var(--eddie-muted); margin-top: 16px; font-size: var(--eddie-body-size);
}

.eddie-bg-alt {
  background: var(--eddie-paper-2);
}

.eddie-center {
  text-align:center; margin-left:auto; margin-right:auto;
}

.eddie-process-step {
  background: var(--eddie-white); border-radius: 14px; padding: 32px 28px; box-shadow: 0 18px 40px -20px rgba(11,33,67,0.20); border: 1px solid var(--eddie-line);
}

.eddie-process-step h3 {
  font-size: var(--eddie-h3-size); margin-bottom: 9px;
}

.eddie-process-step p {
  color: var(--eddie-muted); font-size: var(--eddie-body-sm);
}

.eddie-faq-item {
  border-bottom: 1px solid var(--eddie-line);
}

.eddie-faq-item summary {
  padding: 18px 26px; cursor:pointer; font-size: 17px; font-weight:700; list-style:none; display:flex; justify-content:space-between; align-items:center; gap: 16px;
}

.eddie-faq-item summary::-webkit-details-marker {
  display:none;
}

.eddie-contact-line {
  display:flex; align-items:center; gap:13px; margin-bottom: 16px; font-size: 15px;
}

.eddie-contact-line svg {
  flex-shrink:0; color: var(--eddie-brass);
}

.eddie-field {
  margin-bottom: 18px;
}

.eddie-field label {
  display:block; font-size: 13px; margin-bottom: 7px; color: var(--eddie-muted); font-weight:600;
}

.eddie-optional-tag {
  font-weight:400; color: var(--eddie-muted); opacity:0.75;
}

.eddie-hp-field {
  position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

.eddie-form-error {
  color:#b3261e; font-size: var(--eddie-body-sm); margin-top:10px; text-align:center;
}

.eddie-form-error[hidden] {
  display:none;
}

.eddie-faq-item summary::after {
  content:""; flex:0 0 auto; width:11px; height:11px; border-right:2px solid var(--eddie-brass-deep); border-bottom:2px solid var(--eddie-brass-deep); border-radius:1px; background:none; transform:rotate(45deg); transform-origin:center; margin-top:4px; transition:transform .3s ease;
}

.eddie-faq-item[open] summary::after {
  content:""; transform:rotate(225deg); margin-top:8px;
}

.eddie-faq-list {
  background:#fff; border:1px solid var(--eddie-line); border-radius:22px; box-shadow:0 2px 10px rgba(11,33,67,.06); overflow:hidden;
}

.eddie-faq-list .eddie-faq-item:last-child {
  border-bottom:0;
}


/* ---- /assets/css/hero.css ---- */
/* ==========================================================================
   hero.css — the shared hero component (.eh) and the breadcrumb inside it
   Migrated 9.8.2026 from Code Snippet 43.

   Two layers live here, and the difference matters:

   .eddie-hero   the SHELL. Every hero on the site carries this class, including
                 the ones that are not built from the component (home, 404,
                 recommendations). It sets the 500px minimum height, the top
                 padding, and the flex column that the breadcrumb slots into.

   .eh           the COMPONENT itself, rendered by eddie_hero() in inc/hero.php.
                 Used by: article archive, single article, FAQ, about,
                 services index, service sub-page template, contact.

   Modifiers:
     .eh--reverse           swaps the column ratio
     .eh--round             circular media frame (recommendations style)
     .eh--stack-900         stacks at 900px instead of 767px
     .eh--no-mobile-media   hides the image on mobile

   The two gradient stops are the only raw colours in this file. There is no
   global token for them because nothing else on the site uses them.
   ========================================================================== */

/* --- the shell, shared by every hero ------------------------------------- */

.eddie-hero {
  padding-top: 40px;
  min-height: 500px;
  display: flex;
  flex-direction: column;
}

.eddie-hero > *:last-child { flex: 1 1 auto; }

/* --- breadcrumb (injected as the hero's first child by inc/hero.php) ------ */

.eddie-hero-breadcrumb {
  width: 100%;
  max-width: var(--eddie-content-width);
  margin: 0 auto 14px;
  padding-inline: var(--eddie-space-desktop);
  text-align: right;
}

.eddie-hero-breadcrumb .aioseo-breadcrumbs {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.eddie-hero-breadcrumb .aioseo-breadcrumb {
  font-size: 13px;
  cursor: default;
}

.eddie-hero-breadcrumb .aioseo-breadcrumb,
.eddie-hero-breadcrumb .aioseo-breadcrumb a { color: rgba(255, 255, 255, 0.7); }

.eddie-hero-breadcrumb .aioseo-breadcrumb a {
  cursor: pointer;
  text-decoration: none;
}

.eddie-hero-breadcrumb .aioseo-breadcrumb a:hover {
  color: var(--eddie-brass);
  text-decoration: underline;
}

.eddie-hero-breadcrumb .aioseo-breadcrumb-separator {
  color: rgba(255, 255, 255, 0.4);
  margin: 0 6px;
  font-size: 13px;
}

@media (max-width: 767px) {
  .eddie-hero { padding-top: 14px; }
  .eddie-hero-breadcrumb {
    padding-inline: var(--eddie-space-mobile);
    margin-bottom: 10px;
  }
}

/* --- the component ------------------------------------------------------- */

.eh {
  box-sizing: border-box;
  position: relative;
  background-color: var(--eddie-ink);
  background-image: linear-gradient(to left, var(--eddie-ink) 0%, var(--eddie-ink) 52%, #1D4278 100%);
  padding: 40px 0 0;
  min-height: 500px;
  overflow: hidden;
}

.eh-inner {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--eddie-content-width);
  margin-inline: auto;
  padding-inline: var(--eddie-space-desktop);
}

.eh-grid {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 52px;
  align-items: center;
  padding-block: 0 52px;
}

.eh--reverse .eh-grid {
  grid-template-columns: .95fr 1.05fr;
  gap: 48px;
}

/* --- copy column --------------------------------------------------------- */

.eh-copy {
  min-width: 0;
  max-width: 560px;
}

.eh-eyebrow {
  display: block;
  color: var(--eddie-brass-light);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .12em;
  margin: 0 0 10px;
}

.eh-copy h1 {
  color: var(--eddie-white);
  margin: 0;
}

.eh-rule {
  width: 64px;
  height: 3px;
  background: var(--eddie-brass);
  border-radius: 2px;
  margin: 18px 0;
}

.eh-text {
  color: color-mix(in srgb, var(--eddie-white) 78%, transparent);
  margin: 0;
}

/* --- buttons ------------------------------------------------------------- */
/* Matched by attribute so each page keeps its own prefix (.esv-btn-primary,
   .eab-btn-outline and so on) while the look stays identical everywhere. */

.eh-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 26px;
}

.eh .eh-actions a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  padding: 15px 30px;
  border-radius: 999px;
  border: 2px solid transparent;
  transition: .3s;
}

.eh .eh-actions a[class*="-btn-primary"] {
  background: var(--eddie-brass);
  border-color: var(--eddie-brass);
  color: var(--eddie-ink);
}

.eh .eh-actions a[class*="-btn-primary"]:hover {
  background: transparent;
  border-color: var(--eddie-white);
  color: var(--eddie-white);
}

.eh .eh-actions a[class*="-btn-outline"] {
  background: transparent;
  border-color: rgba(255, 255, 255, .5);
  color: var(--eddie-white);
}

.eh .eh-actions a[class*="-btn-outline"]:hover {
  background: var(--eddie-white);
  border-color: var(--eddie-white);
  color: var(--eddie-ink);
}

/* --- media column -------------------------------------------------------- */

.eh-media { width: 100%; }

.eh-media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: var(--eddie-hero-ratio);
  object-fit: cover;
  border-radius: 22px;
}

.eh--round .eh-media {
  width: 376px;
  aspect-ratio: 1.25/1;
  border-radius: 50%;
  overflow: hidden;
  margin-inline: auto;
}

.eh--round .eh-media img {
  height: 100%;
  aspect-ratio: auto;
  border-radius: 0;
}

/* --- responsive ---------------------------------------------------------- */

@media (max-width: 900px) {
  .eh--stack-900 .eh-grid {
    grid-template-columns: 1fr;
    gap: 30px;
    padding-block: 0 var(--eddie-section-y-mobile);
    text-align: center;
  }
  .eh--stack-900 .eh-copy { max-width: none; }
  .eh--stack-900 .eh-media {
    width: 100%;
    max-width: 440px;
    margin-inline: auto;
  }
}

@media (max-width: 767px) {
  .eh {
    padding: 14px 0 0;
    min-height: 0;
  }
  .eh-inner { padding-inline: var(--eddie-space-mobile); }
  .eh-grid {
    grid-template-columns: 1fr;
    gap: 30px;
    padding-block: 0 var(--eddie-section-y-mobile);
    text-align: center;
  }
  .eh-copy { max-width: none; }
  .eh-media,
  .eh--round .eh-media {
    width: 100%;
    max-width: 460px;
    margin-inline: auto;
  }
  .eh-actions > * { flex: 1 1 100%; }
  .eh--no-mobile-media .eh-media { display: none; }
}


/* ---- /assets/css/menu-main.css ---- */
.eddie-main-bar{
      background: var(--eddie-white);
      direction: rtl;
    }
    .eddie-main-inner{
      box-sizing: border-box;
      max-width: var(--eddie-header-width);
      margin: 0 auto;
      padding: 0 var(--eddie-header-pad);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: var(--eddie-header-gap);
      height: clamp(84px, calc(84px + (100vw - 1025px) * 0.02892), 96px);
    }
    .eddie-main-logo{
      flex: 0 0 clamp(192px, calc(192px + (100vw - 1025px) * 0.06747), 220px);
      display: flex;
      align-items: center;
      line-height: 0;
    }
    .eddie-main-logo img{
      height: clamp(56px, calc(56px + (100vw - 1025px) * 0.01928), 64px);
      width: auto;
      display: block;
    }
    .eddie-main-menu-slot{
      display: flex;
      align-items: center;
      flex: 1;
      min-width: 0;
      justify-content: flex-start;
    }
    .eddie-main-menu-slot > ul{
      display: flex;
      align-items: center;
      list-style: none;
      margin: 0;
      padding: 0;
      gap: 4px;
      flex-wrap: nowrap;
    }
    .eddie-main-menu-slot ul li{
      position: relative;
      display: flex;
      align-items: center;
      white-space: nowrap;
      height: auto;
      float: none;
      margin: 0;
    }
    .eddie-main-menu-slot ul li > a{
      display: flex;
      align-items: center;
      padding: 10px 14px;
      font-family: var(--eddie-font);
      font-size: 15px;
      font-weight: 600;
      color: var(--eddie-ink);
      text-decoration: none;
      white-space: nowrap;
      height: auto;
      line-height: 1.3;
    }
    .eddie-main-menu-slot ul li > a:hover{
      color: var(--eddie-brass-deep);
    }
    .eddie-main-menu-slot ul li.current-menu-item > a{
      color: var(--eddie-brass-deep);
    }
    .eddie-main-menu-slot ul li.nav-button > a{
      background: var(--eddie-ink);
      color: var(--eddie-white);
      border-radius: 999px;
      padding: 12px 22px;
      margin-inline-start: 8px;
    }
    .eddie-main-menu-slot ul li.nav-button > a:hover{
      background: var(--eddie-brass);
      color: var(--eddie-white);
    }
    .eddie-main-menu-slot > ul li.menu-item-has-children > ul{
      position: absolute;
      top: 100%;
      right: 0;
      background: var(--eddie-white);
      border: 1px solid var(--eddie-line);
      border-radius: 10px;
      box-shadow: var(--eddie-shadow-soft);
      min-width: 210px;
      padding: 8px;
      display: none;
      flex-direction: column;
      gap: 2px;
      z-index: 500;
    }
    .eddie-main-menu-slot > ul li.menu-item-has-children:hover > ul{
      display: flex;
    }
    .eddie-main-menu-slot > ul li.menu-item-has-children > ul li{
      width: 100%;
    }
    .eddie-main-menu-slot > ul li.menu-item-has-children > ul li > a{
      width: 100%;
      padding: 9px 14px;
      font-weight: 500;
      font-size: 14px;
    }
    
/* שכבת ביניים: מ-1025 עד 1100 התפריט המלא נשאר, במקום ליפול להמבורגר — הלוגו והפריטים מתכווצים */

/* פריסת כותרת: לוגו בקצה, מרווח קבוע, התפריט צמוד אליו, וכפתור ה-CTA בקצה הנגדי */
.eddie-main-menu-slot ul{ width: 100%; }
.eddie-main-menu-slot ul > li.nav-button{ margin-inline-start: auto; }
@media (min-width: 1025px) and (max-width: 1280px){
  .eddie-main-menu-slot ul li > a{ padding: 10px 9px; font-size: 14px; }
}
@media (max-width: 1024px){
      .eddie-main-bar{ display: none; }
    }
    
/* אזור הווידג'טים העליון של התבנית ריק ומוסיף 5px לבנים מעל כל עמוד */
.top-bar{ display: none; }

/* ---- /assets/css/menu-sticky.css ---- */
.eddie-fixed-bar{
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 9999;
      background: var(--eddie-ink);
      border-bottom: 1px solid var(--eddie-brass);
      box-shadow: var(--eddie-shadow-bar);
      transform: translateY(-100%);
      transition: transform .25s ease;
      direction: rtl;
    }
    .eddie-fixed-bar.is-visible{
      transform: translateY(0);
    }
    .eddie-fixed-inner{
      width: 100% !important;
      max-width: var(--eddie-header-width) !important;
      left: auto !important;
      margin: 0 auto;
      padding: 0 var(--eddie-header-pad);
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: var(--eddie-header-gap);
      height: 68px;
    }
    .eddie-fixed-logo{
      flex: 0 0 clamp(192px, calc(192px + (100vw - 1025px) * 0.06747), 220px);
      display: flex;
      align-items: center;
      line-height: 0;
    }
    .eddie-fixed-logo img{
      height: clamp(38px, calc(38px + (100vw - 1025px) * 0.01446), 44px);
      width: auto;
      display: block;
      border-radius: 8px;
    }
    .eddie-fixed-menu-slot{
      display: flex;
      align-items: center;
      flex: 1;
      min-width: 0;
      justify-content: flex-start;
    }
    .eddie-fixed-menu-slot > ul{
      display: flex;
      align-items: center;
      list-style: none;
      margin: 0;
      padding: 0;
      gap: 4px;
      flex-wrap: nowrap;
    }
    .eddie-fixed-menu-slot ul li{
      position: relative;
      display: flex;
      align-items: center;
      white-space: nowrap;
      height: auto;
      float: none;
      margin: 0;
    }
    .eddie-fixed-menu-slot ul li > a{
      display: flex;
      align-items: center;
      padding: 10px 14px;
      font-family: var(--eddie-font);
      font-size: 15px;
      font-weight: 600;
      color: var(--eddie-ink);
      text-decoration: none;
      white-space: nowrap;
      height: auto;
      line-height: 1.3;
    }
    .eddie-fixed-menu-slot ul li > a:hover{
      color: var(--eddie-brass);
    }
    .eddie-fixed-menu-slot ul li.current-menu-item > a{
      color: var(--eddie-brass);
    }
    .eddie-fixed-menu-slot ul li.nav-button > a{
      background: var(--eddie-brass);
      color: var(--eddie-ink);
      border-radius: 999px;
      padding: 8px 18px; border: 2px solid transparent;
      margin-inline-start: 8px;
    }
    .eddie-fixed-menu-slot ul li.nav-button > a:hover, .eddie-fixed-menu-slot ul li.nav-button > a:focus-visible{ background: transparent; border-color: var(--eddie-white); color: var(--eddie-white); }
/* מצב דביק כחול — רק הקישורים בשורה העליונה מתהפכים ללבן; תפריט המשנה נשאר פאנל לבן */
.eddie-fixed-bar .eddie-fixed-menu-slot > ul > li > a{ color: var(--eddie-white); }
.eddie-fixed-bar .eddie-fixed-menu-slot > ul > li:not(.nav-button) > a:hover,
.eddie-fixed-bar .eddie-fixed-menu-slot > ul > li.current-menu-item > a,
.eddie-fixed-bar .eddie-fixed-menu-slot > ul > li.current-menu-ancestor > a{ color: var(--eddie-brass); }
.eddie-fixed-bar .eddie-fixed-menu-slot > ul > li.nav-button > a{ color: var(--eddie-ink); }
.eddie-fixed-bar .eddie-fixed-menu-slot > ul > li.nav-button > a:hover,
.eddie-fixed-bar .eddie-fixed-menu-slot > ul > li.nav-button > a:focus-visible{ color: var(--eddie-white); }

    .eddie-fixed-menu-slot > ul li.menu-item-has-children > ul{
      position: absolute;
      top: 100%;
      right: 0;
      background: var(--eddie-white);
      border: 1px solid var(--eddie-line);
      border-radius: 10px;
      box-shadow: var(--eddie-shadow-soft);
      min-width: 200px;
      padding: 8px;
      display: none;
      flex-direction: column;
      gap: 2px;
      z-index: 10000;
    }
    .eddie-fixed-menu-slot > ul li.menu-item-has-children:hover > ul{
      display: flex;
    }
    .eddie-fixed-menu-slot ul li.menu-item-has-children > ul li{
      width: 100%;
    }
    .eddie-fixed-menu-slot ul li.menu-item-has-children > ul li > a{
      width: 100%;
      padding: 8px 12px;
      font-weight: 500;
      font-size: 13.5px;
    }
    
/* שכבת ביניים — חייבת להיות זהה לשכבה שבסניפט 30, אחרת שני הסרגלים יוצאים מיישור */

/* זהה לסניפט 30 — אחרת שני הסרגלים יוצאים מיישור */
.eddie-fixed-menu-slot ul{ width: 100%; }
.eddie-fixed-menu-slot ul > li.nav-button{ margin-inline-start: auto; }
@media (min-width: 1025px) and (max-width: 1280px){
  .eddie-fixed-menu-slot ul li > a{ padding: 10px 9px; font-size: 14px; }
}
@media (max-width: 1024px){
      .eddie-fixed-bar{ display: none; }
    }

/* ---- /assets/css/menu-mobile.css ---- */
#masthead{ display: none; }

    .eddie-mobile-bar{ display: none; }
    .eddie-mobile-overlay{ display: none; }
    .eddie-mobile-drawer{ display: none; }
    .eddie-mobile-accordion-toggle{ display: none; }

    @media (max-width: 1024px){
      .eddie-mobile-bar{
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: fixed;
        top: 0; left: 0; right: 0;
        height: 60px;
        padding: 0 16px;
        background: var(--eddie-white);
        border-bottom: 1px solid var(--eddie-line);
        box-shadow: var(--eddie-shadow-soft);
        z-index: 9998;
        direction: rtl;
      }
      body{ padding-top: 60px; }
      .eddie-mobile-logo{ display: flex; align-items: center; line-height: 0; }
      .eddie-mobile-logo img{ height: 44px; width: auto; display: block; border-radius: 6px; }
      .eddie-mobile-left-group{ display: flex; align-items: center; gap: 10px; }
      .eddie-mobile-wa{
        display: flex; align-items: center; justify-content: center;
        width: 40px; height: 40px;
        border-radius: 50%;
        background: var(--eddie-whatsapp);
        color: var(--eddie-white);
      }
      .eddie-mobile-call{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #fff; border: 1px solid var(--eddie-line); color: var(--eddie-ink); flex: 0 0 40px; }
.eddie-mobile-call svg{ width: 18px; height: 18px; display: block; stroke: currentColor; }
      .eddie-mobile-toggle{ margin-inline-start: 16px;
        display: flex; flex-direction: column; align-items: center; justify-content: center;
        gap: 5px;
        width: 44px; height: 44px;
        background: var(--eddie-white);
        border: 1px solid var(--eddie-line);
        border-radius: 9px;
        padding: 0;
        cursor: pointer;
      }
      .eddie-mobile-toggle span{
        display: block;
        width: 20px; height: 2px;
        background: var(--eddie-ink);
        border-radius: 2px;
        transition: transform .25s ease, opacity .25s ease;
      }
      .eddie-mobile-toggle.is-open span:nth-child(1){ transform: translateY(7px) rotate(45deg); }
      .eddie-mobile-toggle.is-open span:nth-child(2){ opacity: 0; }
      .eddie-mobile-toggle.is-open span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

      .eddie-mobile-overlay{
        display: block;
        position: fixed; inset: 0;
        background: var(--eddie-overlay);
        z-index: 9999;
        opacity: 0; visibility: hidden;
        transition: opacity .25s ease, visibility .25s ease;
      }
      .eddie-mobile-overlay.is-open{ opacity: 1; visibility: visible; }

      .eddie-mobile-drawer{
        display: block;
        position: fixed;
        top: 0; right: 0;
        width: 82%;
        max-width: 340px;
        height: 100%;
        background: var(--eddie-white);
        z-index: 10000;
        transform: translateX(100%);
        transition: transform .3s ease;
        overflow-y: auto;
        direction: rtl;
        box-shadow: var(--eddie-shadow-drawer);
      }
      .eddie-mobile-drawer.is-open{ transform: translateX(0); }
      .eddie-mobile-drawer-top{
        display: flex; justify-content: flex-start;
        padding: 14px 16px;
        border-bottom: 1px solid var(--eddie-line);
      }
      .eddie-mobile-close{
        display: flex; align-items: center; justify-content: center;
        width: 38px; height: 38px;
        background: var(--eddie-paper-2);
        border: none; border-radius: 9px;
        color: var(--eddie-ink);
        cursor: pointer;
        padding: 0;
      }
  /* מצבי לחיצה לכפתורי הסרגל והמגירה.
     התבנית צובעת button:hover ב-var(--accent); ב-iOS נגיעה מפעילה hover שנתקע.
     הסלקטורים כאן ספציפיים יותר משלה, לכן אין צורך ב-. */
  .eddie-mobile-bar .eddie-mobile-toggle:hover,
  .eddie-mobile-bar .eddie-mobile-toggle:active,
  .eddie-mobile-bar .eddie-mobile-toggle:focus,
  .eddie-mobile-drawer-top .eddie-mobile-close:hover,
  .eddie-mobile-drawer-top .eddie-mobile-close:active,
  .eddie-mobile-drawer-top .eddie-mobile-close:focus{
    background: var(--eddie-paper-2); color: var(--eddie-ink);
  }
  .eddie-mobile-bar .eddie-mobile-toggle:hover span,
  .eddie-mobile-bar .eddie-mobile-toggle:active span,
  .eddie-mobile-bar .eddie-mobile-toggle:focus span{ background: var(--eddie-ink); }
  .eddie-mobile-drawer-top .eddie-mobile-close:hover path,
  .eddie-mobile-drawer-top .eddie-mobile-close:active path,
  .eddie-mobile-drawer-top .eddie-mobile-close:focus path{ stroke: var(--eddie-ink); }
  .eddie-mobile-toggle,.eddie-mobile-close{ -webkit-tap-highlight-color: transparent; color: var(--eddie-ink); }

      .eddie-mobile-close svg{
        display: block;
        stroke: var(--eddie-ink);
      }
      .eddie-mobile-close path{
        stroke: var(--eddie-ink);
      }
      .eddie-mobile-menu-slot ul{
        list-style: none; margin: 0; padding: 8px 0;
      }
      .eddie-mobile-menu-slot ul li{
        border-bottom: 1px solid var(--eddie-paper-2);
      }
      .eddie-mobile-menu-slot ul li > a{
        display: flex; align-items: center; justify-content: space-between;
        padding: 15px 20px;
        font-family: var(--eddie-font);
        font-size: 16px;
        font-weight: 600;
        color: var(--eddie-ink);
        text-decoration: none;
      }
      .eddie-mobile-menu-slot ul li.current-menu-item > a{
        color: var(--eddie-brass);
      }
      .eddie-mobile-menu-slot ul li.menu-item-has-children{
        position: relative;
      }
      .eddie-mobile-accordion-toggle{
        position: absolute;
        left: 4px; top: 4px;
        width: 44px; height: 44px;
        display: flex; align-items: center; justify-content: center;
        background: none; border: none;
        cursor: pointer;
        color: var(--eddie-muted);
      }
      .eddie-mobile-accordion-toggle svg{
        stroke: var(--eddie-muted);
      }
      .eddie-mobile-accordion-toggle svg{ transition: transform .25s ease; }
  /* תת-תפריט סגור חייב לצאת מסדר הטאב — max-height:0 לבדו מסתיר ויזואלית בלבד */
  .eddie-mobile-menu-slot ul li > .sub-menu{ visibility: hidden; /* out of tab order */ }
  .eddie-mobile-menu-slot ul li.is-expanded > .sub-menu{ visibility: visible; }
  /* צרו קשר נשאר גלוי גם כשהרשימה גולשת */
  .eddie-mobile-menu-slot > ul > li:last-child{ position: sticky; bottom: 0; background: var(--eddie-white); box-shadow: 0 -8px 16px -8px rgba(11,33,67,.18); }

      .eddie-mobile-menu-slot ul li.is-expanded > .eddie-mobile-accordion-toggle svg{ transform: rotate(180deg); }
      .eddie-mobile-menu-slot ul li > ul{
        list-style: none; margin: 0; padding: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height .3s ease;
        background: var(--eddie-paper-2);
      }
      .eddie-mobile-menu-slot ul li.is-expanded > ul{
        max-height: 600px;
      }
      .eddie-mobile-menu-slot ul li > ul li{
        border-bottom: 1px solid var(--eddie-white);
      }
      .eddie-mobile-menu-slot ul li > ul li > a{
        padding: 12px 32px;
        font-size: 14.5px;
        font-weight: 500;
      }
    }

/* ---- /assets/css/float-contact.css ---- */
/* ==========================================================================
   float-contact.css — floating WhatsApp button, desktop only
   Migrated 9.8.2026 from Code Snippet 35.

   Hidden below 1400px on purpose: on narrower screens the sticky bar and the
   mobile menu already carry a contact action, and a third floating control
   would compete with them.
   ========================================================================== */

.eddie-float-contact {
  position: fixed;
  left: 20px;
  bottom: 170px;
  z-index: 999;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.eddie-float-contact a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  box-shadow: var(--eddie-shadow-soft);
  color: var(--eddie-white);
  transition: transform .15s ease;
}

.eddie-float-contact a:hover { transform: scale(1.08); }

.eddie-float-wa { background: var(--eddie-whatsapp); }

@media (max-width: 1400px) {
  .eddie-float-contact { display: none; }
}


/* ---- /assets/css/footer.css ---- */
.ecf{--navy:var(--eddie-ink);--blue:var(--eddie-brass);--gold:var(--eddie-brass);--ink:var(--eddie-ink);--muted:var(--eddie-muted);--paper:var(--eddie-paper-2);--line:var(--eddie-line);width:100%;max-width:none;margin:0;direction:rtl;background:var(--paper);color:var(--ink);border-top:3px solid var(--gold);font-family:var(--eddie-font);overflow:hidden;padding:0}
.ecf *{box-sizing:border-box;font-family:var(--eddie-font)}.ecf a{color:inherit;text-decoration:none}.ecf a:hover{color:var(--blue)}.ecf a:focus-visible,.ecf summary:focus-visible{outline:3px solid rgba(20,115,184,.32);outline-offset:3px;border-radius:6px}
.ecf__wrap{width:min(1300px,calc(100% - 48px));margin:0 auto;padding:28px 0 22px}.ecf__top{display:grid;grid-template-columns:300px minmax(0,1fr);gap:46px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}
.ecf__brand-logo{display:block;width:280px;max-width:100%;margin:0}.ecf__brand-logo img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.ecf__brand .ecf__tagline span{white-space:nowrap}
/* שים לב: המרווחים כאן חייבים להישאר בקיצור אחד — margin:10px 0 0 auto.
   בגרסה קודמת נכתב margin-left:auto בנפרד, וה-margin המקוצר שבא אחריו ביטל אותו בשקט,
   מה שהזיז את השורה ב-33 פיקסלים בנייד */
.ecf__brand .ecf__tagline{display:block;text-align:center;width:100%;max-width:280px;margin:10px 0 0 auto;color:var(--eddie-ink);font-size:13px;font-weight:700;letter-spacing:.06em;line-height:1.45}
.ecf__brand .ecf__sep{color:var(--eddie-brass);font-weight:400;margin:0 8px}
@media (max-width:1280px){
  .ecf__brand .ecf__tagline{font-size:12px;letter-spacing:0}
  .ecf__brand .ecf__sep{margin:0 5px}
}
@media (max-width:767px){
  .ecf__brand .ecf__tagline{margin-inline:auto}
}.ecf__brand p{display:none;max-width:400px;margin:9px 0 0;color:var(--muted);font-size:14px;line-height:1.55}
.ecf__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ecf__action{min-height:68px;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--eddie-white);display:flex;align-items:center;justify-content:center;gap:9px;text-align:right;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.ecf__action:hover{transform:translateY(-2px);border-color:rgba(201,154,46,.72);box-shadow:0 8px 22px rgba(16,42,67,.08)}.ecf__action svg{width:22px;height:22px;flex:0 0 22px;color:var(--gold);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ecf__action strong{display:block;color:var(--navy);font-size:14px;line-height:1.25}.ecf__action span{display:block;margin-top:2px;color:var(--muted);font-size:12px;line-height:1.3;direction:ltr;text-align:right}
.ecf__main{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:54px;padding:14px 0 14px;max-width:954px;margin-right:346px;margin-left:0}.ecf__title{margin:0 0 12px;color:var(--navy);font-size:16px;font-weight:700}.ecf__office{display:grid;gap:8px}.ecf__office-line{display:flex;gap:8px;align-items:flex-start;color:var(--muted);font-size:14px;line-height:1.45}.ecf__office-line svg{width:16px;height:16px;flex:0 0 16px;margin-top:2px;color:var(--gold);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ecf__list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
nav[aria-labelledby='ecf-info'] .ecf__list{grid-template-columns:repeat(2,1fr);grid-auto-flow:column;grid-template-rows:repeat(4,auto);column-gap:16px;}.ecf__list a{display:inline-flex;min-height:23px;align-items:center;color:var(--muted);font-size:14px;line-height:1.35}.ecf__list a:before{content:'';width:4px;height:4px;margin-left:8px;border-radius:50%;background:var(--gold)}
.ecf__mobile-nav{display:none}.ecf__bottom{background:var(--eddie-ink)}.ecf__bottom-inner{width:min(1160px,calc(100% - 48px));padding:16px 0;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;color:rgba(255,255,255,0.78);font-size:13px;line-height:1.5}.ecf__legal{display:flex;flex-wrap:wrap;gap:5px 14px}.ecf__credit{white-space:nowrap;color:rgba(255,255,255,0.6);text-decoration:none}.ecf__bottom a{text-decoration:underline;text-underline-offset:3px}.ecf__bottom a.ecf__credit{text-decoration:none}
@media (min-width:768px) and (max-width:1280px){.ecf__wrap{width:min(920px,calc(100% - 32px));padding:18px 0 14px}.ecf__top{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:center;text-align:right;padding-bottom:14px}.ecf__brand{width:150px}.ecf__brand-logo{display:flex;width:auto;height:50px;max-width:150px;margin:0 auto;align-items:center;justify-content:center}.ecf__brand-logo img{display:block;width:auto;height:50px;max-width:150px;object-fit:contain}.ecf__actions{width:100%;max-width:none;margin:0;grid-template-columns:repeat(3,minmax(105px,1fr));gap:7px}.ecf__action{min-width:0;min-height:56px;padding:7px 5px;gap:5px;overflow:hidden}.ecf__action>div{min-width:0;overflow:hidden}.ecf__action svg{width:18px;height:18px;flex-basis:18px}.ecf__action strong{font-size:12.5px;white-space:nowrap}.ecf__action span{font-size:10.5px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ecf__main{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:18px 0 7px;text-align:right;max-width:none;margin-right:0}.ecf__main>section,.ecf__main>nav{text-align:right}.ecf__title{text-align:right;margin-bottom:8px;font-size:15px}.ecf__office{gap:5px}.ecf__office-line{justify-content:flex-start;text-align:right;gap:6px;font-size:12.5px;line-height:1.35}.ecf__office-line svg{width:14px;height:14px;flex-basis:14px}.ecf__list{gap:3px}.ecf__list a{justify-content:flex-start;min-height:19px;font-size:12.5px}.ecf__list a:before{display:none}.ecf__bottom-inner{width:calc(100% - 32px);min-height:45px;justify-content:flex-start;text-align:right;flex-wrap:wrap;gap:4px 16px}.ecf__legal{justify-content:flex-start}}
@media (max-width:767px){.ecf__wrap{width:calc(100% - 28px);padding:22px 0 18px}.ecf__top{display:block;text-align:center;padding-bottom:18px}.ecf__brand-logo{width:220px;margin:0 auto}.ecf__brand p{display:block;margin:7px auto 0;font-size:13.5px;line-height:1.5}.ecf__actions{margin-top:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.ecf__action{min-height:61px;padding:8px 4px;display:grid;justify-items:center;align-content:center;gap:5px;text-align:center}.ecf__action svg{width:21px;height:21px}.ecf__action strong{font-size:12px}.ecf__action span{display:none}.ecf__main{display:block;padding:17px 0 3px;max-width:none;margin-right:0}.ecf__main>nav{display:none}.ecf__title{margin-bottom:9px}.ecf__office{gap:6px}.ecf__office-line{font-size:14px;line-height:1.42}.ecf__mobile-nav{display:block;margin-top:13px;border-top:1px solid var(--line)}.ecf__mobile-nav details{border-bottom:1px solid var(--line)}.ecf__mobile-nav summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:var(--navy);font-size:15px;font-weight:700;list-style:none}.ecf__mobile-nav summary::-webkit-details-marker{display:none}.ecf__mobile-nav summary:after{content:'+';color:var(--gold);font-size:23px;font-weight:400}.ecf__mobile-nav details[open] summary:after{content:'–'}.ecf__mobile-nav .ecf__list{padding:0 2px 15px;grid-template-columns:1fr 1fr;gap:8px 12px}.ecf__mobile-nav .ecf__list a{font-size:13.5px}.ecf__bottom-inner{width:calc(100% - 28px);min-height:0;padding:12px 0 72px;display:block;text-align:center;font-size:12px}.ecf__legal{display:block}.ecf__legal span{display:block;line-height:1.45}.ecf__legal a{display:none}.ecf__credit{display:block;margin-top:6px;font-size:12px}}
@media (max-width:480px){.ecf__brand-logo{width:205px}.ecf__action strong{font-size:11.5px}.ecf__mobile-nav .ecf__list{grid-template-columns:1fr}}
.cky-btn-revisit-wrapper{display:none}