/* Attar Almadinah — Laravel integration overrides (loaded after boutique.css + pages.css) */

[x-cloak]{display:none!important}

dialog::backdrop{background:rgba(32,46,38,.45);backdrop-filter:blur(2px)}

/* keep design dialogs centered when opened via Alpine showModal */
dialog{margin:auto}

/* toast */
.toast.on{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}

/* product card: real photos instead of sprite sheets */
.photo img{width:100%;height:215px;object-fit:contain;mix-blend-mode:multiply}
@media(max-width:760px){.photo img{height:145px}}

/* wishlist heart state helper */
.wish.loading{opacity:.5;pointer-events:none}

/* discount badge on product photo */
.badge-off{position:absolute;top:12px;inset-inline-end:12px;z-index:3;font-size:11px;padding:3px 9px;border-radius:999px;background:#ddc797;color:#263d2e}

/* header cart count badge */
.cart-count{position:absolute;top:-5px;inset-inline-end:-5px;min-width:20px;height:20px;border-radius:999px;background:var(--olive);color:#fffdf8;font:12px/20px Arial;text-align:center;padding:0 5px}
.tools .bag{position:relative}

/* language switcher pill */
.lang-switch{display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:8px 14px;border:1px solid #c3c6b3;border-radius:4px;background:transparent;font-size:13px;cursor:pointer}
.lang-switch:hover{background:var(--surface)}
.lang-switch .lang-badge{width:26px;height:26px;border-radius:50%;background:var(--deep);color:#fffbed;display:grid;place-items:center;font-size:11px}

/* load-more */
.load-more .btn[disabled]{opacity:.55}

/* checkout summary + forms reuse design tokens */
.summary-box{background:var(--white);border:1px solid var(--border);border-radius:7px;padding:20px}
.summary-row2{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-block:10px;border-bottom:1px solid var(--border);font-size:15px}
.summary-row2:last-child{border-bottom:0}

/* stepper for cart page reuse */
.stepper{display:inline-flex;align-items:center;gap:8px}
.stepper button{min-width:44px;min-height:44px;border:1px solid #849272;background:transparent;border-radius:50%;font-size:17px}

/* hide scrollbars utility */
.no-scrollbar::-webkit-scrollbar{display:none}
.no-scrollbar{scrollbar-width:none}

/* LTR fine-tuning: design uses mostly logical properties; keep physical overrides here if needed */
[dir=ltr] .crumbs,[dir=ltr] .nav{direction:ltr}

/* legacy components (whatsapp float, back-to-top, cookie bar) keep the design font */
.font-body,.font-display,.font-arabic{font-family:Attar,Tahoma,sans-serif}

/* Tailwind preflight guards: design elements keep their own look */
dialog{padding:28px}
.btn svg{width:20px;height:20px}

/* rating stars */
.stars{display:inline-flex;gap:2px;color:#b78a2e}
.stars svg{width:15px;height:15px;fill:currentColor;stroke:none}
.stars svg.dim{color:#c9c4b2}

/* pdp media zoom */
.zoomable{cursor:zoom-in}
.zoomable img{transition:transform .2s ease-out;will-change:transform}