/* Tiny Maket — layered fixes (loaded last so it overrides components/context CSS). */

/* ── Mobile: stop horizontal scroll caused by the off-canvas drawer / fixed panels ──
   The mobile drawer (.drw) is parked off-screen with translateX(105%); its fixed
   overlay (.drov) wasn't clipping, so it leaked page-width on phones. */
html{overflow-x:clip}
.drov{overflow:hidden}
.srch-ov{overflow-x:hidden}

/* ── Global breadcrumb — clean, consistent look on every page ── */
.tm-crumb-wrap{padding:14px 0 2px}
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:.8rem;color:var(--ink3)}
.breadcrumb a{color:var(--ink3);text-decoration:none;transition:color .15s}
.breadcrumb a:hover{color:var(--red)}
.breadcrumb .cur{color:var(--ink);font-weight:700}
.breadcrumb svg{width:13px;height:13px;opacity:.45;flex:none}
:not(.tm-crumb-wrap) > .breadcrumb{display:none}

/* ── Primary nav menu (when a WP menu is assigned to the "primary" location) ──
   Only show it at desktop width — must NOT override the theme's mobile
   `.nav-links{display:none}` (that was forcing the desktop menu onto phones). */
@media(min-width:1000px){.nav-links{display:flex;align-items:center;gap:2px}}
.nav-links ul{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.nav-links li{list-style:none;margin:0;padding:0;position:relative}
.nav-links li>a{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;font-size:.92rem;font-weight:600;color:var(--ink2);text-decoration:none;border-radius:10px;line-height:1;white-space:nowrap;transition:background .15s,color .15s}
.nav-links li>a:hover{background:var(--sf2);color:var(--ink)}
.nav-links li.current-menu-item>a,.nav-links li.current_page_item>a,.nav-links li.current-menu-parent>a{color:var(--red)}

/* ── Search overlay: stack the quick-access labels; keep only our clear ✕ ── */
.srch-body{display:flex;flex-direction:column;gap:22px}
.srch-cat{display:flex;align-items:center;gap:12px}
.srch-cat .sc-tx{display:flex;flex-direction:column;gap:2px;line-height:1.35;min-width:0}
.srch-cat .sc-tx b{display:block;font-weight:800}
.srch-cat .sc-tx>span{display:block;font-size:.76rem;color:var(--ink3);font-weight:600}
.srch-field input[type="search"]{appearance:none;-webkit-appearance:none}
.srch-field input[type="search"]::-webkit-search-cancel-button,
.srch-field input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;display:none}

