/*
Theme Name: EyeCare
Theme URI: https://www.eyecare.co.il
Description: Custom Wordpress theme created for eyecase.co.il
Version: 1.20250231.3
Author: Sagive SEO
Author URI: https://www.sagive.co.il
*/

/* rubik-300 - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url('assets/fonts/rubik/rubik-v28-hebrew_latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-300italic - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300;
  src: url('assets/fonts/rubik/rubik-v28-hebrew_latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-regular - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/rubik/rubik-v28-hebrew_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-italic - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 400;
  src: url('assets/fonts/rubik/rubik-v28-hebrew_latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-500 - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: url('assets/fonts/rubik/rubik-v28-hebrew_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-500italic - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 500;
  src: url('assets/fonts/rubik/rubik-v28-hebrew_latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-600 - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/rubik/rubik-v28-hebrew_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-600italic - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 600;
  src: url('assets/fonts/rubik/rubik-v28-hebrew_latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-700 - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/rubik/rubik-v28-hebrew_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-700italic - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 700;
  src: url('assets/fonts/rubik/rubik-v28-hebrew_latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-800 - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 800;
  src: url('assets/fonts/rubik/rubik-v28-hebrew_latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-800italic - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 800;
  src: url('assets/fonts/rubik/rubik-v28-hebrew_latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-900 - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  src: url('assets/fonts/rubik/rubik-v28-hebrew_latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-900italic - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 900;
  src: url('assets/fonts/rubik/rubik-v28-hebrew_latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

img {
    max-width: 100%;
    height: auto;
}

#headwrap .logowrap img,
.home #whyus .reasonBox .icon img {
    width: auto;
}

.bannerWrap img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.reset-btn {
    appearance: none;
    margin: 0;
    padding: 0;

    border: none;
    background: none;
}

.-lazy-image-,
.-lazy-img- {
    opacity: 0;
    transition: opacity 240ms;
}

.-lazy-img-.-lazy-loaded-,
.-img-loaded- .-lazy-img- {
    opacity: 1;
}

.embla {
    --slide-spacing: 0;
    --slide-size: 100%;

    margin: auto;
}

.embla__viewport {
    overflow: hidden;
}

.embla__container {
    display: flex;
    touch-action: pan-y pinch-zoom;
    margin-left: calc(var(--slide-spacing) * -1);
}

.embla__slide {
    transform: translate3d(0, 0, 0);
    flex: 0 0 var(--slide-size);
    min-width: 0;
    padding-left: var(--slide-spacing);
}

.sale-carousel {
    position: relative;
}

.sale-carousel .embla__slide.-has-preloader-:before,
.product-imgslider .embla__slide.-has-preloader-:before {
    content: '';

    border: 3px solid #009de038;
    border-left: 3px solid #0184ba;
    font-size: 1rem;
    display: inline-flex;
    position: absolute;
    inset: 0;
    margin: auto;
    text-indent: -9999em;
    animation: loading 1.1s infinite linear;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
}

.sale-carousel .embla-dots {
    position: absolute;

    z-index: 15;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;

    inset-inline-start: 0;
    inset-block-end: 1.25rem;
    width: 100%;
}

.sale-carousel .embla-dot {
    width: 0.875rem;
    height: 0.875rem;

    border-radius: 50%;

    background-color: rgb(240, 240, 240);
    border: 0.125rem solid #fff;
}

.sale-carousel .embla-dot.embla-dot--selected {
    background-color: #fff;
}

.hphead-slide a {
    display: block;
}

.hphead-slide img {
    width: 100%;
    height: auto;
    vertical-align: top;
    max-width: none;
}

.product-imgslider {
    position: relative;
    padding-inline: 1.25rem;
}

.embla-btn {
    position: absolute;

    inset-block-start: 50%;
    transform: translateY(-50%);

    font-size: 50px;
    color: rgba(0,0,0,0.3);

    padding: 14px;
}

.embla-btn--next {
    inset-inline-end: -20px;
}

.embla-btn--prev {
    inset-inline-start: -20px;
}

#mega-menu-wrap-topmenu #mega-menu-topmenu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
    content: '';

    width: 1.125rem;
    height: 1.125rem;

    line-height: 0;
    vertical-align: top;
    margin-block-start: 9px;
    margin-inline-start: 4px;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' d='M0 0h20v20H0z'/%3E%3Cpath d='m5 6 5 5 5-5 2 1-7 7-7-7z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#mega-menu-wrap-topmenu #mega-menu-topmenu > li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after,
#mega-menu-wrap-topmenu #mega-menu-topmenu > li.mega-menu-item-has-children > a.mega-menu-link:hover > span.mega-indicator:after,
#mega-menu-wrap-topmenu #mega-menu-topmenu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link > span.mega-indicator:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' d='M0 0h20v20H0z'/%3E%3Cpath fill='%23ffffff' d='m5 6 5 5 5-5 2 1-7 7-7-7z'/%3E%3C/svg%3E");
}