.elementor-kit-19{--e-global-color-primary:#637798;--e-global-color-secondary:#626366;--e-global-color-text:#626366;--e-global-color-accent:#637798;--e-global-color-1a9542:#000;--e-global-color-750a2fef:#FFF;--e-global-color-54f8007:#6EB8EA;--e-global-typography-primary-font-family:"Assistant";--e-global-typography-primary-font-weight:300;--e-global-typography-secondary-font-family:"Assistant";--e-global-typography-secondary-font-weight:300;--e-global-typography-text-font-family:"Assistant";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Assistant";--e-global-typography-accent-font-weight:500;font-family:"Assistant", Sans-serif;font-size:20px;}.elementor-kit-19 button,.elementor-kit-19 input[type="button"],.elementor-kit-19 input[type="submit"],.elementor-kit-19 .elementor-button{background-color:var( --e-global-color-primary );font-family:"arista", Sans-serif;font-size:20px;font-weight:bold;color:var( --e-global-color-750a2fef );border-style:solid;border-width:0px 0px 0px 0px;border-radius:200px 200px 200px 200px;padding:6px 22px 6px 22px;}.elementor-kit-19 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;700&display=swap');

/* ICdesign — global visual fixes */

/* Category tiles: reduce image size so tiles are less overwhelming */
.products .product-category .woocommerce-LoopProduct-link img,
.products .product-category img {
  height: 120px !important;
  max-height: 120px !important;
  width: auto !important;
  max-width: 130px !important;
  object-fit: contain !important;
}

/* Keep category tiles centered */
.products .product-category a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Slightly tighter padding on category tiles */
.products li.product-category {
  padding: 8px 4px !important;
}

/* Reduce category tile title size */
.woocommerce-loop-category__title {
  font-size: 14px !important;
  margin-bottom: 4px !important;
}

/* Contact form submit button — brand color */
.elementor-field-type-submit .elementor-button {
  background-color: #4A6378 !important;
  border-color: #4A6378 !important;
  color: #fff !important;
}
.elementor-field-type-submit .elementor-button:hover {
  background-color: #3a5268 !important;
  border-color: #3a5268 !important;
}

/* About page — brand color on intro section */
.elementor-element-42f548e {
  background-color: #4A6378 !important;
}

/* Menu — pill highlight hover */
.elementor-nav-menu--main .elementor-nav-menu > li > a {
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  border-radius: 6px !important;
  transition: color 0.15s ease, background-color 0.18s ease !important;
}
.elementor-nav-menu--main .elementor-nav-menu > li > a:hover {
  color: #ffffff !important;
  background-color: #4A6378 !important;
}
.elementor-nav-menu--main .elementor-nav-menu li.current-menu-item > a,
.elementor-nav-menu--main .elementor-nav-menu li.current-menu-ancestor > a {
  color: #ffffff !important;
  background-color: #4A6378 !important;
}
/* Fix OceanWP hardcoded light-blue override */
#site-navigation-wrap .dropdown-menu > li > a:hover {
  color: #4A6378 !important;
}
/* Sub-menu items */
.elementor-nav-menu--main .elementor-nav-menu .sub-menu li > a {
  font-weight: 500 !important;
  font-size: 14px !important;
  letter-spacing: 0.02em !important;
  transition: color 0.15s ease, background-color 0.18s ease !important;
}
.elementor-nav-menu--main .elementor-nav-menu .sub-menu li > a:hover {
  color: #ffffff !important;
  background-color: #4A6378 !important;
}
/* Fix OceanWP hardcoded light-blue override */
#site-navigation-wrap .dropdown-menu > li > a:hover {
  color: #4A6378 !important;
}
/* Sub-menu items */
.elementor-nav-menu--main .elementor-nav-menu .sub-menu li > a {
  font-weight: 400 !important;
  font-size: 14px !important;
  letter-spacing: 0.02em !important;
  transition: color 0.15s ease, background-color 0.18s ease !important;
}
.elementor-nav-menu--main .elementor-nav-menu .sub-menu li > a:hover {
  color: #4A6378 !important;
  background-color: rgba(74, 99, 120, 0.07) !important;
}
/* Nav bar — option B: warm ivory background + Heebo font */
.elementor-71 .elementor-element.elementor-element-57a69d0 > .elementor-widget-container {
  background-color: #f8f5ef !important;
}
.elementor-71 .elementor-element.elementor-element-57a69d0 .elementor-nav-menu .elementor-item {
  font-family: 'Heebo', 'Assistant', sans-serif !important;
  font-size: 15px !important;
}
.elementor-nav-menu--main .elementor-nav-menu > li > a {
  font-family: 'Heebo', 'Assistant', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

/* ═══════════════════════════════════════════
   MOBILE RESPONSIVENESS — max-width 767px
   ═══════════════════════════════════════════ */
@media (max-width: 767px) {

  /* 1. Product grid: 5 fixed 220px cols → 2 fluid cols */
  .elementor-products-grid ul.products.elementor-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px 10px !important;
  }

  /* 2. CTA buttons: stack vertically instead of side-by-side */
  .elementor-element-61214c6 {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .elementor-element-3892e35,
  .elementor-element-9cc4765 {
    width: 100% !important;
    max-width: 100% !important;
  }
  .elementor-element-3892e35 .elementor-button,
  .elementor-element-9cc4765 .elementor-button {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
  }

  /* 3. 680px fixed-width paragraph (about page) */
  .elementor-element-1519d90 p {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 4. Hero heading: 40px → 26px */
  .elementor-1163 h1.elementor-heading-title,
  .elementor-1163 h2.elementor-heading-title {
    font-size: 26px !important;
    line-height: 1.35 !important;
  }

  /* 5. Footer: force single column stacking */
  .elementor-location-footer .elementor-column,
  .elementor-location-footer .e-con {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 6. General overflow guard */
  body { overflow-x: hidden !important; }
  .elementor-section, .e-con-full {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
  /* 7. About page WhatsApp button: full-width on mobile */
  .elementor-element-a1b2c3e .elementor-button {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
    display: block !important;
    box-sizing: border-box !important;
  }
  /* 8. Contact form: stack all field columns to full-width on mobile */
  .elementor-field-group.elementor-col-50,
  .elementor-field-group.elementor-col-25,
  .elementor-field-group.elementor-col-33,
  .elementor-field-group.elementor-col-75 {
    width: 100% !important;
  }
  /* ═══ HEADER MOBILE FIXES ═══ */

  /* 9. Scale the logo down for mobile (was 412px) */
  .elementor-71 .elementor-element-457f027 {
    max-width: 180px !important;
    width: 180px !important;
  }
  .elementor-71 .elementor-element-457f027 img {
    max-width: 180px !important;
    width: 100% !important;
    height: auto !important;
  }

  /* 9b. Hide the DUPLICATE search bar inside the nav bar (mobile search section e9594a5 already exists) */
  .elementor-71 .elementor-element-d15bdae .jet-ajax-search,
  .elementor-71 .elementor-element-d15bdae .jet-ajax-search__fields-wrap {
    display: none !important;
  }

  /* 10. Stack the top bar inner container vertically */
  .elementor-71 .elementor-element-c43ba52 {
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  /* 11. Center the marketing text and constrain width */
  .elementor-71 .elementor-element-5ca20dd .elementor-heading-title {
    font-size: 12px !important;
    text-align: center !important;
    white-space: normal !important;
  }
  .elementor-71 .elementor-element-5ca20dd {
    width: 100% !important;
    text-align: center !important;
  }

  /* 12. Center the WhatsApp + Facebook icons row */
  .elementor-71 .elementor-element-2588ba9 {
    justify-content: center !important;
    width: 100% !important;
  }

  /* 13. Fix the nav bar from overflowing its 1168px content-width */
  .elementor-71 .elementor-element-d15bdae > .e-con-inner {
    width: 100% !important;
    max-width: 100vw !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* 14. Hamburger handled by widget setting (dropdown: tablet covers mobile too) — no CSS override needed */

  /* 15. Stats bar: 2×2 grid — flex fails with RTL+space-around, grid works */
  .elementor-element-6feccc5 > .e-con-inner {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .elementor-element-6feccc5 > .e-con-inner > .e-con {
    width: auto !important;
    max-width: 100% !important;
    flex: unset !important;
  }

}

/* ═══ HAMBURGER MENU STYLING (≤1024px — dropdown:tablet breakpoint) ═══ */
@media (max-width: 1024px) {

  /* Full-width nav bar inner so toggle can center */
  .elementor-71 .elementor-element-d15bdae > .e-con-inner {
    justify-content: center !important;
  }

  /* Nav menu widget: auto width (just the hamburger), centered by container */
  .elementor-element-57a69d0 {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* Toggle button: brand color, flex row, centered */
  .elementor-element-57a69d0 .elementor-menu-toggle {
    color: #4A6378 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 14px !important;
    border-radius: 6px !important;
    margin: 0 auto !important;
    background: transparent !important;
    direction: rtl !important;
  }

  /* Hamburger icon size + color */
  .elementor-element-57a69d0 .elementor-menu-toggle i {
    font-size: 22px !important;
    color: #4A6378 !important;
  }

  /* תפריט label after the icon */
  .elementor-element-57a69d0 .elementor-menu-toggle::before {
    content: 'תפריט' !important;
    font-family: 'Heebo', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #4A6378 !important;
    line-height: 1 !important;
  }

  /* Dropdown menu: full width, brand bg */
  .elementor-element-57a69d0 .elementor-nav-menu--dropdown {
    width: 100vw !important;
    right: 0 !important;
    left: 0 !important;
  }

}

/* ═══ DESKTOP NAV BAR ═══ */
@media (min-width: 1025px) {

  /* Nav menu: don't stretch to fill everything — lets search widget have room */
  .elementor-71 .elementor-element-57a69d0 {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  /* Search: restore, give it a stable min-width so it's always visible */
  .elementor-71 .elementor-element-3bee5f7 {
    display: flex !important;
    flex: 0 0 220px !important;
    min-width: 220px !important;
  }

  /* Nav items: 15px font, tighter 12px padding — saves ~100px vs original 20px */
  .elementor-71 .elementor-element.elementor-element-57a69d0 .elementor-nav-menu .elementor-item {
    font-size: 15px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* Rows fill their width properly (not left-clustered or center-clustered) */
  .elementor-element-57a69d0 ul.elementor-nav-menu {
    justify-content: space-between !important;
  }

  /* Force row break after item 7: items 8-13 get order:2, ::after at order:1 acts as zero-height line breaker */
  .elementor-element-57a69d0 ul.elementor-nav-menu > li:nth-child(n+8) {
    order: 2 !important;
  }
  .elementor-element-57a69d0 ul.elementor-nav-menu::after {
    content: '' !important;
    flex-basis: 100% !important;
    width: 100% !important;
    height: 0 !important;
    flex-shrink: 0 !important;
    order: 1 !important;
    align-self: flex-start !important;
  }

}

/* ═══ CONTACT PAGE — background image fix ═══ */
/* background-attachment:fixed positions relative to viewport → clips at most desktop widths */
/* Override: scroll attachment + centered + contain so full image always shows */
@media (min-width: 1025px) {
  .elementor-1167 .elementor-element.elementor-element-61399ad9 > .elementor-background-overlay {
    background-attachment: scroll !important;
    background-position: center center !important;
    background-size: contain !important;
  }
}







/* === TESTIMONIALS PAGE TYPOGRAPHY === */

/* All testimonial card review body text — 14px */
.elementor-2421 .elementor-widget-text-editor .elementor-widget-container {
  font-size: 14px;
  line-height: 1.75;
  direction: rtl;
  text-align: right;
}

/* Reviewer / client name */
.elementor-2421 .elementor-widget-heading h5.elementor-heading-title {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #4A6378 !important;
  margin-top: 12px;
}

/* Date / source / role line — text-editor directly after a name heading */
.elementor-2421 .elementor-widget-heading + .elementor-widget-text-editor .elementor-widget-container {
  font-size: 12px;
  color: #888888;
}

/* Section-level intro subheadings — targeted by specific element ID */
.elementor-2421 [data-id="w29vbdn"] .elementor-widget-container,
.elementor-2421 [data-id="0k717k9"] .elementor-widget-container {
  font-size: 15px !important;
  color: #555555 !important;
  text-align: center !important;
}

/* === END TESTIMONIALS === *//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'arista';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://icdesign3d.com/wp-content/uploads/2021/08/Arista2.0-light.ttf') format('truetype');
}
/* End Custom Fonts CSS */