/*
 * آریاز صنعت — Light/Dark Mode Variables
 * بارگذاری: قبل از ariaz-main.css
 */

/* ══ LIGHT MODE — پیش‌فرض ══════════════════════════════════════════════════ */
:root {
    --az-bg-deep:        #F4F6F8;
    --az-bg-panel:       #FFFFFF;
    --az-bg-glass:       rgba(255,255,255,0.92);
    --az-border:         #CBD5E1;
    --az-border-accent:  rgba(11,79,108,0.4);

    /* رنگ اصلی برند — آبی فولادی */
    --az-brand:          #0B4F6C;

    /* accent — نارنجی تیره‌تر برای کنتراست WCAG AA روی سفید (4.6:1) */
    --az-accent:         #C96B00;
    --az-accent-dim:     rgba(201,107,0,0.10);
    --az-accent-glow:    rgba(201,107,0,0.28);

    /* متن‌ها — همه WCAG AA روی #F4F6F8 */
    --az-text:           #111827;   /* 15.8:1 */
    --az-text-sec:       #374151;   /* 9.7:1  */
    --az-text-muted:     #6B7280;   /* 4.7:1  */

    --az-radius:         12px;
    --az-radius-lg:      20px;
    --az-font:           'Vazirmatn', sans-serif;

    /* backward compat — همه به accent اشاره می‌کنن */
    --az-neon:           #C96B00;
    --az-neon-dim:       rgba(201,107,0,0.10);
    --az-neon-glow:      rgba(201,107,0,0.28);
    --az-orange:         #C96B00;
    --az-blue:           #0B4F6C;
}

/* ══ DARK MODE ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] {
    --az-bg-deep:        #0F131A;
    --az-bg-panel:       #161D26;
    --az-bg-glass:       rgba(22,29,38,0.85);
    --az-border:         rgba(255,255,255,0.08);
    --az-border-accent:  rgba(180,220,80,0.3);
    --az-brand:          #38BDF8;
    --az-accent:         #b4dc50;
    --az-accent-dim:     rgba(180,220,80,0.12);
    --az-accent-glow:    rgba(180,220,80,0.35);
    --az-text:           #E2E8F0;
    --az-text-sec:       #9aaab8;
    --az-text-muted:     #506070;
    --az-neon:           #b4dc50;
    --az-neon-dim:       rgba(180,220,80,0.12);
    --az-neon-glow:      rgba(180,220,80,0.35);
    --az-orange:         #ff6b2b;
    --az-blue:           #4da8ff;
}

/* ══ GLOBAL BASE FIXES — theme.css hardcode‌های تاریک را override می‌کند ════ */

body {
    background: var(--az-bg-deep) !important;
    color:      var(--az-text)    !important;
}

/* h1-h6 در light mode تیره */
h1, h2, h3, h4, h5, h6 { color: var(--az-text); }
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 { color: var(--az-text); }

/* p در light mode خوانا */
p { color: var(--az-text-sec); }

