/* SeKeys UI kit — the homepage / v2 product-page design language on every page rendered through
   header.php (search, shop, categories, cart, account, 404, blog, static pages).
   Loaded by mu-plugins/sekeys-ui-kit.php. Every rule is scoped to body.sk-ui, which that plugin
   adds only where the kit applies, so the homepage and v2 product pages are never touched.
   The !important flags are there because style-new.css and the Customizer CSS style the legacy
   archive with !important at (0,5,1) specificity; the new markup uses its own class names. */

body.sk-ui{--g:#1f7a45;--g2:#28995a;--ink:#16213a;--mut:#5b6b86;--bg:#eef0f6;--card:#fff;--line:#e3e7ef;--rad:14px;color:var(--ink)}
/* Elementor-built pages paint their own sections, so only the rest get the grey ground */
body.sk-ui:not(.elementor-page){background:var(--bg)!important}

/* ---- product archives: search, shop, categories ---- */
body.sk-ui .woocommerce-breadcrumb{font-size:13px!important;color:var(--mut)!important}
body.sk-ui .woocommerce-breadcrumb a{color:var(--mut)!important}
body.sk-ui .woocommerce-breadcrumb a:hover{color:var(--g)!important}
body.sk-ui .woocommerce-products-header{margin:6px 0 14px!important;padding:0!important}
body.sk-ui .woocommerce-products-header__title.page-title{position:relative;font-size:26px!important;font-weight:800!important;
 line-height:1.3!important;margin:4px 0 6px!important;color:var(--ink)!important;text-align:start!important;padding-inline-start:13px!important}
body.sk-ui .woocommerce-products-header__title.page-title::before{content:"";position:absolute;inset-inline-start:0;top:6px;bottom:6px;
 width:4px;border-radius:3px;background:var(--g)}
/* On search results a plugin stylesheet sets the heading to display:none, so the page opened
   on a gap under the breadcrumb while every category page shows its accented title */
body.sk-ui.search .woocommerce-products-header__title.page-title{display:block!important}
body.sk-ui .woocommerce-products-header .term-description,body.sk-ui .woocommerce-products-header .page-description{color:var(--mut);font-size:14.5px;max-width:80ch}
body.sk-ui .woocommerce-result-count{font-size:14px!important;font-weight:600!important;color:var(--mut)!important}
body.sk-ui .woocommerce-ordering select{border:1px solid var(--line)!important;border-radius:10px!important;background-color:#fff!important;
 font-size:14px!important;box-shadow:none!important;color:#2b3a55!important}
body.sk-ui .woof{border:1px solid var(--line)!important;border-radius:var(--rad)!important;box-shadow:none!important;background:var(--card)!important}
/* The mobile filter sheet's "× הצג תוצאות" labels (mu-plugins/sekeys-catalog-filters.php) were
   hidden only inside its phone media query, so desktop showed them under the breadcrumb.
   Hidden whenever the sheet is not open, at any width; the open state keeps its own rules. */
body.sk-ui .sk-filter-cb:not(:checked) ~ .sk-filter-close,
body.sk-ui .sk-filter-cb:not(:checked) ~ .sk-filter-done,
body.sk-ui .sk-filter-cb:not(:checked) ~ .sk-filter-backdrop{display:none!important}

/* the grid — its own class (sk-grid), so none of the legacy ul.products.columns-4 rules decide it */
body.sk-ui ul.sk-grid.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;
 margin:0 0 20px!important;padding:0!important;list-style:none!important;width:auto!important;float:none!important}
/* WooCommerce's clearfix pseudo-elements become empty grid cells otherwise */
body.sk-ui ul.sk-grid.products::before,body.sk-ui ul.sk-grid.products::after{display:none!important;content:none!important}
@media(max-width:1100px){body.sk-ui ul.sk-grid.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:767px){body.sk-ui ul.sk-grid.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}

/* the card — the same component as the homepage rails (.sk-card in page-lite-home.php) */
body.sk-ui .sk-li{display:flex;flex-direction:column;min-width:0;margin:0!important;padding:10px!important;width:auto!important;
 float:none!important;list-style:none;text-align:start;background:var(--card);border:1px solid var(--line);border-radius:var(--rad);
 transition:box-shadow .15s,transform .15s}
body.sk-ui .sk-li:hover{box-shadow:0 6px 18px rgba(16,32,64,.11);transform:translateY(-2px)}
body.sk-ui .sk-card__go{display:flex;flex-direction:column;flex:1;color:inherit!important;text-decoration:none!important}
body.sk-ui .sk-card__img{position:relative;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;border-radius:10px;
 background:#f7f9fc;margin-bottom:9px}
body.sk-ui .sk-card__img img{max-height:100%!important;max-width:100%!important;width:auto!important;height:auto!important;
 object-fit:contain;margin:0!important;padding:0!important}
body.sk-ui .sk-noimg{width:60%;aspect-ratio:1;background:#e9eef6;border-radius:8px}
body.sk-ui .sk-sup{display:inline-flex;align-items:center;gap:4px;background:#eaf3ee;color:var(--g);border-radius:999px;
 padding:3px 9px;font-size:11px;font-weight:600;margin-bottom:6px;align-self:flex-start}
body.sk-ui .sk-card__name{font-size:13.5px;line-height:1.45;color:#22314c;font-weight:500;display:-webkit-box;
 -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.9em}
body.sk-ui .sk-card__price{margin-top:auto;padding-top:8px;min-height:32px;font-weight:800;font-size:21px;color:var(--g);
 line-height:1.15;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}
body.sk-ui .sk-card__price i{font-style:normal;font-size:13px;font-weight:600;color:var(--mut)}
body.sk-ui .sk-card__price .amount{color:inherit!important;font-size:inherit!important}
body.sk-ui .sk-card__price del,body.sk-ui .sk-card__price del .amount{color:#8a96ab!important;font-weight:500;font-size:13.5px!important}
body.sk-ui .sk-card__cta{display:block;margin-top:9px;text-align:center;background:var(--g)!important;color:#fff!important;
 font-size:13.5px!important;font-weight:700!important;border-radius:9px!important;padding:9px 6px!important;border:0!important;
 line-height:1.3!important;text-decoration:none!important;box-shadow:none!important;width:auto!important}
body.sk-ui .sk-card__cta:hover{background:#186236!important}
body.sk-ui .sk-card__cta--alt{background:#fff!important;color:var(--g)!important;border:1.5px solid var(--g)!important;padding:7.5px 6px!important}
body.sk-ui .sk-card__cta--alt:hover{background:#eaf3ee!important}
body.sk-ui .sk-card__cta.loading{opacity:.65;pointer-events:none}
body.sk-ui .sk-card__cta.added::after{content:" ✓"}
body.sk-ui .sk-li .added_to_cart{display:block;text-align:center;font-size:12px;color:var(--g)!important;margin-top:6px;text-decoration:underline}
body.sk-ui .sk-li--out .sk-card__img img{opacity:.6}
@media(max-width:767px){
 body.sk-ui .sk-li{padding:8px!important}
 body.sk-ui .sk-card__name{font-size:12.5px}
 body.sk-ui .sk-card__price{font-size:18px}
}

/* pagination */
body.sk-ui .woocommerce-pagination ul.page-numbers{display:flex!important;flex-wrap:wrap;justify-content:center;gap:6px;border:0!important;margin:10px 0 24px!important}
body.sk-ui .woocommerce-pagination ul.page-numbers li{border:0!important;float:none!important;margin:0!important}
body.sk-ui .woocommerce-pagination .page-numbers a,body.sk-ui .woocommerce-pagination .page-numbers span{display:grid!important;place-items:center;
 min-width:38px;height:38px;padding:0 10px!important;border-radius:10px!important;background:#fff!important;background-image:none!important;
 border:1px solid var(--line)!important;color:#2b3a55!important;font-weight:600!important;font-size:14px!important;line-height:1!important}
body.sk-ui .woocommerce-pagination .page-numbers span.current{background:var(--g)!important;border-color:var(--g)!important;color:#fff!important}
body.sk-ui .woocommerce-pagination .page-numbers a:hover{border-color:var(--g)!important;color:var(--g)!important}

/* ---- footer (template-parts/sk-footer.php) — the design of .sk-foot / .pv2-foot ---- */
/* clear:both — the archive's filter column and product grid are floats; the Elementor footer
   cleared them, and without it this footer rendered mid-page, underneath the product grid */
body.sk-ui .sk-foot{clear:both;background:#101f38;color:#c8d3e6;margin-top:34px;padding:28px 0 20px;font-size:14px;line-height:1.55}
body.sk-ui .sk-foot .sk-wrap{max-width:1280px;margin:0 auto;padding:0 16px}
body.sk-ui .sk-foot h3{color:#fff!important;font-size:15px!important;margin:0 0 9px!important;font-weight:700!important}
body.sk-ui .sk-foot a{display:block;padding:4px 0;color:#c8d3e6!important;text-decoration:none!important}
body.sk-ui .sk-foot a:hover{color:#fff!important}
body.sk-ui .sk-foot__top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:22px;align-items:center;padding-bottom:20px;
 margin-bottom:20px;border-bottom:1px solid #24365a}
body.sk-ui .sk-foot__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
/* a fourth slot in the top row for the ZAP rating box the Elementor footer used to carry */
body.sk-ui .sk-foot__top:has(.sk-zap){grid-template-columns:1.5fr 1fr 1fr auto}
body.sk-ui .sk-zap iframe{display:block;border:0;border-radius:10px;max-width:100%}
body.sk-ui .sk-news p{margin:0 0 10px;color:#8fa1bd;font-size:13.5px}
body.sk-ui .sk-news__f--el{display:block;width:100%;max-width:420px}
body.sk-ui .sk-news__f--el .elementor-form{display:flex;align-items:stretch;flex-wrap:nowrap;width:100%!important}
body.sk-ui .sk-news__f--el .elementor-form-fields-wrapper{display:flex!important;flex:1 1 auto!important;width:100%!important;gap:8px;
 flex-wrap:nowrap;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
body.sk-ui .sk-news__f--el .elementor-field-group{margin:0!important;padding:0!important}
body.sk-ui .sk-news__f--el .elementor-field-type-email{flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important}
body.sk-ui .sk-news__f--el .elementor-field-type-submit{flex:0 0 auto!important;width:auto!important}
body.sk-ui .sk-news__f--el input[type=email]{background:#0b1932!important;color:#fff!important;border:1px solid #2b3f66!important;
 border-radius:9px!important;height:auto!important;width:100%!important;padding:10px 12px!important;font-size:14px!important;min-height:44px}
body.sk-ui .sk-news__f--el input[type=email]::placeholder{color:#8fa1bd}
body.sk-ui .sk-news__f--el .elementor-button-text{white-space:nowrap!important}
body.sk-ui .sk-news__f--el button[type=submit]{white-space:nowrap!important;width:auto!important;border:0!important;background:var(--g)!important;
 color:#fff!important;border-radius:9px!important;padding:10px 18px!important;font-weight:700!important;font-size:14px!important;min-height:44px;cursor:pointer}
body.sk-ui .sk-social__i{display:flex;gap:9px}
body.sk-ui .sk-social__i a{display:grid!important;place-items:center;width:36px;height:36px;padding:0!important;border-radius:999px;background:#1b2c4d}
body.sk-ui .sk-social__i a:hover{background:var(--g)}
body.sk-ui .sk-foot a.sk-rating{display:block;background:#1b2c4d;border-radius:12px;padding:13px 16px;text-align:center}
body.sk-ui .sk-rating b{display:block;color:#fff;font-size:14.5px}
body.sk-ui .sk-stars{display:block;color:#ffc93c;letter-spacing:2px;font-size:17px;margin:2px 0}
body.sk-ui .sk-rating span:last-child{font-size:13px;color:#a9b8d1}
body.sk-ui .sk-hours{margin:8px 0 0;color:#8fa1bd;font-size:13px}
body.sk-ui .sk-pay{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;font-size:12.5px;color:#a9bad6}
body.sk-ui .sk-pay b{background:#1b2c4d;color:#c8d3e6;border-radius:6px;padding:5px 10px;font-weight:600;font-size:11.5px}
body.sk-ui .sk-foot__bar{border-top:1px solid #24365a;margin-top:18px;padding-top:14px;text-align:center;font-size:13px;color:#8fa1bd}
@media(max-width:900px){
 /* the :has(.sk-zap) four-slot rule outranks a plain selector, so it has to be named here too —
    without it the phone footer kept four squeezed columns and the rating box ran off the edge */
 body.sk-ui .sk-foot__top,body.sk-ui .sk-foot__top:has(.sk-zap){grid-template-columns:1fr;gap:18px}
 body.sk-ui .sk-foot__cols{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
 body.sk-ui .sk-news__f--el .elementor-form-fields-wrapper{flex-wrap:wrap!important}
 body.sk-ui .sk-news__f--el .elementor-field-group{flex:1 1 100%!important;width:100%!important}
 body.sk-ui .sk-news__f--el button[type=submit]{width:100%!important}
}
/* floating callback — same position rules as .pv2-callfab: above the chat bubble, off phones */
body.sk-ui .sk-callfab{position:fixed;right:16px;left:auto;bottom:88px;z-index:70;display:inline-flex;align-items:center;gap:7px;
 background:#fff;color:var(--g)!important;border:1px solid var(--line);border-radius:999px;padding:9px 15px;font-size:13.5px;
 font-weight:700;box-shadow:0 6px 18px rgba(16,32,64,.16);text-decoration:none!important}
body.sk-ui .sk-callfab:hover{background:var(--g);color:#fff!important;border-color:var(--g)}
@media(max-width:980px){body.sk-ui .sk-callfab{bottom:156px;padding:10px;right:12px}body.sk-ui .sk-callfab span{display:none}}
@media(max-width:560px){body.sk-ui .sk-callfab{display:none}}

/* ---- generic pages: cart, account, 404, blog, static ---- */
/* Cart and account are Elementor pages, so the :not(.elementor-page) ground above skipped them —
   but they are functional pages, not designed landings, and the account page's main.site-main
   was painted rgba(100,172,87,.24), a green nothing else on the site uses. */
body.sk-ui.woocommerce-cart,body.sk-ui.woocommerce-account{background:var(--bg)!important}
body.sk-ui.woocommerce-account main.site-main,body.sk-ui.woocommerce-cart main.site-main{background:transparent!important}
/* WOOF's redraw zone is position:relative; z-index:1001, so while scrolling the filter labels
   painted over the sticky header (z-index 60). 1 keeps its own stacking, under the header. */
body.sk-ui .woof_redraw_zone{z-index:1!important}
body.sk-ui:not(.elementor-page) .page-header .entry-title,body.sk-ui:not(.elementor-page) h1.entry-title{font-size:26px!important;
 font-weight:800!important;color:var(--ink)!important;line-height:1.3!important}
body.sk-ui .woocommerce-info,body.sk-ui .woocommerce-message,body.sk-ui .woocommerce-error,body.sk-ui .woocommerce-noreviews{
 background:var(--card)!important;border:1px solid var(--line)!important;border-inline-start:4px solid var(--g)!important;
 border-radius:12px!important;color:#2b3a55!important;font-size:14.5px!important;padding:14px 18px!important;box-shadow:none!important}
body.sk-ui .woocommerce-error{border-inline-start-color:#d92d3c!important}
/* WooCommerce draws the notice icon as an absolutely positioned ::before at the inline start */
body.sk-ui .woocommerce-info,body.sk-ui .woocommerce-message,body.sk-ui .woocommerce-error{padding-inline-start:48px!important;position:relative}
body.sk-ui .woocommerce-info::before,body.sk-ui .woocommerce-message::before{color:var(--g)!important}
body.sk-ui .return-to-shop .button,body.sk-ui.woocommerce-cart .woocommerce .button,body.sk-ui.woocommerce-account .woocommerce .button{
 background:var(--g)!important;color:#fff!important;border:0!important;border-radius:10px!important;font-weight:700!important;
 padding:11px 20px!important;box-shadow:none!important;text-shadow:none!important}
/* Elementor-built pieces that keep their own markup: the 404 template's button and the blog's
   posts-widget pagination (it still drew the old 45px background-image diamond on the current page) */
body.sk-ui.error404 .elementor-button{background:var(--g)!important;border-radius:10px!important;font-weight:700!important}
body.sk-ui.error404 .elementor-button:hover{background:#186236!important}
body.sk-ui .elementor-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
body.sk-ui .elementor-pagination .page-numbers{display:inline-grid!important;place-items:center;min-width:38px;height:38px;padding:0 10px!important;
 margin:0!important;border-radius:10px!important;background:#fff!important;background-image:none!important;border:1px solid var(--line)!important;
 color:#2b3a55!important;font-weight:600!important;font-size:14px!important;line-height:1!important;transform:none!important}
body.sk-ui .elementor-pagination .page-numbers.current{background:var(--g)!important;border-color:var(--g)!important;color:#fff!important}
body.sk-ui .elementor-pagination a.page-numbers:hover{border-color:var(--g)!important;color:var(--g)!important}
body.sk-ui .return-to-shop .button:hover,body.sk-ui.woocommerce-cart .woocommerce .button:hover,body.sk-ui.woocommerce-account .woocommerce .button:hover{background:#186236!important}