/* ===================================================================
   COK DILLI BAGIMSIZ SAYFALAR  (ar/, zh/, zh-hant/ rehber, makale,
   liste ve tesekkur sayfalari)

   Bu sayfalar style.css / tasarim.css yuklemiyor; her biri kendi satir
   ici <style> blogunu tasiyor. Bu dosya o blogdan SONRA yuklenir ve
   <body class="cd2"> altindaki kurallarla ayni siniflari yeni tasarim
   diline (bkz. css/tasarim.css) cevirir: kagit zemin, beyaz kart,
   sac teli cizgi, basliklarin ustunde altin cizgi.

   Satir ici kurallar (0,1,x); buradakiler body.cd2 ile (0,2,x), yani
   !important gerekmeden kazanir. Geri almak icin sayfadan bu dosyanin
   linkini ve body sinifini silmek yeterli.
   =================================================================== */

@font-face { font-family:'Atk'; src:url('/fonts/atkinson-tr.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Atk'; src:url('/fonts/atkinson-tr-bold.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap; }

body.cd2 {
    --lac:#0a3c85; --koyu:#052248; --pir:#a8781f; --pir2:#e0b65c; --pir-metin:#8a6119;
    --mtn:#12203a; --gri:#5b6a82; --kagit:#f5f3ef; --cizgi:#dcd7cd; --cizgi2:rgba(255,255,255,.17);
    --yes:#1d6b3a; --wa-yesil:#19803f; --kose:10px; --kose-kucuk:6px;
    --golge:0 2px 4px rgba(12,32,58,.06), 0 16px 44px rgba(12,32,58,.13);
    --golge-hafif:0 1px 3px rgba(12,32,58,.06), 0 10px 26px rgba(12,32,58,.09);
    --aile:'Atk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background:var(--kagit);
    color:var(--mtn);
    -webkit-font-smoothing:antialiased;
}
/* Atkinson yalniz Latin: Arapca / Cince glifler dile ozgu aileye duser */
html[lang|="ar"] body.cd2 { --aile:'Atk', 'Cairo', Tahoma, 'Segoe UI', sans-serif; }
html[lang="zh-CN"] body.cd2 { --aile:'Atk', -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif; }
html[lang="zh-Hant"] body.cd2 { --aile:'Atk', -apple-system, BlinkMacSystemFont, "PingFang TC", "Microsoft JhengHei UI", "Microsoft JhengHei", "Noto Sans CJK TC", sans-serif; }
/* ::before/::after'a DOKUNMA: Font Awesome glifi orada */
body.cd2, body.cd2 *:not(i):not(.fa):not(.fas):not(.fab):not(.far) { font-family:var(--aile); }
body.cd2 a { color:var(--lac); }

/* ---- Ust bar ---- */
body.cd2 .ust-bar { background:#fff; border-bottom:1px solid var(--cizgi); box-shadow:0 1px 0 var(--cizgi), 0 6px 18px rgba(12,32,58,.05); position:relative; z-index:2; }
body.cd2 .ust-ic img { height:52px; }
body.cd2 .ust-diller a { border:1px solid var(--cizgi); border-radius:var(--kose-kucuk); color:var(--lac); font-size:13px; padding:5px 11px; }
body.cd2 .ust-diller a:hover { background:var(--lac); border-color:var(--lac); color:#fff; }

/* ---- Baslik bandi ---- */
body.cd2 .hero-makale,
body.cd2 .baslik-band { background:var(--koyu); border-bottom:3px solid var(--pir); padding:52px 20px 46px; text-align:center; }
body.cd2 .hero-ic { max-width:900px; }
body.cd2 .hero-makale h1,
body.cd2 .baslik-band h1 { color:#fff; font-size:clamp(26px,3.4vw,38px); font-weight:700; line-height:1.3; letter-spacing:-.2px; margin:0 0 12px; }
body.cd2 .hero-makale p,
body.cd2 .baslik-band p { color:#b9cbe2; font-size:16px; max-width:720px; margin:0 auto; }
body.cd2 .hero-etiket { background:none; border:0; border-radius:0; padding:0; color:var(--pir2); font-size:12px; font-weight:700; letter-spacing:.08em; margin-bottom:14px; }

/* ---- Icerik karti ---- */
body.cd2 .makale,
body.cd2 .wrap { max-width:900px; margin:34px auto 56px; background:#fff; border:1px solid var(--cizgi); border-radius:var(--kose); box-shadow:var(--golge); padding:46px 48px 40px; }
body.cd2 .wrap { max-width:1120px; background:none; border:0; box-shadow:none; padding:0 20px; }
body.cd2 .makale > *:first-child { margin-top:0; }
body.cd2 .makale > *:last-child { margin-bottom:0; }
body.cd2 .makale p,
body.cd2 .icerik p { color:var(--mtn); font-size:16.5px; }
body.cd2 .makale h1 { color:var(--lac); font-size:clamp(24px,3vw,32px); font-weight:700; line-height:1.3; }
body.cd2 .makale h2,
body.cd2 .icerik h2 { color:var(--lac); font-size:clamp(21px,2.4vw,26px); font-weight:700; line-height:1.3; border:0; padding:0; margin:48px 0 16px; }
body.cd2 .makale h2::before,
body.cd2 .icerik h2::before { content:""; display:block; width:46px; height:3px; background:var(--pir); margin:0 0 14px; }
body.cd2 .makale h3,
body.cd2 .icerik h3 { color:var(--lac); font-size:17.5px; font-weight:700; }
body.cd2 .makale li { color:var(--mtn); }
body.cd2 .makale strong { color:var(--koyu); }

/* Ozet kutusu */
body.cd2 .ozet-kutu { background:var(--kagit); border:1px solid var(--cizgi); border-inline-start:3px solid var(--pir); border-radius:var(--kose); padding:20px 24px; }
body.cd2 .ozet-kutu p { color:var(--mtn); font-weight:400; }
body.cd2 .ozet-kutu strong { color:var(--koyu); }
body.cd2 .ozet-etiket { color:var(--pir-metin); letter-spacing:.06em; }

/* Icindekiler */
body.cd2 .icindekiler { background:var(--kagit); border:1px solid var(--cizgi); border-radius:var(--kose); padding:20px 24px; }
body.cd2 .icindekiler h2 { font-size:13px; letter-spacing:.08em; color:var(--pir-metin); margin:0 0 10px; }
body.cd2 .icindekiler h2::before { display:none; }
body.cd2 .icindekiler li { margin-bottom:5px; }
body.cd2 .icindekiler a { color:var(--lac); font-weight:600; }

/* Ozellik kutulari */
body.cd2 .ozellik { border:1px solid var(--cizgi); border-top:3px solid var(--pir); border-radius:var(--kose); box-shadow:var(--golge-hafif); padding:20px 20px 22px; }
body.cd2 .ozellik i { color:var(--pir-metin); font-size:19px; margin-bottom:12px; }
body.cd2 .ozellik b { color:var(--lac); }
body.cd2 .ozellik p { color:var(--gri); font-size:14px; }

/* Adimlar: dairesel numara yerine buyuk altin rakam, kart yerine sac teli */
body.cd2 .adim { background:none; border:0; border-bottom:1px solid var(--cizgi); border-radius:0; padding:18px 0; margin:0; gap:18px; align-items:baseline; }
body.cd2 .adim:first-of-type { border-top:1px solid var(--cizgi); }
body.cd2 .adim-no { width:auto; height:auto; min-width:44px; border-radius:0; background:none; color:var(--pir); font-size:30px; font-weight:700; line-height:.9; }
body.cd2 .adim h3 { margin:0 0 6px; }
body.cd2 .adim p { color:var(--gri); font-size:15px; }

/* Tablo */
body.cd2 .tablo { border:1px solid var(--cizgi); border-radius:var(--kose); border-collapse:separate; border-spacing:0; overflow:hidden; font-size:15px; }
body.cd2 .tablo th { background:var(--koyu); color:#fff; font-size:12.5px; font-weight:700; letter-spacing:.05em; border:0; padding:13px 16px; }
body.cd2 .tablo td { border:0; border-top:1px solid var(--cizgi); color:var(--mtn); padding:12px 16px; background:#fff; }
body.cd2 .tablo tr:first-child td { border-top:0; }
body.cd2 .tablo tr:nth-child(odd) td { background:#faf9f6; }
body.cd2 .tablo td strong { color:var(--lac); }
html[dir="rtl"] body.cd2 .tablo th, html[dir="rtl"] body.cd2 .tablo td { text-align:right; }

/* Vurgu (uyari) kutusu */
body.cd2 .vurgu-kutu { background:#fbf6ea; border:1px solid #ecdcb4; border-inline-start:3px solid var(--pir); border-radius:var(--kose); color:var(--mtn); }
body.cd2 .vurgu-kutu i { color:var(--pir-metin); }

/* Kapanis blogu */
body.cd2 .cta-kutu { background:var(--koyu); border-top:3px solid var(--pir); border-radius:var(--kose); box-shadow:0 2px 5px rgba(12,32,58,.10), 0 18px 44px rgba(12,32,58,.18); padding:38px 30px; }
body.cd2 .cta-kutu h3 { color:#fff; font-size:23px; font-weight:700; }
body.cd2 .cta-kutu p { color:#b9cbe2; }
body.cd2 .cta-btn,
body.cd2 .tesekkur-btn { display:inline-flex; align-items:center; gap:9px; border-radius:var(--kose-kucuk); padding:15px 28px; font-size:14px; font-weight:700; letter-spacing:.3px; }
body.cd2 .cta-btn.wa,
body.cd2 .tesekkur-btn.wa { background:var(--wa-yesil); color:#fff; }
body.cd2 .cta-btn.wa:hover,
body.cd2 .tesekkur-btn.wa:hover { background:#146633; }
body.cd2 .cta-btn.tel,
body.cd2 .tesekkur-btn:not(.wa) { background:var(--pir2); color:var(--koyu); }
body.cd2 .cta-btn.tel:hover,
body.cd2 .tesekkur-btn:not(.wa):hover { background:#eccc86; }

/* Ilgili yazilar */
body.cd2 .ilgili { background:none; border:0; border-top:1px solid var(--cizgi); border-radius:0; padding:24px 0 0; }
body.cd2 .ilgili h2 { font-size:13px; letter-spacing:.08em; color:var(--pir-metin); margin:0 0 12px; }
body.cd2 .ilgili h2::before { display:none; }
body.cd2 .ilgili li { margin-bottom:6px; }
body.cd2 .ilgili a { font-weight:600; }

/* SSS: acik soru-cevap (akordeon kaldirildi, bkz. sss-madde) */
body.cd2 .sss { border-top:1px solid var(--cizgi); }
body.cd2 .sss-madde { border-bottom:1px solid var(--cizgi); padding:20px 0; }
body.cd2 .sss-madde h3 { margin:0 0 8px; font-size:17px; }
body.cd2 .sss-madde .cevap { color:var(--gri); font-size:15.5px; line-height:1.8; padding:0; }

/* Yasal not */
body.cd2 .uyari { background:none; border:0; border-top:1px solid var(--cizgi); border-radius:0; padding:16px 0 0; color:var(--gri); font-size:13px; }

/* Altbilgi */
body.cd2 .footer-basit { background:var(--koyu); border-top:3px solid var(--pir); color:#b9cbe2; }
body.cd2 .footer-basit a { color:#fff; }

/* ---- Makale sayfasi (ar/article) ---- */
body.cd2 .geri { color:var(--lac); font-size:13.5px; }
body.cd2 .makale-meta { color:var(--gri); border-top:1px solid var(--cizgi); border-bottom:1px solid var(--cizgi); padding:10px 0; }
body.cd2 .karar-cekmece { border:1px solid var(--cizgi); border-radius:var(--kose); }
body.cd2 .karar-cekmece summary { background:var(--kagit); color:var(--lac); }
body.cd2 .karar-govde { color:var(--gri); }
body.cd2 .etiketler span { background:var(--kagit); border:1px solid var(--cizgi); border-radius:var(--kose-kucuk); color:var(--gri); }

/* ---- Liste sayfasi (ar/articles) ---- */
body.cd2 .one-cikan { background:#fff; border:1px solid var(--cizgi); border-top:3px solid var(--pir); border-radius:var(--kose); box-shadow:var(--golge-hafif); }
body.cd2 .one-cikan .rozet { background:none; padding:0; border-radius:0; color:var(--pir-metin); letter-spacing:.06em; }
body.cd2 .one-cikan h2 { color:var(--lac); font-weight:700; }
body.cd2 .one-cikan p { color:var(--gri); }
body.cd2 .one-cikan .btn { background:var(--pir2); color:var(--koyu); border-radius:var(--kose-kucuk); }
body.cd2 .kart { border:1px solid var(--cizgi); border-top:3px solid var(--pir); border-radius:var(--kose); box-shadow:var(--golge-hafif); }
body.cd2 .kart:hover { box-shadow:0 2px 5px rgba(12,32,58,.08), 0 18px 44px rgba(12,32,58,.16); }
/* Jenerik logo gorseli yerine kagit bantta amblem (TR liste kartlari gibi) */
body.cd2 .kart-gorsel { display:flex; align-items:center; justify-content:center; height:99px; background:var(--kagit); border-bottom:1px solid var(--cizgi); }
body.cd2 .kart-gorsel img { width:auto; height:46px; object-fit:contain; background:none; }
body.cd2 .kart-govde h3 { color:var(--lac); }
body.cd2 .kart-meta { color:var(--gri); }
body.cd2 .kart-govde p { color:var(--gri); }
body.cd2 .kart-more { color:var(--pir-metin); }
body.cd2 .ar-sayfalama .ms-btn { border:1px solid var(--cizgi); border-radius:var(--kose-kucuk); color:var(--lac); box-shadow:none; transform:none; }
body.cd2 .ar-sayfalama .ms-btn:hover:not(:disabled) { background:var(--lac); border-color:var(--lac); color:#fff; transform:none; box-shadow:none; }
body.cd2 .ar-sayfalama .ms-btn.ms-aktif { background:var(--lac); border-color:var(--lac); color:#fff; box-shadow:none; }

/* ---- Tesekkur ---- */
body.cd2 .tesekkur-wrap { background:var(--kagit); }
body.cd2 .tesekkur-kart { border:1px solid var(--cizgi); border-radius:var(--kose); box-shadow:var(--golge); }
body.cd2 .tesekkur-ikon { background:none; border:2px solid var(--yes); color:var(--yes); width:64px; height:64px; font-size:26px; }
body.cd2 .tesekkur-kart h1 { color:var(--lac); font-weight:700; }
body.cd2 .tesekkur-kart p { color:var(--mtn); }

@media (max-width:640px) {
    body.cd2 .hero-makale, body.cd2 .baslik-band { padding:34px 16px 30px; }
    body.cd2 .makale { margin:16px 12px 34px; padding:24px 16px 22px; }
    body.cd2 .makale h2, body.cd2 .icerik h2 { margin-top:40px; }
    body.cd2 .makale h2::before, body.cd2 .icerik h2::before { width:32px; height:2px; margin-bottom:12px; }
    body.cd2 .cta-kutu { padding:28px 18px; }
    body.cd2 .cta-btn { width:100%; justify-content:center; margin:6px 0; }
    body.cd2 .tablo { font-size:14px; }
    body.cd2 .tablo th, body.cd2 .tablo td { padding:10px 11px; }
}