/* ═══════════════════════════════════════════════════════════════
   EVAMEET MOBİL SAĞLIK — MARKA TEMASI                 30.08.2026
   ───────────────────────────────────────────────────────────────
   NEDEN VAR: Site DijiWOW ortak şablonundan klonlandı; şablonun
   varsayılan paleti (cyan → indigo → pink) bir diş kliniği için
   kurulmuştu. Burada yalnızca CSS DEĞİŞKENLERİ yeniden tanımlanır,
   bileşen kuralları ellenmez. Böylece ortak şablon güncellenirse
   marka rengi bozulmadan devralınır.

   PALET KAYNAĞI — ÖLÇÜLDÜ, TAHMİN EDİLMEDİ:
   Renkler evameetmobilsaglik.com'un tema dosyasından (oslim.css)
   birebir alındı:
       --oslim-base       #24bbd0   turkuaz  → ana renk
       --oslim-extra      #e7f9fb   açık turkuaz zemin
       --oslim-blue       #1f5aa8   mavi
       --oslim-dark-blue  #113563   koyu lacivert
       --oslim-black      #191825   metin/koyu zemin
       --oslim-gray       #54535c   gövde metni
   Logonun baskın renkleri de (#183060 lacivert, #306090 mavi)
   bu iki mavi tonuyla örtüşüyor; palet logoyla uyumlu.

   YÜKLEME SIRASI: ortak.css'ten SONRA gelmeli (head.php).
   ═══════════════════════════════════════════════════════════════ */

:root {
    /* ── ana kimlik: referans turkuaz ── */
    --primary:        #24BBD0;   /* oslim-base — ana aksiyon rengi     */
    --primary-dark:   #1A97A9;   /* hover / koyu zemin                 */
    --primary-light:  #7FDCE8;   /* açık vurgu, ikon zeminleri         */
    --primary-soft:   #E7F9FB;   /* oslim-extra — bölüm zeminleri      */

    --secondary:      #1F5AA8;   /* oslim-blue — başlık ve ikincil     */
    --secondary-dark: #113563;   /* oslim-dark-blue — koyu lacivert    */
    --secondary-light:#3B7AC9;

    /* Vurgu rengi de paletin içinden: turkuaza karşı lacivert mavi.
       Şablonun pembe/mercan aksanı referans sitede yok, kaldırıldı. */
    --accent:         #1F5AA8;
    --accent-dark:    #113563;
    --accent-soft:    #E7EFF9;

    /* şablonun eski isimleri — bileşenler bunlara bağlı kalabilir */
    --cyan:           #24BBD0;
    --cyan-light:     #7FDCE8;
    --indigo:         #1F5AA8;
    --pink:           #24BBD0;

    /* ── zemin ve metin ── */
    --bg:             #FFFFFF;
    --bg-soft:        #F4FBFC;   /* turkuaz kırığı açık zemin          */
    --bg-dark:        #113563;
    --bg-darker:      #0B2447;

    --dark:           #191825;   /* oslim-black                        */
    --text:           #54535C;   /* oslim-gray — gövde metni           */
    --muted:          #7A7986;
    --muted-dark:     #A5A3B5;
    --border:         #DCDCE0;   /* referans temanın kenarlık rengi    */
    --border-dark:    rgba(255, 255, 255, .10);

    /* ── biçim ── */
    --radius:         10px;
    --radius-lg:      16px;
    --radius-sm:      6px;

    --shadow:         0 4px 16px rgba(17, 53, 99, .07);
    --shadow-lg:      0 22px 54px rgba(17, 53, 99, .14);
    --shadow-glow:    0 14px 38px rgba(36, 187, 208, .32);

    /* ── gradyanlar: turkuaz ↔ lacivert ── */
    --gradient-wow:      linear-gradient(135deg, #113563 0%, #1F5AA8 45%, #24BBD0 100%);
    --gradient-wow-soft: linear-gradient(135deg, rgba(17,53,99,.06), rgba(31,90,168,.06), rgba(36,187,208,.08));
    --gradient-sicak:    linear-gradient(135deg, #24BBD0 0%, #7FDCE8 100%);
    --gradient-derin:    linear-gradient(160deg, #0B2447 0%, #113563 55%, #1F5AA8 130%);

    /* ── m-* ailesi: anasayfa bileşenleri (modern-base.css) ──
       Bu değişkenler şablonda cyan → indigo → PEMBE olarak tanımlıydı;
       başlık vurguları, düğmeler ve şeritler pembeye kayıyordu. Referans
       sitede pembe hiç yok, palet turkuaz–lacivert. Aynı adlar burada
       yeniden tanımlanarak bileşen kurallarına dokunmadan düzeltildi. */
    --m-grad:        linear-gradient(135deg, #24BBD0 0%, #1F5AA8 55%, #113563 100%);
    --m-grad-gold:   linear-gradient(135deg, #24BBD0 0%, #1F5AA8 100%);
    --m-grad-soft:   linear-gradient(135deg, rgba(36,187,208,.10), rgba(31,90,168,.10));
    --m-primary:     #24BBD0;
    --m-primary-dark:#1A97A9;
    --m-secondary:   #1F5AA8;
    --m-accent:      #1F5AA8;
    --m-dark:        #113563;
    --m-aqua:        #24BBD0;
    --m-mint:        #7FDCE8;
    --m-gold:        #1F5AA8;
    --m-pink:        #24BBD0;
    --m-indigo:      #1F5AA8;

    /* Header bileşeni (ortak.css) kendi ön ekini kullanıyor */
    --hd-aqua:       #24BBD0;
    --hd-primary:    #24BBD0;
    --hd-dark:       #113563;
}

/* ─── metin gradyanı: WOW şablonunda pembeye kayıyordu ─── */
.wow-gradient-text,
.gradient-text,
.txt-gradient {
    background: linear-gradient(120deg, #24BBD0 0%, #1F5AA8 60%, #113563 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ─── seçim rengi ─── */
::selection      { background: rgba(36, 187, 208, .25); color: #113563; }
::-moz-selection { background: rgba(36, 187, 208, .25); color: #113563; }

/* ─── odak halkası: erişilebilirlik ─── */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid rgba(36, 187, 208, .50);
    outline-offset: 2px;
    border-radius: var(--radius-sm);
}

/* ─── kaydırma çubuğu ─── */
@media (min-width: 992px) {
    ::-webkit-scrollbar       { width: 11px; }
    ::-webkit-scrollbar-track { background: #EAF6F8; }
    ::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, #24BBD0, #1F5AA8);
        border-radius: 8px;
        border: 2px solid #EAF6F8;
    }
}

/* ─── hareket duyarlılığı ─── */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
        scroll-behavior: auto !important;
    }
}

/* ------------------------------------------------------------------
   KOYU HERO ÜZERİNDEKİ VURGU METNİ — 31.08.2026
   .page-hero h1 em, wow-tema.css'te --gradient-wow ile boyanıyor.
   O gradient açık zeminler için tasarlandı (#113563 lacivertle başlıyor);
   koyu hero üzerinde vurgulanan kelimeler neredeyse görünmez oluyordu
   ("Hemen randevu talebi oluşturun" başlığında orta kısım okunmuyordu).
   Koyu zemin için açık turkuaz–açık mavi bir gradient tanımlanıyor.
   ------------------------------------------------------------------ */
.page-hero h1 em {
    background: linear-gradient(135deg, #8CE7F5 0%, #24BBD0 50%, #9CC9FF 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}