/* ── Cart tweaks ── */
.tm-cart .quantity,.tm-cart-item .quantity,.woocommerce .tm-cart-item .quantity{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
.ci-unit small{display:none}
.ci-remove a{display:flex!important;align-items:center;justify-content:center;line-height:0}
.ci-remove a svg{width:15px;height:15px;display:block;margin:0}
.shipping-calculator-button,.shipping-calculator-form,.wc-shipping-calculator,.tm-summary .shipping-calculator-button{display:none!important}

/* ── WooCommerce notices — RTL: keep the icon in the right gutter, text readable ── */
.woocommerce-message,.woocommerce-info,.woocommerce-error{position:relative;padding:14px 48px 14px 18px!important;border-radius:12px;line-height:1.9;text-align:right;background:var(--sf,#f7f7f8);border:1px solid var(--line,#e5e7eb);color:var(--ink,#1f2937)}
.woocommerce-message{background:#eafaf0;border-color:#bfe9cf}
.woocommerce-error{background:#fdecec;border-color:#f5c6c6}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{right:16px!important;left:auto!important;top:14px}
.woocommerce-message>svg,.woocommerce-info>svg,.woocommerce-error>svg{position:static!important;float:none!important;margin:0 0 0 9px;flex:none;vertical-align:middle}
.woocommerce-message .button,.woocommerce-error .button{margin-inline-start:12px}

/* ── Checkout: true 50 / 50 — details side fills its column, no stray box/outlines ── */
@media(min-width:900px){
.woocommerce-checkout form.checkout.woocommerce-checkout{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.woocommerce-checkout form.checkout #customer_details{grid-column:1;grid-row:1 / span 2;width:100%}
.woocommerce-checkout form.checkout #order_review_heading{grid-column:2;grid-row:1;margin:0 0 12px}
.woocommerce-checkout form.checkout #order_review{grid-column:2;grid-row:2;position:sticky;top:90px}
}
.woocommerce-checkout #customer_details .col2-set{display:block;width:100%;float:none}
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2{float:none;width:100%;max-width:100%;padding:0;margin:0;border:0!important;box-shadow:none!important;background:transparent!important}
.woocommerce-checkout #customer_details h3{border:0;outline:none;box-shadow:none;background:transparent;padding:0}

/* Checkout «جزئیات پرداخت» billing fields — clean white inputs, tidy focus, no browser outline */
.woocommerce-checkout #customer_details .input-text,
.woocommerce-checkout #customer_details textarea,
.woocommerce-checkout #customer_details select,
.woocommerce-checkout .select2-selection{background:#fff!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:12px!important;box-shadow:none!important;outline:none!important}
.woocommerce-checkout #customer_details .input-text:focus,
.woocommerce-checkout #customer_details textarea:focus,
.woocommerce-checkout #customer_details select:focus,
.woocommerce-checkout .select2-container--open .select2-selection,
.woocommerce-checkout .select2-container--focus .select2-selection{border-color:var(--red,#EC1C25)!important;outline:none!important;box-shadow:0 0 0 3px rgba(236,28,37,.12)!important}
.woocommerce-checkout .form-row.woocommerce-invalid input.input-text,
.woocommerce-checkout .form-row.woocommerce-invalid select,
.woocommerce-checkout .form-row.woocommerce-invalid .select2-selection{border-color:#e2401c!important;box-shadow:none!important}
.woocommerce-checkout #customer_details textarea{min-height:92px}
.woocommerce-checkout #billing_state_field,.woocommerce-checkout #billing_city_field{width:48%!important;box-sizing:border-box}
.woocommerce-checkout .select2-container,.woocommerce-checkout .select2-selection--single{width:100%!important;height:46px!important}
.woocommerce-checkout .select2-selection--single .select2-selection__rendered{line-height:44px!important}
.woocommerce-checkout .select2-selection--single .select2-selection__arrow{height:44px!important}
.woocommerce-checkout #payment{background:var(--sf);border:1px solid var(--line);border-radius:var(--r3);overflow:hidden}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid var(--line);padding:14px 16px;margin:0}
.woocommerce-checkout #payment div.place-order{padding:16px}
.woocommerce-checkout #ship-to-different-address label,
.woocommerce-checkout #ship-to-different-address span{font-weight:500!important;font-size:.92rem;cursor:pointer}

/* ── Account / address forms: equal paired fields (استان / شهر) ── */
.woocommerce form .form-row-first,.woocommerce form .form-row-last,
.woocommerce-address-fields .form-row-first,.woocommerce-address-fields .form-row-last{width:48%!important;box-sizing:border-box}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row select,
.woocommerce form .form-row .select2-container{width:100%!important;box-sizing:border-box}

/* ── Auth (my-account login) — readable brand panel, white logo, no site-name text ── */
.tm-auth-brand .tm-auth-logo>span,.logo>span{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tm-auth-brand .lmark-img,.tm-auth-brand .lmark-white{max-height:44px;width:auto}
.tm-auth-brand .tm-auth-head{color:#fff}
.tm-auth-brand .tm-auth-sub{color:rgba(255,255,255,.82)}
.tm-auth-brand .tm-auth-points li{color:rgba(255,255,255,.92)}
.tm-otp .tm-auth-btn{width:100%;justify-content:center}
.tm-otp .tm-otp-code{text-align:center;letter-spacing:.5em;font-size:1.35rem;direction:ltr;font-weight:800}
.tm-otp-msg{font-size:.85rem;font-weight:700;margin-top:8px;min-height:1.1em}
.tm-otp-to{font-size:.86rem;color:var(--ink2);margin-bottom:16px;line-height:1.9}
.tm-otp-resend{font-size:.8rem;color:var(--ink3);margin-top:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}

/* ── PLP: custom min/max price filter ── */
.price-range{display:flex;align-items:center;gap:8px;margin-top:12px}
.price-range .price-in{flex:1;min-width:0;width:100%;height:40px;border:1px solid var(--line);border-radius:10px;padding:0 10px;font:inherit;font-size:.85rem;text-align:center;background:#fff;direction:ltr;box-sizing:border-box}
.price-range .price-dash{color:var(--ink3);font-size:.78rem;flex:none}
.price-range .price-apply{height:40px;padding:0 16px;border:0;border-radius:10px;background:var(--ink);color:#fff;font-weight:700;font:inherit;font-size:.82rem;cursor:pointer;white-space:nowrap;flex:none}
.price-range .price-apply:hover{background:var(--red)}

/* ── PLP: subcategory pills show the brand/category logo ── */
.subpills .subpill{display:inline-flex;align-items:center;gap:6px}
.subpills .subpill img,.subpills .subpill svg{width:18px;height:18px;flex:none}

/* ── kk Star Ratings (if kept) ── */
.pdp-kksr{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 16px;margin:6px 0 22px;background:var(--sf);border:1px solid var(--line);border-radius:var(--r3)}
.pdp-kksr .kksr-legend{color:var(--ink3);font-size:.8rem;font-weight:600;margin:0}

/* ── PDP: review form fields ── */
#review_form .comment-form input[type=text],#review_form .comment-form input[type=email],#review_form .comment-form textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;padding:11px 13px;font:inherit;background:#fff;margin-top:4px}
#review_form .comment-form textarea{min-height:110px;resize:vertical}
#review_form .comment-form label{font-weight:700;font-size:.85rem;color:var(--ink2)}
#review_form .comment-form p{margin:0 0 14px}
#review_form .form-submit .submit{background:var(--red);color:#fff;border:0;border-radius:12px;padding:12px 26px;font-weight:800;font:inherit;cursor:pointer}
#review_form .stars a{color:var(--amber,#e0a92e)}

/* ── Homepage: uploaded images replacing default SVG art ── */
.hero-car img{max-width:100%;height:auto;display:block;margin-inline:auto}
.pkg-visual>img{max-width:100%;height:auto;display:block;margin-inline:auto}
.visit-visual>img{max-width:100%;height:auto;display:block;border-radius:16px}

/* ── Article sidebar featured product: media + title clickable ── */
.side-prod a.sp-media{display:block;position:relative}
.side-prod a.spp-title{display:block;text-decoration:none;color:inherit;transition:color .15s}
.side-prod a.spp-title:hover{color:var(--red)}

/* ── Contact: uploaded store photo ── */
.cl-photo .cl-photo-img{width:100%;height:100%;min-height:280px;object-fit:cover;display:block}

/* ── Footer white logo sizing ── */
.ft .lmark-img,.ft .lmark-white{height:40px;width:auto;max-width:160px;object-fit:contain}