/* ===== رنگ‌بندی داینامیک جی موبی =====
   این کلاس‌ها مقادیر خود را از متغیرهای CSS (که در تنظیمات ریداکس تعریف می‌شوند) می‌گیرند. */

/* ---------- پس‌زمینه ---------- */
.bg-brand { background-color: var(--brand); }
.bg-brand-dark { background-color: var(--brand-dark); }
.bg-brand-darker { background-color: var(--brand-darker); }
.bg-brand-soft { background-color: var(--brand-soft); }
.bg-brand-soft2 { background-color: var(--brand-soft2); }
.bg-brand-soft3 { background-color: var(--brand-soft3); }
.bg-brand-soft\/40 { background-color: rgba(var(--brand-rgb), 0.04); }
.bg-brand-soft\/80 { background-color: rgba(var(--brand-rgb), 0.08); }
.bg-brand-darkbg { background-color: var(--brand-darkbg); }

/* ---------- متن ---------- */
.text-brand { color: var(--brand); }
.text-brand-dark { color: var(--brand-dark); }
.text-brand-darker { color: var(--brand-darker); }
.text-brand-light { color: var(--brand-light); }
.text-brand-on-dark { color: var(--brand-on-dark); }
.text-brand-on-dark\/50 { color: rgba(var(--brand-rgb), 0.5); }

/* ---------- حاشیه ---------- */
.border-brand { border-color: var(--brand); }
.border-brand-soft2 { border-color: var(--brand-soft2); }
.border-brand-soft3 { border-color: var(--brand-soft3); }
.border-brand-light { border-color: var(--brand-light); }

/* ---------- حلقه فوکوس ---------- */
.ring-brand-soft { --tw-ring-color: var(--brand-soft); }
.ring-brand-soft2 { --tw-ring-color: var(--brand-soft2); }
.ring-brand-light { --tw-ring-color: var(--brand-light); }

/* ---------- سایه ---------- */
.shadow-brand { --tw-shadow-color: var(--brand); }
.shadow-brand-dark { --tw-shadow-color: var(--brand-dark); }
.shadow-brand\/30 { --tw-shadow-color: rgba(var(--brand-rgb), 0.30); }
.shadow-brand-dark\/25 { --tw-shadow-color: rgba(var(--brand-rgb), 0.25); }

/* ---------- حالت hover ---------- */
.hover\:bg-brand:hover { background-color: var(--brand); }
.hover\:bg-brand-dark:hover { background-color: var(--brand-dark); }
.hover\:bg-brand-darker:hover { background-color: var(--brand-darker); }
.hover\:bg-brand-soft:hover { background-color: var(--brand-soft); }
.hover\:bg-brand-soft2:hover { background-color: var(--brand-soft2); }
.hover\:text-brand:hover { color: var(--brand); }
.hover\:text-brand-dark:hover { color: var(--brand-dark); }
.hover\:text-brand-darker:hover { color: var(--brand-darker); }
.hover\:border-brand:hover { border-color: var(--brand); }
.hover\:border-brand-soft2:hover { border-color: var(--brand-soft2); }
.hover\:border-brand-soft3:hover { border-color: var(--brand-soft3); }

/* ---------- حالت group-hover ---------- */
.group:hover .group-hover\:bg-brand-soft { background-color: var(--brand-soft); }
.group:hover .group-hover\:bg-brand-soft2 { background-color: var(--brand-soft2); }
.group:hover .group-hover\:text-brand { color: var(--brand); }
.group:hover .group-hover\:text-brand-dark { color: var(--brand-dark); }
.group:hover .group-hover\:text-brand-light { color: var(--brand-light); }
.group:hover .group-hover\:border-brand { border-color: var(--brand); }

/* ---------- حالت focus ---------- */
.focus\:border-brand-light:focus { border-color: var(--brand-light); }
.focus\:ring-brand-soft:focus { --tw-ring-color: var(--brand-soft); }
.focus\:ring-brand-soft2:focus { --tw-ring-color: var(--brand-soft2); }
.focus\:ring-brand-light:focus { --tw-ring-color: var(--brand-light); }

/* ---------- لوگو ---------- */
img.gm-logo { display: block; width: auto; height: auto; object-fit: contain; }
img.gm-logo.gm-logo--desktop { height: 3.5rem; margin-top: -0.625rem; margin-bottom: -0.625rem; }
img.gm-logo.gm-logo--mobile { height: 2.75rem; position: relative; top: -2px; }
img.gm-logo.gm-logo--offcanvas { height: 2.75rem; }

/* ---------- برادکرامب ---------- */
body.woocommerce .woocommerce-breadcrumb a,
body.woocommerce-page .woocommerce-breadcrumb a {
    color: var(--brand-dark);
    transition: color 0.15s ease;
}
body.woocommerce .woocommerce-breadcrumb a:hover,
body.woocommerce-page .woocommerce-breadcrumb a:hover {
    color: var(--brand);
}

/* ---------- منوی هدر (زیرخط آیتم اکتیو) ---------- */
.gm-nav-border { border-bottom-width: 3px; }