/* ==========================================================================
   La Peer – UX fixes
   1. Buttons: the parent theme (Hello Elementor) paints every <button>
      #c36 pink on hover/focus. Use the brand ink instead.
   ========================================================================== */
[type=button],[type=submit],button{border-color:#211f1b;color:#211f1b}
[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{background-color:#211f1b;color:#fff}

/* Text-style buttons stay transparent */
.pswp .pswp__button,.pswp .pswp__button:hover,.pswp .pswp__button:focus{background-color:transparent;border:0;box-shadow:none}
.e-background-video .e-background-video__play,.e-background-video .e-background-video__pause{border-color:#faf9f6}
.e-background-video .e-background-video__play:hover,.e-background-video .e-background-video__pause:hover,.e-background-video .e-background-video__play:focus,.e-background-video .e-background-video__pause:focus{background-color:#211f1bcc;color:#fff}
.lp-whatsapp-complete{border-color:#211f1b}
.lp-whatsapp-complete:hover,.lp-whatsapp-complete:focus{background-color:#3a342b;border-color:#3a342b;color:#fff}

/* Menu/search dialogs take focus themselves on open – no frame on the panel */
dialog.lp-drawer:focus,dialog.lp-settings-dialog:focus,dialog[tabindex="-1"]:focus{outline:none;box-shadow:none}

/* Product images: square frame everywhere; the photo fills it (tall photos are cropped and centred) */
html .woocommerce ul.products li.product a img,
html .woocommerce-page ul.products li.product a img{aspect-ratio:1/1;width:100%;height:auto;object-fit:cover;object-position:center;padding:0}
/* No zoom on hover: a scaled square spills out of its frame (and sticks after a tap on phones) */
html .woocommerce ul.products li.product a img,html .woocommerce ul.products li.product a:hover img,
html .woocommerce-page ul.products li.product a:hover img{transform:none;transition:filter .5s ease,opacity .5s ease}
@media(hover:hover){html .woocommerce ul.products li.product a:hover img{filter:brightness(1.04) saturate(1.04)}}
html .lp-collection-image,html .lp-product-image{aspect-ratio:1/1}
html .lp-collection-image img,html .lp-product-image img{object-fit:cover;object-position:center;padding:0}
html .woocommerce div.product div.images .woocommerce-product-gallery__image img:not(.zoomImg){aspect-ratio:1/1;width:100%;height:auto;object-fit:cover;object-position:center}
html .woocommerce div.product div.images .flex-control-thumbs li img{aspect-ratio:1/1;object-fit:cover;object-position:center}
html .lps-cart-preview img{height:110px;object-fit:cover;object-position:center}
html .lps-review-image img{height:65px;object-fit:cover;object-position:center}
@media(max-width:767px){html .lps-cart-preview article>img{height:70px!important}}

/* Subcategory row under the store categories */
.lp-store-categories a[aria-current=true]{background:#211f1b;color:#fff}
.lp-ux-subcats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:-18px 0 34px}
.lp-ux-subcats a{padding:5px 13px;border:1px solid #e2dcd2;background:#faf9f6;color:#62584a;font-size:12px;line-height:1.6;text-decoration:none;transition:border-color .2s ease,color .2s ease,background-color .2s ease}
.lp-ux-subcats a:hover,.lp-ux-subcats a:focus-visible{border-color:#211f1b;color:#211f1b}
.lp-ux-subcats a[aria-current=page]{background:#ebe4d8;border-color:#d8cdb9;color:#211f1b}
@media(max-width:767px){.lp-ux-subcats{gap:6px;margin:-10px 0 24px}.lp-ux-subcats a{padding:4px 10px;font-size:11.5px}}

/* Footer delivery link */
.lp-footer-line a.lp-ux-areas{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.lp-footer-line a.lp-ux-areas:hover{text-decoration-thickness:2px}
/* Keep the last footer line clear of the floating cart / accessibility / cookie buttons */
.lp-site-footer{padding-bottom:calc(135px + env(safe-area-inset-bottom,0px))}
.lp-footer-line .lp-ux-credit a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.lp-footer-line .lp-ux-credit a:hover{text-decoration-thickness:2px}

/* ==========================================================================
   2. Checkout steps
   ========================================================================== */
.woocommerce .lps-checkout .lps-steps button,
.woocommerce .lps-checkout .lps-steps button:hover,
.woocommerce .lps-checkout .lps-steps button:focus{background:none;border:0;box-shadow:none;color:#777166}
.woocommerce .lps-checkout .lps-steps button[aria-current=step]{color:#211f1b}
.woocommerce .lps-checkout .lps-steps button.is-done{color:#4f483d}
.lps-steps button:not(:disabled):not([aria-current=step]):hover span{border-color:#211f1b}
.lps-steps button:focus-visible{outline:2px solid #211f1b;outline-offset:4px}
.lps-steps button span{transition:background-color .35s ease,border-color .35s ease,color .35s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.lps-steps button[aria-current=step] span{transform:scale(1.1)}
.lps-steps button.is-done span{font-size:0}
.lps-steps button.is-done span::after{content:"✓";font-size:13px;line-height:1}

/* Progress line under the steps (grows right-to-left) */
.lps-steps{position:relative}
.lps-steps::after{content:"";position:absolute;right:0;bottom:-1px;height:2px;width:var(--lp-ux-progress,20%);background:#211f1b;transition:width .7s cubic-bezier(.2,.8,.2,1)}
.lps-checkout[data-step="2"] .lps-steps{--lp-ux-progress:40%}
.lps-checkout[data-step="3"] .lps-steps{--lp-ux-progress:60%}
.lps-checkout[data-step="4"] .lps-steps{--lp-ux-progress:80%}
.lps-checkout[data-step="5"] .lps-steps{--lp-ux-progress:100%}

/* "Back" is a text link, not a pink box */
.woocommerce .lps-checkout button.lps-back,
.woocommerce .lps-checkout button.lps-back:hover,
.woocommerce .lps-checkout button.lps-back:focus{background:none;border:0;border-bottom:1px solid #aaa090;border-radius:0;box-shadow:none;color:#62584a;padding:6px 0}
.woocommerce .lps-checkout button.lps-back:hover{color:#211f1b;border-bottom-color:#211f1b}

/* Step headings get programmatic focus for screen readers – no orange box */
.lps-checkout-step h2:focus,.lps-checkout-step [tabindex="-1"]:focus{outline:none;box-shadow:none}

/* Primary buttons: subtle lift; text stays light on hover (WooCommerce turns it grey) */
.woocommerce .lps-checkout .lps-next,.woocommerce .lps-checkout #place_order{transition:background-color .25s ease,transform .25s ease,box-shadow .25s ease}
.woocommerce .lps-checkout .lps-next:hover,.woocommerce .lps-checkout #place_order:hover,
.woocommerce .lps-checkout .lps-next:focus,.woocommerce .lps-checkout #place_order:focus{background:#3a342b;color:#faf9f6;transform:translateY(-1px);box-shadow:0 8px 22px #211f1b26}

/* Collection arrows: light background on hover, so keep the ink colour */
.lp-collection-controls button:hover,.lp-collection-controls button:focus{color:#211f1b}

/* Field validation colours: brand tones instead of WooCommerce green/red */
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select,
.woocommerce form .form-row.woocommerce-validated .select2-container:not(.select2-container--open) .select2-selection{border-color:#b9ae9c}
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select,
.woocommerce form .form-row.woocommerce-invalid .select2-container:not(.select2-container--open) .select2-selection{border-color:#b77560}
.woocommerce form .form-row.woocommerce-invalid label{color:#8f4a36}
.woocommerce .lps-checkout .form-row textarea,.woocommerce .lps-checkout .form-row textarea.input-text{border:1px solid #d7d0c3;border-radius:0;box-shadow:none}
.lps-checkout input:focus,.lps-checkout textarea:focus,.lps-checkout select:focus,.woocommerce .lps-checkout .form-row textarea:focus{border-color:#211f1b}

/* ==========================================================================
   3. Purchase helpers (added by ux.js)
   ========================================================================== */
.lp-ux-dates{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.lp-ux-dates-label{width:100%;font-size:12px;color:#776e60;margin:0}
.woocommerce .lps-checkout .lp-ux-date,
.woocommerce .lps-checkout .lp-ux-date:hover,
.woocommerce .lps-checkout .lp-ux-date:focus{display:inline-flex;flex-direction:column;align-items:center;gap:2px;min-width:68px;padding:8px 10px;border:1px solid #d7d0c3;border-radius:0;background:#fff;color:#211f1b;font:400 12px/1.3 Heebo,Arial,sans-serif;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}
.woocommerce .lps-checkout .lp-ux-date strong{font-weight:500;font-size:13px}
.woocommerce .lps-checkout .lp-ux-date:hover{border-color:#211f1b;transform:translateY(-1px)}
.woocommerce .lps-checkout .lp-ux-date[aria-pressed=true]{background:#211f1b;border-color:#211f1b;color:#fff}
@media(max-width:767px){
	.lp-ux-dates{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
	.lp-ux-dates-label{grid-column:1/-1}
	.woocommerce .lps-checkout .lp-ux-date,.woocommerce .lps-checkout .lp-ux-date:hover,.woocommerce .lps-checkout .lp-ux-date:focus{min-width:0;padding:8px 2px}
}

/* Delivery date field: never wider than its frame */
.woocommerce .lps-checkout input[type=date]{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box}
/* iPhone/iPad: Safari draws its own date control and ignores width, padding and alignment */
@supports (-webkit-touch-callout:none){
	.woocommerce .lps-checkout input[type=date]{-webkit-appearance:none;appearance:none;min-height:52px;line-height:22px;padding:14px 16px 14px 46px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23211f1b' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='1'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E") no-repeat 16px center;color:#211f1b;direction:rtl;text-align:right;font-size:16px}
	.woocommerce .lps-checkout input[type=date]::-webkit-date-and-time-value{text-align:right;margin:0;min-height:22px}
	.woocommerce .lps-checkout input[type=date]::-webkit-datetime-edit{padding:0}
}

.lp-ux-self{display:flex;align-items:center;gap:10px;background:#faf9f6;border:1px solid #ece7df;padding:12px 14px;margin:0 0 22px;font-size:14px;cursor:pointer}
.lp-ux-self input{width:18px;height:18px;accent-color:#211f1b;margin:0}

.lp-ux-help{text-align:center;font-size:13px;color:#716b61;margin:18px 0 0}
.lp-ux-help a{color:#211f1b;border-bottom:1px solid #aaa090;text-decoration:none}
.lp-ux-help a:hover{border-bottom-color:#211f1b}

/* Sticky add-to-cart (mobile product pages) */
.lp-ux-atc{position:fixed;top:0;right:0;left:0;z-index:7990;display:flex;align-items:center;gap:12px;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0px));background:#faf9f6f5;border-bottom:1px solid #e2dcd2;box-shadow:0 6px 24px #211f1b14;transform:translateY(-110%);transition:transform .45s cubic-bezier(.2,.8,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lp-ux-atc.is-shown{transform:none}
.lp-ux-atc img{width:44px;height:44px;object-fit:cover;background:#fff;flex:none}
.lp-ux-atc-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.lp-ux-atc-text span{font-size:14px;color:#211f1b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-ux-atc-text small{font-size:13px;color:#62584a}
.lp-ux-atc button,.lp-ux-atc button:hover,.lp-ux-atc button:focus{flex:none;background:#211f1b;color:#fff;border:1px solid #211f1b;border-radius:0;padding:11px 18px;font:400 14px/1 Heebo,Arial,sans-serif;white-space:nowrap}
@media(min-width:768px){.lp-ux-atc{display:none}}

/* ==========================================================================
   4. Motion – only when the visitor has not asked for reduced motion
   ========================================================================== */
@media (prefers-reduced-motion:no-preference){
	body:not(.lp-no-motion) .lps-checkout-step:not([hidden]){animation:lpUxStepIn .5s cubic-bezier(.2,.75,.2,1) both}
	body:not(.lp-no-motion) .lps-checkout-step:not([hidden]) :is(.form-row,.lps-cart-preview article,.lps-coupon,.lps-live-totals,.lps-shipping-state,.lp-ux-self,.lps-recipient-summary){animation:lpUxRise .55s cubic-bezier(.2,.75,.2,1) both}
	body:not(.lp-no-motion) .lps-checkout-step:not([hidden]) :is(.form-row,article):nth-child(2){animation-delay:.05s}
	body:not(.lp-no-motion) .lps-checkout-step:not([hidden]) :is(.form-row,article):nth-child(3){animation-delay:.1s}
	body:not(.lp-no-motion) .lps-checkout-step:not([hidden]) :is(.form-row,article):nth-child(4){animation-delay:.15s}
	body:not(.lp-no-motion) .lps-checkout-step:not([hidden]) :is(.form-row,article):nth-child(5){animation-delay:.2s}
	body:not(.lp-no-motion) .lps-checkout-step:not([hidden]) :is(.form-row,article):nth-child(n+6){animation-delay:.25s}
	body:not(.lp-no-motion) .lps-steps button.is-done span::after{animation:lpUxPop .45s cubic-bezier(.2,.9,.3,1.4) both}

	body:not(.lp-no-motion) .lp-ux-flash{animation:lpUxFlash 1.1s ease}

	/* Product grid: cards rise in as they enter the screen */
	html.lp-ux-motion body:not(.lp-no-motion) ul.products li.product:not(.lp-ux-in){opacity:0;transform:translateY(22px)}
	html.lp-ux-motion body:not(.lp-no-motion) ul.products li.product{transition:opacity .7s ease,transform .8s cubic-bezier(.2,.75,.2,1);transition-delay:var(--lp-ux-delay,0s)}
	@media(hover:hover){html.lp-ux-motion body:not(.lp-no-motion) ul.products li.product.lp-ux-in:hover{transform:translateY(-4px);transition-delay:0s}}

	/* Add-to-cart feedback */
	body:not(.lp-no-motion) .lps-cart-dock.lp-ux-bump .lps-cart-circle{animation:lpUxBump .7s cubic-bezier(.2,.9,.3,1.3)}
	body:not(.lp-no-motion) .lps-cart-dock.lp-ux-bump .lps-cart-count{animation:lpUxPop .5s .15s cubic-bezier(.2,.9,.3,1.4) both}
	body:not(.lp-no-motion) .woocommerce-notices-wrapper .woocommerce-message{animation:lpUxDrop .6s cubic-bezier(.2,.75,.2,1) both}
	body:not(.lp-no-motion) .add_to_cart_button.added{animation:lpUxPop .4s ease}
}
@keyframes lpUxStepIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes lpUxRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes lpUxPop{0%{transform:scale(.4);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes lpUxBump{0%{transform:scale(1)}30%{transform:scale(1.18)}60%{transform:scale(.95)}100%{transform:scale(1)}}
@keyframes lpUxDrop{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes lpUxFlash{0%{background-color:#efe6d4}100%{background-color:transparent}}

/* ---------- Product options: square buttons instead of dropdowns ---------- */
.woocommerce div.product form.lp-has-swatches table.variations,.woocommerce div.product form.lp-has-swatches table.variations tbody,.woocommerce div.product form.lp-has-swatches table.variations tr,.woocommerce div.product form.lp-has-swatches table.variations th,.woocommerce div.product form.lp-has-swatches table.variations td{display:block;width:100%;padding:0;border:0;background:none;text-align:right}
.woocommerce div.product form.lp-has-swatches table.variations{margin:0 0 6px}
.woocommerce div.product form.lp-has-swatches table.variations tr{margin:0 0 22px}
.woocommerce div.product form.lp-has-swatches table.variations th.label{margin:0 0 10px;line-height:1.4}
.woocommerce div.product form.lp-has-swatches table.variations th.label label{font-size:15px;font-weight:400;color:var(--lp-ink,#211f1b)}
.lp-sw-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none;overflow:hidden;clip-path:inset(50%)}
.lp-swatches{display:flex;flex-wrap:wrap;gap:8px}
.lp-swatch{min-width:58px;min-height:52px;padding:8px 14px;border:1px solid #d7d0c3;border-radius:0;background:#fff;color:#211f1b;font:400 16px/1.2 var(--lp-sans,Heebo,sans-serif);letter-spacing:.01em;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.lp-swatches--compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));max-width:420px;gap:6px}
.lp-swatches[dir=ltr]{margin-inline-start:auto}
.lp-swatches--compact .lp-swatch{min-width:0;min-height:44px;padding:0;font-size:15px}
html .woocommerce .lp-swatch:hover:not([disabled]):not([aria-checked="true"]){background:#fff;border-color:#211f1b;color:#211f1b}
html .woocommerce .lp-swatch[aria-checked="true"],html .woocommerce .lp-swatch[aria-checked="true"]:hover{background:#211f1b;border-color:#211f1b;color:#faf9f6}
.lp-swatch:focus-visible{outline:2px solid #806547;outline-offset:3px}
html .woocommerce .lp-swatch[disabled],html .woocommerce .lp-swatch.is-unavailable{background:#f4f1eb;border-color:#e2dcd2;color:#aaa090;text-decoration:line-through;cursor:not-allowed}
@media (hover:hover){.lp-swatch:active:not([disabled]){transform:scale(.97)}}
.woocommerce div.product form.lp-has-swatches .reset_variations{display:inline-block;margin:-8px 0 14px;font-size:13px;color:#62584a;text-decoration:underline;text-underline-offset:3px}
.woocommerce div.product form.lp-has-swatches .single_variation_wrap .woocommerce-variation-price{display:none}
.woocommerce div.product form.lp-has-swatches .single_variation_wrap .woocommerce-variation{margin:0 0 14px}
.woocommerce div.product p.price.lp-price-pop{animation:lp-price-pop .45s ease}
@keyframes lp-price-pop{0%{opacity:.35}100%{opacity:1}}
.lp-from{font-size:.72em;color:#62584a;margin-inline-end:4px}
@media (prefers-reduced-motion:reduce){.lp-swatch{transition:none}.woocommerce div.product p.price.lp-price-pop{animation:none}}

/* Personal text */
.lp-personal{flex:1 0 100%;width:100%;margin:0 0 20px;position:relative}
.lp-personal label{display:block;margin:0 0 8px;font-size:15px;font-weight:400;color:#211f1b}
.lp-personal .lp-optional{font-size:13px;color:#62584a;font-weight:300}
.lp-personal .lp-required{color:#b77560}
.lp-personal input{width:100%;max-width:420px;min-height:50px;padding:12px 14px;border:1px solid #d7d0c3;border-radius:0;background:#fff;color:#211f1b;font-size:16px}
.lp-personal input:focus{border-color:#211f1b;outline:0}
.lp-personal input[aria-invalid="true"]{border-color:#b77560}
.lp-personal-count{display:block;margin-top:6px;font-size:12px;color:#62584a}

/* Add-to-cart before options are chosen: brand ink, dimmed (not WooCommerce lavender) */
html .woocommerce div.product form.cart .single_add_to_cart_button.disabled,html .woocommerce div.product form.cart .single_add_to_cart_button:disabled,html .woocommerce div.product form.cart .single_add_to_cart_button.disabled:hover{background:#211f1b;border-color:#211f1b;color:#faf9f6;opacity:.42;cursor:not-allowed}

/* Chosen options under each item (cart, checkout, order) */
html .woocommerce dl.variation,html dl.variation{display:grid;grid-template-columns:auto 1fr;gap:2px 6px;margin:6px 0 10px;padding:0;border:0;font-size:14px;line-height:1.5;color:#62584a}
html .woocommerce dl.variation dt,html dl.variation dt{margin:0;font-weight:400;color:#62584a;float:none}
html .woocommerce dl.variation dd,html dl.variation dd{margin:0;padding:0;color:#211f1b;float:none}
html .woocommerce dl.variation dd p,html dl.variation dd p{margin:0}

/* ---------- Checkout: delivery or self pickup ---------- */
form.lps-checkout .lp-ful{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 18px;padding:0;border:0;min-width:0}
form.lps-checkout .lp-ful-opt{position:relative;display:flex;align-items:flex-start;gap:10px;margin:0;padding:14px 16px;border:1px solid #d9d2c6;background:#fff;color:#211f1b;cursor:pointer;line-height:1.45;transition:border-color .2s ease,background-color .2s ease,color .2s ease}
form.lps-checkout .lp-ful-opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
form.lps-checkout .lp-ful-opt span{display:flex;flex-direction:column;gap:3px}
form.lps-checkout .lp-ful-opt strong{font-size:15px;font-weight:600}
form.lps-checkout .lp-ful-opt small{font-size:12.5px;color:#6b6358}
form.lps-checkout .lp-ful-opt:hover{border-color:#211f1b}
form.lps-checkout .lp-ful-opt.is-on{background:#211f1b;border-color:#211f1b;color:#faf9f6}
form.lps-checkout .lp-ful-opt.is-on small{color:#e6dfd3}
form.lps-checkout .lp-ful-opt:focus-within{outline:2px solid #211f1b;outline-offset:2px}
form.lps-checkout .lp-pickup-card{margin:0 0 18px;padding:16px 18px;border:1px solid #e3ddd3;background:#faf7f2;color:#211f1b;line-height:1.6}
form.lps-checkout .lp-pickup-card p{margin:0 0 6px}
form.lps-checkout .lp-pickup-place{font-size:15px}
form.lps-checkout .lp-pickup-links{display:flex;flex-wrap:wrap;gap:6px 20px;margin:10px 0 0!important}
form.lps-checkout .lp-pickup-links a{color:#211f1b;text-decoration:underline;text-underline-offset:3px}
form.lps-checkout .lp-sum-pickup{font-weight:600}
@media (prefers-reduced-motion:reduce){form.lps-checkout .lp-ful-opt{transition:none}}

/* "בתיאום מראש" links to WhatsApp */
a.lp-arrange{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a.lp-arrange:hover{text-decoration-thickness:2px}