/*
 * Phone fixes from the mobile audit of 15/10/2026 (Rotem: "scrolling indication on top of a text, a button half of it
 * out of the screen"). Everything here is inside max-width:767px, the width the theme switches to its phone layout.
 * --hz-bot comes from assets/hz-mobile.js: the height of the bar pinned to the bottom of the screen right now.
 */
@media (max-width: 767px) {

/* ---- the free-delivery strip: first in the page instead of laid over the header (hz-mobile.js moves it) */
body .pisol-bar-container{position:relative !important;top:auto !important;z-index:auto !important;width:100% !important;box-sizing:border-box}
html[data-hz-bar="1"] body .pisol-bar-container{display:block !important}
html[data-hz-bar="x"] body .pisol-bar-container{display:none !important}
/* the theme's own strip under it said the same thing ("משלוח חינם ... מעל 249") */
html[data-hz-bar="1"] #top-bar{display:none !important}

/* ---- header: the heart and the bag sat 17px higher than the other icons */
.nasa-header-mobile-layout :is(.wishlist-link,.cart-link){display:inline-flex !important;align-items:center;height:60px;vertical-align:top}

/* ---- floating buttons: one stack each side, above whatever bar is pinned to the bottom */
#nasa-back-to-top{display:none !important}
.nasa-static-group-btn{transform:none !important}
.nasa-static-group-btn #nasa-init-viewed{position:fixed !important;top:auto !important;left:10px !important;right:auto !important;bottom:calc(var(--hz-bot,0px) + 12px) !important;margin:0 !important;width:44px !important;height:44px !important;transform:none !important}
.joinchat{bottom:calc(var(--hz-bot,0px) + 4px) !important}
.joinchat__button{margin-bottom:0 !important}
/* the accessibility button: a small tab on the left edge, above the clock, instead of a blue square over the header */
#pojo-a11y-toolbar{top:auto !important;bottom:calc(var(--hz-bot,0px) + 12px) !important;right:auto !important;left:-180px !important;transition:left .4s ease !important}
html[data-hz-viewed] #pojo-a11y-toolbar{bottom:calc(var(--hz-bot,0px) + 66px) !important}
#pojo-a11y-toolbar.pojo-a11y-toolbar-open{left:0 !important}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle{left:auto !important;right:-40px !important;top:auto !important;bottom:0 !important}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{display:flex !important;align-items:center;justify-content:center;width:40px !important;height:40px !important;padding:0 !important;border-radius:0 10px 10px 0;box-shadow:0 2px 8px rgba(0,0,0,.18)}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a svg{width:22px !important;height:22px !important}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay{max-height:calc(100vh - var(--hz-bot,0px) - 90px);overflow-y:auto}

/* ---- fabric page */
/* the contractor's Additional CSS pins the gallery column at 300px; the photo is 370px, so the dots landed on the name */
.single-product div.large-12.columns.mobile-padding-left-5.mobile-padding-right-5{height:auto !important}
.single-product .nasa-single-product-main-image .slick-dots{position:static !important;margin:10px 0 4px !important}
/* previous / next fabric arrows next to the name */
.single-product .products-arrow{display:none !important}
/* the sticky bar: no quantity there, so no "מטרים" either, and the button fits the screen */
.nasa-add-to-cart-fixed .nasa-wrap-content{display:flex !important;align-items:center;gap:12px;width:100% !important;padding:0 !important;margin:0 !important}
.nasa-add-to-cart-fixed .nasa-fixed-product-info{flex:1 1 auto;min-width:0;display:flex !important;align-items:center;gap:8px;float:none !important;width:auto !important;margin:0 !important;padding:0 !important}
.nasa-add-to-cart-fixed .nasa-thumb-clone{flex:0 0 auto;float:none !important}
.nasa-add-to-cart-fixed .nasa-title-clone{min-width:0;float:none !important;width:auto !important;padding:0 !important}
.nasa-add-to-cart-fixed .nasa-title-clone h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px !important;margin:0 !important}
.nasa-add-to-cart-fixed .nasa-fixed-product-btn{flex:0 0 auto;float:none !important;width:auto !important;margin:0 !important;padding:0 !important}
.nasa-add-to-cart-fixed .nasa-single-btn-clone{width:auto !important;margin:0 !important;padding:0 !important}
.nasa-add-to-cart-fixed .nasa-single-btn-clone .hz-qty-unit{display:none !important}
.nasa-add-to-cart-fixed .nasa-single-btn-clone .single_add_to_cart_button{min-width:0 !important;width:auto !important;padding:0 22px !important;white-space:nowrap}

