@charset "UTF-8"; /** COLORS **/ ::selection { background: rgba(var(--e-global-color-accent), 0.4); } ::-moz-selection { background: rgba(var(--e-global-color-accent), 0.4); } :focus-visible { background: rgba(var(--e-global-color-accent), 0.5) !important; border: 1px solid #fff; outline: 1px solid #000; } .required { color: var(--e-global-color-207fbd4); } input[type=checkbox] { accent-color: var(--e-global-color-primary); } /* Litespeed plugin : ease in lazey loaded images */ /* Before Lazy Load */ img[data-lazyloaded] { opacity: 0; } /* Litespeed plugin - Upon Lazy Load */ img.litespeed-loaded { -webkit-transition: opacity 0.5s linear 0.2s; -moz-transition: opacity 0.5s linear 0.2s; transition: opacity 0.5s linear 0.2s; opacity: 1; } /* hide recaptcha badge - must include notice below form instead */ /* https: //developers.google.com/recaptcha/docs/faq#id-like-to-hide-the-recaptcha-badge.-what-is-allowed */ .grecaptcha-badge { visibility: hidden; } .sh-required { display: flex; } .sh-required::after { content: "*"; color: var(--e-global-color-207fbd4); padding-left: 0.2em; } html { /* font-size: 62.5%; @include phone-media { font-size: 58%; } */ font-size: 87.5%; scroll-behavior: smooth; } .e-con.shalr-readable-width > .e-con-inner { max-width: 920px; } main.page, main.post, main.site-main, .elementor-location-archive { padding-right: 2rem; padding-left: 2rem; } .elementor-message.elementor-message-danger { color: var(--e-global-color-207fbd4); } .elementor-message.elementor-message-success { color: var(--e-global-color-cc3698c); font-size: 1.3rem; font-weight: bold; letter-spacing: 1px; } /** Elementor tends to align vertical middle causing bullet icon to look wierd in lists **/ .elementor-widget li.elementor-icon-list-item { align-items: flex-start; } /* set bullets color */ .elementor-widget-text-editor ul li, .elementor-widget-theme-post-content ul li { padding-left: 8px; } .elementor-widget-text-editor ul li::marker, .elementor-widget-theme-post-content ul li::marker { color: var(--e-global-color-cc3698c); } /* משתנים גלובליים (חבר אותם ל-Elementor Globals אם תרצי) */ :root { --linkfx-focus: #ffbf47; --u-thick: .1em; --u-offset: .18em; } /* elementor vars are only defined in body scope - not in root */ body.linkfx { --linkfx-color: var(--e-global-color-text, currentColor); /*--linkfx-inline-underline-color: var(--e-global-color-accent);*/ --linkfx-inline-underline-color: var(--e-global-color-36ed1c3); --linkfx-inline-underline-thickness: .1em; --linkfx-inline-underline-offset: .18em; } /* option 5 - bg color from side to side - lang dependent */ body.linkfx.linkfx--fill { --linkfx-fill: color-mix(in srgb, var(--e-global-color-36ed1c3) 50%, transparent); } /* בסיס: תופס קישורים "טקסטואליים" בכל האתר (לא כפתורים) */ body.linkfx a:not(.elementor-button, .elementor-button-link, [role=button]) { color: var(--linkfx-color); text-decoration-color: var(--e-global-color-accent); text-decoration-thickness: var(--u-thick); text-underline-offset: var(--u-offset); transition: color 0.2s ease, text-decoration-thickness 0.2s ease, background-size 0.25s ease, box-shadow 0.2s ease; } body.linkfx a:not(.elementor-button, .elementor-button-link, [role=button]):hover { text-decoration-thickness: calc(var(--u-thick) * 1.6); } body.linkfx a:not(.elementor-button, .elementor-button-link, [role=button]):focus-visible { outline: 2px solid var(--linkfx-focus); outline-offset: 3px; } /* חיזוק ספציפיות במקומות "עקשנים" באלמנטור/Hello/Woo body.linkfx .elementor a, body.linkfx .elementor-widget-text-editor a, body.linkfx .elementor-icon-list-items a, body.linkfx .elementor-post__title a, body.linkfx header .menu-item>a, body.linkfx footer .menu-item>a, body.linkfx .product_meta a, body.linkfx .page-numbers:not(span) { text-decoration: underline; text-decoration-thickness: var(--u-thick); text-underline-offset: var(--u-offset); } */ /* ========= וריאציות — נבחרות ע"י מחלקה על ========= */ /* 1) Slide underline (קו "נכנס" ומחליף את ה-underline) */ body.linkfx--slide a:not(.elementor-button, .elementor-button-link, [role=button]) { text-decoration: none; background: linear-gradient(currentColor, currentColor) 0 100%/0 2px no-repeat; } body.linkfx--slide a:not(.elementor-button, .elementor-button-link, [role=button]):hover, body.linkfx--slide a:not(.elementor-button, .elementor-button-link, [role=button]):focus-visible { background-size: 100% 2px; } /* Fill sweep – ממלא את הרקע מצד לצד או מלמעלה למטה או מלמטה למעלה - לפי המחלקות המוצמדות */ body.linkfx--fill a:not(.elementor-button, .elementor-button-link, [role=button]) { text-decoration: none; background-image: linear-gradient(90deg, var(--linkfx-fill), var(--linkfx-fill)); /* מתחיל ב-0% רוחב */ background-repeat: no-repeat; border-radius: 0.15em; background-clip: content-box; transition: background-size 0.25s ease, color 0.2s ease; } /* X ( - משמאל לימין - ברירת מחדל) */ body.linkfx.linkfx--fill.linkfx-dir-x a:not(.elementor-button, .elementor-button-link, [role=button]) { background-image: linear-gradient(90deg, var(--linkfx-fill), var(--linkfx-fill)); background-size: 0% 100%; background-position: 0 0; } /* Y (מלמטה למעלה) */ body.linkfx.linkfx--fill.linkfx-dir-y a:not(.elementor-button, .elementor-button-link, [role=button]) { background-image: linear-gradient(0deg, var(--linkfx-fill), var(--linkfx-fill)); background-size: 100% 0%; background-position: 0 100%; } /* Y הפוך (מלמעלה למטה) */ body.linkfx.linkfx--fill.linkfx-dir-yrev a:not(.elementor-button, .elementor-button-link, [role=button]) { background-image: linear-gradient(0deg, var(--linkfx-fill), var(--linkfx-fill)); background-size: 100% 0%; background-position: 0 0; } /* X הפוך (מימין לשמאל) */ body.linkfx.linkfx--fill.linkfx-dir-xrev a:not(.elementor-button, .elementor-button-link, [role=button]) { background-image: linear-gradient(90deg, var(--linkfx-fill), var(--linkfx-fill)); background-size: 0% 100%; background-position: 100% 0; } /* Hover — באותה ספציפיות כדי לגבור על כללים אחרים */ body.linkfx.linkfx--fill.linkfx-dir-x a:hover, body.linkfx.linkfx--fill.linkfx-dir-x a:focus-visible, body.linkfx.linkfx--fill.linkfx-dir-y a:hover, body.linkfx.linkfx--fill.linkfx-dir-y a:focus-visible, body.linkfx.linkfx--fill.linkfx-dir-yrev a:hover, body.linkfx.linkfx--fill.linkfx-dir-yrev a:focus-visible, body.linkfx.linkfx--fill.linkfx-dir-xrev a:hover, body.linkfx.linkfx--fill.linkfx-dir-xrev a:focus-visible { background-size: 100% 100%; } body.linkfx--fill a:not(.elementor-button, .elementor-button-link, [role=button]):focus-visible { outline: 2px solid var(--linkfx-focus); outline-offset: 3px; } /* underline רק בתוך קונטיינרים טקסטואליים – בלי כפתורים/ניווט/CTA */ body.linkfx.linkfx--fill :where(.elementor-widget-text-editor, .elementor-widget-theme-post-content, .entry-content, .comment-content, .woocommerce-product-details__short-description, .woocommerce-Tabs-panel) a:not(.elementor-button, .elementor-button-link, [role=button], [class*=button], [class*=btn], .elementor-post__read-more, .elementor-breadcrumbs__link, .elementor-nav-menu a, header .menu-item > a, .woocommerce a.button, .woocommerce .button, .elementor-cta__button, .elementor-price-table__button) { text-decoration-line: underline; text-decoration-color: var(--linkfx-inline-underline-color) !important; text-decoration-thickness: var(--linkfx-inline-underline-thickness); text-underline-offset: var(--linkfx-inline-underline-offset); text-decoration-skip-ink: auto; } /* נטרול underline של WP בתוך linkfx */ body.linkfx a:where(:not(.wp-element-button)) { text-decoration: none; } /* העדפת הפחתת תנועה */ @media (prefers-reduced-motion: reduce) { * { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; } } .jet-woo-builder-single-ajax-add-to-cart .stock.out-of-stock { background-color: var(--e-global-color-207fbd4); color: var(--e-global-color-8efc870) !important; display: inline-block; padding: 7px 20px; } /** woo-badge **/ .woo-badge p { /* elipse shape */ --oval-h: 3.6rem; --oval-ratio: 2; display: inline-grid; place-items: center; block-size: var(--oval-h); inline-size: calc(var(--oval-h) * var(--oval-ratio)); border-radius: 50%; color: var(--e-global-color-8efc870); white-space: nowrap; border: 2px solid var(--e-global-color-8efc870); letter-spacing: 1px; font-family: var(--e-global-typography-4cf68d1-font-family), Sans-serif; font-size: var(--e-global-typography-4cf68d1-font-size); font-weight: var(--e-global-typography-4cf68d1-font-weight); line-height: var(--e-global-typography-4cf68d1-line-height); font-weight: 700; } .woo-badge.archive p { --oval-h: 3rem; --oval-ratio: 2; } .woo-badge.new { z-index: 2 !important; } .woo-badge.new p { background-color: var(--e-global-color-cc3698c); } .woo-badge.sale { z-index: 3 !important; } .woo-badge.sale p { background-color: var(--e-global-color-accent); } .woo-badge.soldout { z-index: 4 !important; } .woo-badge.soldout p { background-color: var(--e-global-color-207fbd4); } .woo-badge.bestseller { z-index: 1 !important; } .woo-badge.bestseller p { background-color: var(--e-global-color-36ed1c3); } body:not(.elementor-editor-active) .elementor-menu-anchor:before { content: ""; display: block; height: 50px; /* fixed header height*/ margin: -50px 0 0; /* negative fixed header height */ visibility: hidden; pointer-events: none; } header.elementor-sticky--effects { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); /* maybe adjust padding as well? */ } header.elementor-sticky--effects .shalr-logo img { max-height: 50px; width: auto; } /*# sourceMappingURL=styles.css.map */