/* لینک‌ها */
a { color: var(--az-brand); }
a:hover { color: var(--az-accent); }
[data-theme="dark"] a { color: var(--az-accent); }
[data-theme="dark"] a:hover { color: #fff; }

/* az-main: sticky header نیازی به padding ندارد */
.az-main {
    padding-top: 0 !important;
    background:  var(--az-bg-deep);
}

.az-site-wrap { background: var(--az-bg-deep); }

/* hero banner — بدون نوار تاریک */
.ariaz-hero-slider { background: var(--az-bg-deep); min-height: 0; }
.ariaz-hero-slider:empty { display: none; }
[data-theme="dark"] .ariaz-hero-slider { background: #0F131A; }

/* پیشگیری از display:none — تصویر در inactive لود نمیشه */
.ariaz-slide {
    background: var(--az-bg-deep);
    visibility: hidden;
    opacity: 0;
    position: absolute;
    inset: 0;
    transition: opacity 0.55s ease, visibility 0.55s ease;
    pointer-events: none;
}
.ariaz-slide.is-active {
    visibility: visible;
    opacity: 1;
    position: relative;
    pointer-events: auto;
}
[data-theme="dark"] .ariaz-slide { background: #0F131A; }

/* ══ COMPONENT FIXES ════════════════════════════════════════════════════════ */

.ariaz-wrap {
    background: var(--az-bg-deep);
    color: var(--az-text);
    transition: background 0.3s, color 0.3s;
}

/* ── Hero ── */
.ariaz-hero { background: linear-gradient(135deg, #EEF4F8 0%, #F4F6F8 100%); }
[data-theme="dark"] .ariaz-hero { background: linear-gradient(135deg, #080c10 0%, #0d1520 100%); }

.ariaz-hero__bg-grid { opacity: 0.3; }

/* عنوان hero — متن تیره، کلمات hl آبی */
.ariaz-hero__title         { color: var(--az-text) !important; }
.ariaz-hero__title .hl     { color: var(--az-brand) !important; }
[data-theme="dark"] .ariaz-hero__title    { color: #E2E8F0 !important; }
[data-theme="dark"] .ariaz-hero__title .hl { color: var(--az-accent) !important; }

.ariaz-hero__title .hl::after {
    background: linear-gradient(90deg, var(--az-brand), rgba(11,79,108,0.15));
}
[data-theme="dark"] .ariaz-hero__title .hl::after {
    background: linear-gradient(90deg, var(--az-accent), rgba(180,220,80,0.15));
}

/* زیرنویس hero */
.ariaz-hero__sub { color: var(--az-text-sec) !important; }
[data-theme="dark"] .ariaz-hero__sub { color: var(--az-text-sec) !important; }

.ariaz-hero__badge         { color: var(--az-brand); background: var(--az-accent-dim); border-color: var(--az-border-accent); }
[data-theme="dark"] .ariaz-hero__badge { color: var(--az-accent); }
.ariaz-hero__badge-dot     { background: var(--az-accent); box-shadow: 0 0 6px var(--az-accent-glow); }

.ariaz-hero__glow--1 { background: radial-gradient(circle, rgba(11,79,108,0.06) 0%, transparent 70%); }
.ariaz-hero__glow--2 { background: radial-gradient(circle, rgba(201,107,0,0.05) 0%, transparent 70%); }
[data-theme="dark"] .ariaz-hero__glow--1 { background: radial-gradient(circle, rgba(180,220,80,0.05) 0%, transparent 70%); }
[data-theme="dark"] .ariaz-hero__glow--2 { background: radial-gradient(circle, rgba(77,168,255,0.04) 0%, transparent 70%); }

/* ── Buttons ── */
.az-btn-primary { background: var(--az-brand); color: #fff !important; box-shadow: 0 4px 14px color-mix(in srgb, var(--az-brand) 25%, transparent); }
.az-btn-primary:hover { color: #fff !important; box-shadow: 0 8px 24px color-mix(in srgb, var(--az-brand) 30%, transparent); }
[data-theme="dark"] .az-btn-primary { background: var(--az-accent); color: #000 !important; }
[data-theme="dark"] .az-btn-primary:hover { color: #000 !important; }

.az-btn-secondary { background: rgba(11,79,108,0.07); color: var(--az-brand); border-color: rgba(11,79,108,0.3); }
.az-btn-secondary:hover { background: rgba(11,79,108,0.13); color: var(--az-brand); border-color: var(--az-brand); }
[data-theme="dark"] .az-btn-secondary { background: rgba(180,220,80,0.06); color: var(--az-accent); border-color: rgba(180,220,80,0.3); }

/* ── Filter ── */
.ariaz-filter-section .ariaz-filter-label { color: var(--az-text-muted); }
.ariaz-filter-btn { color: var(--az-text-sec); box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.ariaz-filter-btn:hover, .ariaz-filter-btn.is-active { color: var(--az-brand); border-color: var(--az-border-accent); box-shadow: 0 8px 20px rgba(11,79,108,0.12); }
[data-theme="dark"] .ariaz-filter-btn:hover,
[data-theme="dark"] .ariaz-filter-btn.is-active { color: var(--az-accent); }

.ariaz-sub-chip { color: var(--az-text-sec); }
.ariaz-sub-chip:hover, .ariaz-sub-chip.is-active { color: var(--az-brand); background: var(--az-accent-dim); border-color: var(--az-border-accent); }
[data-theme="dark"] .ariaz-sub-chip:hover,
[data-theme="dark"] .ariaz-sub-chip.is-active { color: var(--az-accent); }

/* ── Products ── */
.ariaz-product-card { background: var(--az-bg-panel); box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.ariaz-product-card:hover { box-shadow: 0 14px 36px rgba(11,79,108,0.12), 0 0 0 1px rgba(11,79,108,0.08); }
[data-theme="dark"] .ariaz-product-card:hover { box-shadow: 0 14px 44px rgba(0,0,0,0.4); }
.ariaz-product-card__thumb { background: #EEF2F7; }
[data-theme="dark"] .ariaz-product-card__thumb { background: #0d1018; }
.ariaz-product-card__cat  { color: var(--az-brand); }
[data-theme="dark"] .ariaz-product-card__cat { color: var(--az-accent); }
.ariaz-product-card__name { color: var(--az-text); }

.az-spec-chip { background: #EEF2F7; color: var(--az-text-sec); }
[data-theme="dark"] .az-spec-chip { background: #0d1018; color: var(--az-text-muted); }

.az-btn-add-cart, .az-btn-rfq { background: var(--az-brand); color: #fff; }
.az-btn-add-cart:hover, .az-btn-rfq:hover { color: #fff; }
.az-btn-datasheet { color: var(--az-text-muted); border-color: var(--az-border); }
.az-btn-datasheet:hover { color: var(--az-brand); border-color: var(--az-border-accent); }
[data-theme="dark"] .az-btn-datasheet:hover { color: var(--az-accent); }

/* ── Sections ── */
.ariaz-section-tag   { color: var(--az-brand); }
.ariaz-section-title { color: var(--az-text); }
.ariaz-section-desc  { color: var(--az-text-sec); }
[data-theme="dark"] .ariaz-section-tag { color: var(--az-accent); }

/* ── Stats ── */
.ariaz-stat-card { background: var(--az-bg-panel); box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.ariaz-stat-card:hover { box-shadow: 0 12px 32px rgba(11,79,108,0.12); }
[data-theme="dark"] .ariaz-stat-card:hover { box-shadow: 0 12px 36px rgba(0,0,0,0.4); }
.ariaz-stat-card__num   { color: var(--az-brand); }
.ariaz-stat-card__label { color: var(--az-text-sec); }
[data-theme="dark"] .ariaz-stat-card__num { color: var(--az-accent); }
.ariaz-stat-card:hover .ariaz-stat-card__num { color: var(--az-accent); }

.ariaz-brand-badge { background: var(--az-bg-panel); color: var(--az-text-sec); border-color: var(--az-border); }
.ariaz-brand-badge:hover { color: var(--az-brand); background: var(--az-accent-dim); border-color: var(--az-border-accent); }
[data-theme="dark"] .ariaz-brand-badge:hover { color: var(--az-accent); }

.ariaz-cert-item { color: var(--az-text-sec); }
.ariaz-cert-item__icon { color: var(--az-brand); }
[data-theme="dark"] .ariaz-cert-item__icon { color: #60b4ff; }

/* ── Services ── */
.ariaz-services-info h2 { color: var(--az-text); }
.ariaz-services-info p  { color: var(--az-text-sec); }
.ariaz-services-list li { color: var(--az-text-sec); }
.ariaz-step-title       { color: var(--az-text); }
.ariaz-form-success h3  { color: var(--az-text); }

.ariaz-form-card { background: var(--az-bg-panel); box-shadow: 0 4px 20px rgba(0,0,0,0.07); }

.ariaz-step-bar         { background: var(--az-border); }
.ariaz-step-bar.is-done { background: var(--az-accent); box-shadow: 0 0 8px var(--az-accent-glow); }
.ariaz-step-bar.is-active { background: var(--az-accent-dim); }
[data-theme="dark"] .ariaz-step-bar.is-done { background: var(--az-neon); }

.ariaz-step-num { color: var(--az-brand); }
[data-theme="dark"] .ariaz-step-num { color: var(--az-accent); }

.ariaz-device-opt { background: #EEF2F7; border-color: var(--az-border); color: var(--az-text-sec); }
.ariaz-device-opt:hover { border-color: var(--az-border-accent); color: var(--az-brand); background: var(--az-accent-dim); }
.ariaz-device-opt.is-selected { background: var(--az-accent); color: #fff; border-color: var(--az-accent); }
[data-theme="dark"] .ariaz-device-opt { background: #0d1018; }

.ariaz-form-input { background: #EEF2F7; color: var(--az-text); border-color: var(--az-border); }
.ariaz-form-input::placeholder { color: var(--az-text-muted); }
.ariaz-form-input:focus { border-color: var(--az-accent); box-shadow: 0 0 0 3px var(--az-accent-dim); }
[data-theme="dark"] .ariaz-form-input { background: #0d1018; }

.ariaz-btn-next { background: var(--az-accent); color: #fff; }
.ariaz-btn-next:hover { box-shadow: 0 4px 18px var(--az-accent-glow); }

/* ── Bottom Sheet ── */
.ariaz-sheet { background: var(--az-bg-panel); border-top: 2px solid var(--az-accent); box-shadow: 0 -8px 40px rgba(0,0,0,0.12); }
.ariaz-sheet__title { color: var(--az-text); }
.ariaz-sheet__sub   { color: var(--az-text-sec); }
.ariaz-sheet__field label { color: var(--az-text-muted); }
.ariaz-sheet__submit { background: var(--az-accent); color: #fff; }
.ariaz-sheet__submit:hover { box-shadow: 0 4px 20px var(--az-accent-glow); }

/* ── Quick Cats ── */
.ariaz-qcat-card { background: var(--az-bg-panel); box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.ariaz-qcat-card:hover,
.ariaz-qcat-card:focus-visible {
    border-color: rgba(201,107,0,0.4);
    box-shadow: 0 16px 40px rgba(11,79,108,0.10), 0 0 0 1px rgba(201,107,0,0.15);
}
[data-theme="dark"] .ariaz-qcat-card:hover,
[data-theme="dark"] .ariaz-qcat-card:focus-visible {
    border-color: rgba(180,220,80,0.45);
    box-shadow: 0 16px 44px rgba(0,0,0,0.5), 0 0 0 1px rgba(180,220,80,0.15);
}
.ariaz-qcat-card__img { background: #EEF2F7; }
[data-theme="dark"] .ariaz-qcat-card__img { background: #0d1520; }
.ariaz-qcat-card__img img { filter: saturate(0.92) brightness(0.98); }
[data-theme="dark"] .ariaz-qcat-card__img img { filter: saturate(0.7) brightness(0.8); }

.ariaz-qcat-card__overlay {
    background: linear-gradient(to bottom, transparent 30%, rgba(244,246,248,0.35) 65%, rgba(244,246,248,0.88) 100%);
}
[data-theme="dark"] .ariaz-qcat-card__overlay {
    background: linear-gradient(to bottom, transparent 25%, rgba(8,12,16,0.5) 65%, rgba(8,12,16,0.9) 100%);
}

.ariaz-qcat-card__title  { color: var(--az-text); font-weight: 800; }
.ariaz-qcat-card__count  { color: var(--az-text-muted); }
.ariaz-qcat-card:hover .ariaz-qcat-card__title { color: var(--az-brand); }
.ariaz-qcat-card:hover .ariaz-qcat-card__count { color: var(--az-accent); }
[data-theme="dark"] .ariaz-qcat-card:hover .ariaz-qcat-card__title { color: #b4dc50; }

.ariaz-qcat-card__fallback-icon { background: linear-gradient(135deg, #E8EFF5, #F4F6F8); }
[data-theme="dark"] .ariaz-qcat-card__fallback-icon { background: linear-gradient(135deg, #0d1520, #111c28); }

.ariaz-qcat-card__arrow { background: rgba(255,255,255,0.9); color: var(--az-text-sec); }
[data-theme="dark"] .ariaz-qcat-card__arrow { background: rgba(8,12,16,0.7); }
.ariaz-qcat-card:hover .ariaz-qcat-card__arrow,
.ariaz-qcat-card:focus-visible .ariaz-qcat-card__arrow {
    background: var(--az-accent); border-color: var(--az-accent); color: #fff;
}

/* shimmer */
.ariaz-qcat-card::after {
    background: linear-gradient(115deg, transparent 0%, rgba(201,107,0,0.05) 40%, rgba(201,107,0,0.10) 50%, rgba(201,107,0,0.05) 60%, transparent 100%);
    background-size: 200% 100%; background-position: -200% 0;
}
[data-theme="dark"] .ariaz-qcat-card::after {
    background: linear-gradient(115deg, transparent 0%, rgba(180,220,80,0.05) 40%, rgba(180,220,80,0.10) 50%, rgba(180,220,80,0.05) 60%, transparent 100%);
    background-size: 200% 100%; background-position: -200% 0;
}

/* ── Slider ── */
.ariaz-slider-nav:hover { background: var(--az-accent); border-color: var(--az-accent); color: #fff; }
.ariaz-slider-dot.is-active { background: var(--az-accent); box-shadow: 0 0 8px var(--az-accent-glow); }

/* ── Specs table ── */
.ariaz-specs-table th { background: #EEF2F7; color: var(--az-text-sec); }
[data-theme="dark"] .ariaz-specs-table th { background: #0d1018; }

/* ── Theme toggle ── */
.ariaz-theme-toggle {
    position: fixed; bottom: 24px; left: 24px; z-index: 9999;
    width: 46px; height: 46px;
    background: var(--az-bg-panel);
    border: 1.5px solid var(--az-border);
    border-radius: 50%;
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    font-size: 20px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.10);
    transition: all 0.25s;
}
.ariaz-theme-toggle:hover {
    border-color: var(--az-accent);
    transform: scale(1.08);
    box-shadow: 0 6px 20px var(--az-accent-glow);
}

/* ── Services list checkmark ── */
.ariaz-services-list li::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B4F6C' stroke-width='2.5'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");
}
[data-theme="dark"] .ariaz-services-list li::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4dc50' stroke-width='2.5'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");
}