/* ---- category tiles: two lines of name, never a sliver of a third */
.product-item .info a.name.nasa-show-one-line{padding-top:0 !important;padding-bottom:0 !important;height:2.7em;max-height:2.7em;min-height:2.7em}
/* the home page's tab row (מומלצים / במבצע / הנמכרים ביותר) cut its last tab */
.nasa-tabs-wrap .nasa-tabs{flex-wrap:wrap;justify-content:center;row-gap:8px;overflow:visible !important}

/* ---- search: the screen-reader "חיפוש" button showed as a black circle reading "חיפ" */
input.nasa-vitual-hidden{position:absolute !important;width:1px !important;height:1px !important;min-width:0 !important;min-height:0 !important;padding:0 !important;margin:-1px !important;border:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;clip-path:inset(50%) !important;white-space:nowrap}

/* ---- login: WooCommerce's show-password button came out as a black box under the field */
.woocommerce form .password-input{position:relative;display:block;width:100%;margin:0 !important;padding:0 !important}
.woocommerce form .password-input input{margin:0 !important;padding-inline-end:48px !important}
.woocommerce form .password-input .show-password-input{position:absolute !important;top:50% !important;left:8px !important;right:auto !important;transform:translateY(-50%);width:36px !important;height:36px !important;min-width:0 !important;padding:0 !important;margin:0 !important;border:0 !important;background:none !important;box-shadow:none !important;color:var(--hz-muted,#6b665e) !important;font-size:0 !important}
.woocommerce form .password-input .show-password-input::after{content:"" !important;display:block;width:22px;height:22px;margin:auto;background:currentColor;-webkit-mask:var(--hz-eye) center/contain no-repeat;mask:var(--hz-eye) center/contain no-repeat;--hz-eye:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
.woocommerce form .password-input .show-password-input.display-password::after{--hz-eye:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M3 3l18 18'/%3E%3C/svg%3E")}

/* ---- cart: the − / + stepper was 120px in a 70px box, so the minus hung off the left edge */
.woocommerce-cart-form td.product-quantity{width:112px;padding-inline:0 !important}
.woocommerce-cart-form .quantity.woopq-quantity{display:inline-flex !important;width:auto !important;margin:0 !important}
.woocommerce-cart-form .woopq-quantity-input{display:inline-flex !important;align-items:center;width:auto !important}
.woocommerce-cart-form :is(.woopq-quantity-input-minus,.woopq-quantity-input-plus){width:32px !important;min-width:32px;height:38px !important}
.woocommerce-cart-form .woopq-quantity-input input.qty{width:40px !important;min-width:0 !important;padding:0 !important}

/* ---- guides: the amounts table needed 560px; on a phone it wraps instead of hiding a column */
.hz-table table{min-width:0 !important;font-size:14px}
.hz-table th,.hz-table td{padding:10px 10px !important}
.hz-table td:first-child{white-space:normal !important}

/* ---- pages whose text was written straight into the page with no column around it ran to the screen edge */
body.page #main-content > :is(h1,h2,h3,h4,h5,p,ul,ol,table,blockquote){padding-inline:16px;box-sizing:border-box}
body.page #main-content > :is(ul,ol){padding-inline-start:36px}

/* ---- club and wholesale: a portrait photo filled the first screen and pushed the form below it */
:is(.page-id-12857,.page-id-6470) .elementor-widget-image img{width:100% !important;max-height:240px;object-fit:cover}

/* ---- gallery viewer: the "1 of 5" counter sat under the caption */
.mfp-counter,.pswp__counter{display:none !important}

}