/* ================================================================
   iranboschcenter.com — Missing Utility Classes
   ----------------------------------------------------------------
   قالب بانوواش یک CSS دست‌نویس است که فقط بخشی از کلاس‌های یوتیلیتیِ
   استفاده‌شده در ویوها را تعریف کرده بود. کلاس‌های زیر در مارک‌آپ به کار
   رفته‌اند ولی هیچ‌جا تعریف نشده بودند؛ نبودشان چند مشکل دیداری واقعی
   می‌ساخت (وسط‌چین نشدن دکمه‌های لایت‌باکس، شفاف ماندن پس‌زمینه‌ی تیره‌ی
   مودال‌ها، و کم‌بودن padding دکمه‌ها).
   این فایل فقط اضافه می‌کند و هیچ قاعده‌ای را بازنویسی نمی‌کند.
   ================================================================ */

/* ---- Spacing --------------------------------------------------- */
.py-0\.5  { padding-top: .125rem;  padding-bottom: .125rem; }
.py-1\.5  { padding-top: .375rem;  padding-bottom: .375rem; }
.py-2\.5  { padding-top: .625rem;  padding-bottom: .625rem; }
.px-1\.5  { padding-left: .375rem; padding-right: .375rem; }
.pb-8     { padding-bottom: 2rem; }
.pb-10    { padding-bottom: 2.5rem; }
.mt-0\.5  { margin-top: .125rem; }
.mt-1\.5  { margin-top: .375rem; }
.mr-10    { margin-right: 2.5rem; }
.gap-1\.5 { gap: .375rem; }
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { margin-top: .375rem; }

/* ---- Sizing ---------------------------------------------------- */
.w-0\.5   { width: .125rem; }
.w-2\.5   { width: .625rem; }
.h-2\.5   { height: .625rem; }
.w-1\/3   { width: 33.333333%; }
.max-w-\[90vw\] { max-width: 90vw; }
.max-h-\[90vh\] { max-height: 90vh; }

/* ---- Position / layering --------------------------------------- */
/* لایت‌باکس گالری با ترکیب top-1/2 و -translate-y-1/2 وسط‌چین می‌شود */
.top-1\/2   { top: 50%; }
.left-1\/2  { left: 50%; }
.top-20     { top: 5rem; }
.left-6     { left: 1.5rem; }
.z-\[100\]  { z-index: 100; }
.z-\[200\]  { z-index: 200; }

/* ---- Typography ------------------------------------------------ */
.leading-5  { line-height: 1.25rem; }
.leading-6  { line-height: 1.5rem; }
.leading-7  { line-height: 1.75rem; }
.text-5xl   { font-size: 3rem; line-height: 1; }
.text-\[10px\] { font-size: 10px; }
.tracking-widest { letter-spacing: .1em; }

/* ---- Colours --------------------------------------------------- */
.text-gray-100    { color: #f3f4f6; }
.text-yellow-600  { color: #ca8a04; }
.text-yellow-800  { color: #854d0e; }
.bg-green-200     { background-color: #bbf7d0; }
.bg-yellow-400    { background-color: #facc15; }
.border-green-400 { border-color: #4ade80; }
.border-yellow-200{ border-color: #fef08a; }
.divide-gray-100 > :not([hidden]) ~ :not([hidden]) { border-color: #f3f4f6; }

/* پس‌زمینه‌ی تیره‌ی لایت‌باکس و مودال‌ها — بدون این‌ها بک‌دراپ شفاف می‌ماند */
.bg-black\/60  { background-color: rgba(0,0,0,.6); }
.bg-black\/90  { background-color: rgba(0,0,0,.9); }
.bg-white\/10  { background-color: rgba(255,255,255,.1); }
.text-white\/60{ color: rgba(255,255,255,.6); }
.text-white\/80{ color: rgba(255,255,255,.8); }

/* ---- رنگ برند با شفافیت ---------------------------------------- */
.bg-primary\/5      { background-color: rgba(var(--color-primary-rgb), .05); }
.bg-primary\/10     { background-color: rgba(var(--color-primary-rgb), .10); }
.border-primary\/20 { border-color: rgba(var(--color-primary-rgb), .20); }
.border-primary\/30 { border-color: rgba(var(--color-primary-rgb), .30); }
.border-t-primary   { border-top-color: var(--color-primary); }

/* ---- Variants -------------------------------------------------- */
.cursor-zoom-in       { cursor: zoom-in; }
.hover\:opacity-90:hover { opacity: .9; }

/* این دو در قالب اصلی صورتی بودند؛ به قرمز بوش تبدیل شدند */
.hover\:bg-pink-50:hover     { background-color: var(--color-primary-light); }
.hover\:border-pink-200:hover{ border-color: rgba(var(--color-primary-rgb), .30); }

/* سوییچ‌های فرم (چک‌باکس سفارشی چک‌اوت) */
.after\:top-\[2px\]::after   { top: 2px; }
.after\:right-\[2px\]::after { right: 2px; }
.has-\[\:checked\]\:bg-primary\/5:has(:checked) {
    background-color: rgba(var(--color-primary-rgb), .05);
}