/* ============================================================
   OMAR İMZA QATI — "Ərəb mirası · Avropa zərifliyi"
   ------------------------------------------------------------
   Avropa  → Noto Serif Display: yüksək kontrastlı moda-jurnal serifi
             (Cormorant əvəzinə; ə, İ, ş, ğ və ₼ tam dəstəklənir).
   Ərəb    → 8-guşəli xatəm ulduzu: ◇ ornamentinin yerinə imza işarəsi.

   GERİ QAYTARMAQ: index.html-də "omarSignature" <link> sətrini sil.
   MÜQAYİSƏ:       saytı ?klassik ilə aç (məs. omarperfumery.com/?klassik)
                   → bu qat söndürülür, köhnə görünüş açılır.
   Loqo (OMAR) qəsdən köhnə şriftdə saxlanılır — brend işarəsi dəyişmir.
   ============================================================ */

/* ---------- 1. Şrift ----------
   size-adjust: 85% → Noto Cormorant-dan 17% enlidir; 85%-də sətir eni
   eynidir, yəni heç bir başlıq yeni yerdən sətrə keçmir/daşmır.
   Yalnız latin + latin-ext yüklənir (Azərbaycan hərfləri + ₼). */
@font-face {
    font-family: 'OMAR Display'; font-style: normal; font-weight: 300 600;
    font-display: swap; size-adjust: 85%;
    src: url(https://fonts.gstatic.com/s/notoserifdisplay/v29/buEeppa9f8_vkXaZLAgP0G5Wi6QmA1QaeYah2sovLCDq_ZgL4N_KhO94.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'OMAR Display'; font-style: normal; font-weight: 300 600;
    font-display: swap; size-adjust: 85%;
    src: url(https://fonts.gstatic.com/s/notoserifdisplay/v29/buEeppa9f8_vkXaZLAgP0G5Wi6QmA1QaeYah2sovLCDq_ZgL4NHKhA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'OMAR Display'; font-style: italic; font-weight: 300 400;
    font-display: swap; size-adjust: 85%;
    src: url(https://fonts.gstatic.com/s/notoserifdisplay/v29/buEcppa9f8_vkXaZLAgP0G5Wi6QmA1QwcLRCOrN8uo7t6FBJOJT6iPd8N-c.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'OMAR Display'; font-style: italic; font-weight: 300 400;
    font-display: swap; size-adjust: 85%;
    src: url(https://fonts.gstatic.com/s/notoserifdisplay/v29/buEcppa9f8_vkXaZLAgP0G5Wi6QmA1QwcLRCOrN8uo7t6FBJOJT6hvd8.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    /* --font-serif və --font-heading bu dəyişənə istinad edir → hamısı birlikdə dəyişir */
    --font-display: 'OMAR Display', 'Cormorant Garamond', Georgia, serif;
    /* 8-guşəli xatəm ulduzu, mərkəzində kiçik dairəvi boşluq (cəvahir kimi) */
    --omar-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M21.9 12 19 14.9V19h-4.1L12 21.9 9.1 19H5v-4.1L2.1 12 5 9.1V5h4.1L12 2.1 14.9 5H19v4.1zM12 9.8a2.2 2.2 0 1 0 0 4.4 2.2 2.2 0 1 0 0-4.4z'/%3E%3C/svg%3E");
}

/* Brend işarəsi (OMAR loqosu) dəyişmir */
.logo,
.preloader-logo,
.footer-logo {
    font-family: 'Cormorant Garamond', Georgia, serif;
}

/* Yüksək kontrastlı şrift kiçik ölçüdə 600-də ağır görünür → 500 */
.product-card-name,
.product-card-price .current { font-weight: 500; }

/* ---------- 2. Bölmə etiketləri ----------
   Əvvəl: hər başlığın üstündə SEYRƏK BÖYÜK HƏRFLİ etiket (şablon əlaməti).
   İndi: ulduz + kursiv serif, adi hərflə — OMAR-ın öz səsi. */
.section-tag,
.promo-tag,
.brands-hero-eyebrow,
.about-hero-eyebrow,
.packaging-tag,
.article-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.55em;
    font-family: var(--font-display);
    font-style: italic;
    font-weight: 400;
    font-size: 1.12rem;
    letter-spacing: 0.01em;
    text-transform: none;
}
.section-tag::before,
.promo-tag::before,
.brands-hero-eyebrow::before,
.about-hero-eyebrow::before,
.packaging-tag::before,
.article-tag::before {
    content: '';
    flex: 0 0 auto;
    width: 0.72em;
    height: 0.72em;
    background-color: currentColor;
    -webkit-mask: var(--omar-star) center / contain no-repeat;
            mask: var(--omar-star) center / contain no-repeat;
}

/* ---------- 3. ◇ ornamentləri → xatəm ulduzu ---------- */
.arabic-hero-rule .ahr-dia,
.ahb-dia,
.brand-divider {
    display: inline-block;
    width: 11px;
    height: 11px;
    font-size: 0 !important;
    line-height: 0;
    vertical-align: middle;
    background-color: currentColor;
    -webkit-mask: var(--omar-star) center / contain no-repeat;
            mask: var(--omar-star) center / contain no-repeat;
}
.brand-divider { width: 10px; height: 10px; }

/* ============================================================
   4. RƏNG VAHİDLİYİ — bir palitra: espresso mürəkkəb + bir qızıl
   Əvvəl: 8+ fərqli qızılı ton, zeytun-yaşıl mürəkkəb, saf qara.
   ============================================================ */
:root {
    /* Kiçik etiketlər oxunaqlı olsun: kontrast 2.5:1 → ~3.7:1 */
    --text-dim: #8a7d6f;
    /* Tünd fon üzərində qızıl (promo zolağı, bildirişlər) — vahid ton */
    --gold-on-dark: #dcb877;
}

/* Zeytun-yaşıl mürəkkəb (#3f4a3a, #3c3a2e) → espresso: bütün mətn eyni rəngdə */
.hero.hero--arabic,
.arabic-hero-title,
.product-card-name,
.product-card-price .current { color: var(--text); }
.product-card:hover .product-card-name { color: var(--accent-dark); }
body.home-page #header:not(.scrolled) .nav-icon { color: var(--text); }
body.home-page #header:not(.scrolled) .nav-icon:hover { color: var(--accent); }
body.home-page #header:not(.scrolled) .hamburger span { background: var(--text); }

/* Köhnə açıq qızılı tonlar (#d4af6a, #c9a96e) → əsas qızıl (#8b6914) */
.nav-dropdown-item:hover { background: rgba(139,105,20,0.07); }
.search-result-item.active { background: rgba(139,105,20,0.06); }
.search-result-item mark { background: rgba(139,105,20,0.16); }
.packaging-section {
    background: linear-gradient(135deg, rgba(139,105,20,0.045), rgba(139,105,20,0.015));
    border-color: rgba(139,105,20,0.16);
}
.pkg-icon { background: rgba(139,105,20,0.08); }
.packaging-cta {
    background: linear-gradient(135deg, rgba(139,105,20,0.08), rgba(139,105,20,0.03));
    border-color: rgba(139,105,20,0.24);
}
.packaging-cta:hover { box-shadow: 0 6px 18px rgba(139,105,20,0.14); }
.packaging-cta-icon { background: rgba(139,105,20,0.10); }
.acc-tab.active { box-shadow: 0 4px 14px rgba(139,105,20,0.25); }
.acc-tab-count { background: rgba(139,105,20,0.10); }
.acc-card-img { background: linear-gradient(135deg, rgba(139,105,20,0.045), rgba(139,105,20,0.015)); }
.quiz-option:hover { background: rgba(139,105,20,0.035); }
.quiz-option.selected { background: rgba(139,105,20,0.06); }

/* Tünd bildiriş (toast): tünd qızıl tünd fonda görünmürdü → açıq qızıl */
.toast-icon { background: rgba(220,184,119,0.16); color: var(--gold-on-dark); }
.toast-action { border-color: rgba(220,184,119,0.5); color: var(--gold-on-dark); }
.toast-action:hover { background: var(--gold-on-dark); color: #1a1410; }

/* Bloq: soyuq boz (#888) və saf qara (#000) → palitra */
.blog-card-meta .blog-card-views { color: var(--text-dim); }
.blog-card-tag {
    background: rgba(250,248,245,0.94);
    color: var(--text);
    font-family: var(--font-display);
    font-style: italic;
    font-weight: 400;
    font-size: 0.95rem;
    letter-spacing: 0.01em;
    text-transform: none;
    border-radius: 50px;
    padding: 4px 13px;
}
.article-tag { background: none; color: var(--accent); padding: 0; border-radius: 0; }

/* Manat (₼): əvvəl hər yerdə zorla Segoe UI/Arial idi (köhnə şriftdə ₼ yox idi).
   İndi rəqəmlə eyni şrifti götürür — yeni şriftdə ₼ var. */
.cur { font-family: inherit !important; }

/* ============================================================
   5. TİPOQRAFİYA VAHİDLİYİ
   Sistem: başlıq və məhsul adları = serif, adi hal · brend adları = kiçik
   böyük hərf (sans) · bölmə etiketləri = ulduz + kursiv · düymə/menyu = sans.
   ============================================================ */
/* Məhsul kartı adı: BÖYÜK HƏRF → başlıq halı (məhsul səhifəsi və brend kartları kimi) */
.product-card-name {
    text-transform: none;
    letter-spacing: 0.005em;
    font-size: 1.32rem;
}
/* Hero üst yazısı (iki sətir) — kursiv serif; ulduz altdakı xətdədir */
.arabic-hero-eyebrow {
    font-family: var(--font-display);
    font-style: italic;
    font-weight: 400;
    font-size: 1.15rem;
    letter-spacing: 0.02em;
    text-transform: none;
    color: var(--accent);
}
/* Haqqımızda bölmə etiketləri ("01 — Hekayə") — kursiv serif, böyük hərf yox */
.about-row-label {
    font-family: var(--font-display);
    font-style: italic;
    font-weight: 400;
    font-size: 1.1rem;
    letter-spacing: 0.02em;
    text-transform: none;
}

/* ============================================================
   6. EMOJİ → imza ulduzu (🇪🇺 ⏱ 🧴 ✨ 📦 🎁 — oyuncaq görünüşü)
   ============================================================ */
.about-value-icon,
.packaging-cta-icon,
.pkg-icon,
.gift-icon { font-size: 0 !important; }
.about-value-icon::before,
.packaging-cta-icon::before,
.pkg-icon::before,
.gift-icon::before {
    content: '';
    display: inline-block;
    background-color: var(--accent);
    -webkit-mask: var(--omar-star) center / contain no-repeat;
            mask: var(--omar-star) center / contain no-repeat;
}
.about-value-icon::before { width: 26px; height: 26px; }
.packaging-cta-icon::before { width: 24px; height: 24px; }
.pkg-icon::before { width: 13px; height: 13px; }
.gift-icon::before { width: 18px; height: 18px; }
.acc-tab-icon { display: none; }

/* ============================================================
   7. SÜNİ EFFEKT — siçanı izləyən qızıl dairə (xüsusi kursor) söndürülür.
   Adi kursor yerində qalır (sayt onu heç vaxt gizlətməyib).
   ============================================================ */
.cursor-dot,
.cursor-ring { display: none !important; }