/* =========================================================
   ANAHTAR PARTİ — Ortak tasarım katmanı (kurumsal)
   Yer: Görünüm → Özelleştir → Ek CSS  (Astra)
   Renkler Elementor Site Ayarları → Global Renkler'den gelir.
   Bu dosya yalnızca ince ayrıntıları ekler; metin, renk ve ölçülerin
   tamamı Elementor panelinden değiştirilebilir.
   ========================================================= */

:root{
  --ak-primary: var(--e-global-color-primary, #2D5792);
  --ak-navy:    var(--e-global-color-secondary, #162F52);
  --ak-text:    var(--e-global-color-text, #3F4A5C);
  --ak-accent:  var(--e-global-color-accent, #2BFFCD);
  --ak-soft:    #F4F6F9;
  --ak-line:    #E1E6EE;
}

body{ font-family:"Outfit", system-ui, sans-serif; -webkit-font-smoothing:antialiased; }
::selection{ background: var(--ak-primary); color:#fff; }

/* ---------- Bölüm etiketi: kısa çizgi + büyük harf ---------- */
.ak-eyebrow .elementor-heading-title{ display:inline-flex; align-items:center; gap:12px; }
.ak-eyebrow .elementor-heading-title::before{ content:""; width:28px; height:2px; background: currentColor; opacity:.9; }
.ak-dark .ak-eyebrow .elementor-heading-title::before{ background: var(--ak-accent); opacity:1; }

/* ---------- Butonlar: sade, yalnızca renk geçişi ---------- */
.ak-btn .elementor-button{ transition: background-color .2s, color .2s, border-color .2s; }
.ak-btn .elementor-button-icon{ transition: transform .2s; }
.ak-btn .elementor-button:hover .elementor-button-icon{ transform: translateX(3px); }

/* Tema (Astra) buton stilini sıfırla: büyük harf ve harf aralığı olmasın.
   Elementor panelinde bir butona ayrı yazı ayarı verirseniz o geçerli olur. */
.ap-site .elementor-widget-button .elementor-button{ text-transform:none; letter-spacing:normal; }

/* ---------- Kartlar: hareket yok, yalnızca kenar rengi ---------- */
.ak-card{ transition: border-color .2s, box-shadow .2s; }
a.ak-card:hover, .ak-card.ak-link:hover{ border-color: var(--ak-primary) !important; }

/* ---------- Politika kartı ---------- */
.ak-policy .elementor-widget-image img{ width:100%; aspect-ratio: 3/2; object-fit:cover; }
.ak-policy .ak-more .elementor-button{ padding-left:0 !important; padding-right:0 !important; }

/* ---------- Kurul üyesi ---------- */
.ak-team .elementor-image-box-img{ width:100% !important; margin-bottom:16px !important; }
.ak-team .elementor-image-box-img img{ width:100%; height:auto; aspect-ratio: 4/5; background:#E8EDF4; object-fit:cover; object-position: top center; border-radius:6px; filter: saturate(.95); }
.ak-team .elementor-image-box-title a{ color: inherit; }
.ak-team:hover .elementor-image-box-title{ color: var(--ak-primary) !important; }

/* ---------- Genel Başkan ---------- */
.ak-portrait img{ width:100%; aspect-ratio: 4/5; object-fit:cover; object-position: top center; border-radius:6px; }
.ak-quote{ border-left: 3px solid var(--ak-primary); padding-left: 24px; }

/* ---------- IBAN kutusu ---------- */
.ak-iban{ font-variant-numeric: tabular-nums; letter-spacing:.04em; }

/* ---------- Başlık bağlantıları ---------- */
.elementor-heading-title a{ text-decoration:none; transition: color .2s; }
.elementor-heading-title a:hover{ color: var(--ak-primary) !important; }

/* ---------- Footer ---------- */
.ak-footer .elementor-icon-list-item a .elementor-icon-list-text{ transition: color .2s; }
.ak-footer .elementor-icon-list-item a:hover .elementor-icon-list-text{ color:#fff !important; }
.ak-footer .elementor-social-icon{ transition: background-color .2s; }
.ak-footer .elementor-social-icon:hover{ background: var(--ak-primary) !important; }

/* =========================================================
   ASTRA HEADER — üst bilgi şeridi + beyaz ana menü
   ========================================================= */
.ast-above-header-bar{ font-size:14px; }
.ast-above-header-bar a{ opacity:.85; transition: opacity .2s; }
.ast-above-header-bar a:hover{ opacity:1; }
.site-header .ast-primary-header-bar{ border-bottom:1px solid var(--ak-line) !important; }
.main-header-menu > .menu-item > .menu-link{ font-weight:500; letter-spacing:.01em; position:relative; }
.main-header-menu > .menu-item > .menu-link::after{
  content:""; position:absolute; left:1em; right:1em; bottom:0; height:3px;
  background: var(--ak-primary); transform: scaleX(0); transition: transform .25s;
}
.main-header-menu > .menu-item:hover > .menu-link::after,
.main-header-menu > .current-menu-item > .menu-link::after,
.main-header-menu > .current-menu-ancestor > .menu-link::after{ transform: scaleX(1); }
.main-header-menu .sub-menu{ border-top: 3px solid var(--ak-primary) !important; box-shadow: 0 16px 32px -16px rgba(22,47,82,.25); }
.main-header-menu .sub-menu .menu-link{ padding-top:.8em !important; padding-bottom:.8em !important; }
.ast-header-button-1 .ast-custom-button, .ast-header-button-2 .ast-custom-button{ border-radius:4px !important; }

/* Mobil menü */
@media (max-width: 921px){
  .ast-mobile-popup-drawer .ast-mobile-popup-inner{ background: var(--ak-navy) !important; }
  .ast-mobile-popup-drawer .main-header-menu .menu-link{ font-size:18px !important; padding:14px 24px !important; color:#fff !important; border-bottom:1px solid rgba(255,255,255,.08) !important; }
}

@media (prefers-reduced-motion: reduce){ *{ transition:none !important; animation:none !important; } }

/* ---------- Raporlarımız ---------- */
.ak-rapor{ height:100%; transition:border-color .2s; }
.ak-rapor:hover{ border-color: var(--ak-primary) !important; }
.ak-rapor-kapak a{ display:block; }
.ak-rapor-kapak img{ display:block; width:100%; height:auto; aspect-ratio:3/4; object-fit:cover; object-position:top center; border-radius:4px; border:1px solid var(--ak-line); background:#E8EDF4; }
.ak-rapor-ikon{ width:56px !important; height:56px !important; min-height:56px; flex:none; display:grid !important; place-items:center; border-radius:4px; background: color-mix(in srgb, var(--ak-primary) 9%, #fff); }
.ak-rapor-ikon .elementor-icon{ display:flex; }
.ak-rapor-baslik .elementor-heading-title a{ color:inherit; }
.ak-rapor-aciklama p, .ak-logo-tur p, .ak-dosya-tur p, .ak-renk-kod p{ margin:0; }
.ak-rapor-btn{ margin-top:auto !important; }
.ak-rapor-btn .elementor-button, .ak-indir .elementor-button{ background:transparent !important; border:0 !important; padding-left:0 !important; padding-right:0 !important; color: var(--ak-primary) !important; }
.ak-rapor-btn .elementor-button:hover, .ak-indir .elementor-button:hover{ color: var(--ak-navy) !important; }

/* ---------- Kurumsal Kimlik ---------- */
.ak-logo-zemin{ box-shadow: inset 0 0 0 1px rgba(22,47,82,.06); }
.ak-logo-img{ width:100%; }
.ak-logo-img img{ display:block; width:100% !important; max-width:340px; height:auto; max-height:140px; object-fit:contain; margin:0 auto; }
.ak-logo-tur p, .ak-dosya-tur p{ color:#7A869A; }
.ak-indir{ flex:none; }
.ak-renk-ornek{ box-shadow: inset 0 0 0 1px rgba(22,47,82,.10); }
.ak-renk-kod p{ font-variant-numeric: tabular-nums; color: var(--ak-text); }
.ak-font-harfler p{ margin:0; color: var(--ak-navy); letter-spacing:.06em; line-height:1.9; overflow-wrap:anywhere; }
.ak-dosya-ikonk{ width:48px !important; height:48px !important; min-height:48px; flex:none; display:grid !important; place-items:center; border-radius:4px; background: var(--ak-soft); }
.ak-dosya-metin{ flex:1 1 auto !important; min-width:0; width:auto !important; }
.ak-dosya-ikon .elementor-icon{ font-size:22px !important; color: var(--ak-primary) !important; display:flex; }
@media (max-width:767px){
  .ak-dosya{ flex-wrap:wrap !important; }
  .ak-dosya .ak-indir{ margin-left:64px; }
}

.ak-paket-metin{ flex:1 1 auto !important; min-width:0; width:auto !important; }
.ak-paketler{ flex:none; }
.ak-paket-btn .elementor-button{ min-width:84px; justify-content:center; }
.ak-kitap .elementor-button{ border:0 !important; }
.ak-rapor-nav-bolum{ position:sticky; top:0; z-index:20; }
.admin-bar .ak-rapor-nav-bolum{ top:32px; }
.ak-rapor-nav{ flex-wrap:wrap !important; }
.ak-rapor-nav > .elementor-element, .ak-rapor-nav-btn{ flex:0 0 auto !important; width:auto !important; max-width:none !important; min-width:0; }
.ak-rapor-nav-btn .elementor-button{ white-space:nowrap; display:inline-flex; align-items:center; }
.ak-rapor-nav-btn .elementor-button-icon{ display:none; }
@media (max-width:767px){
  .ak-rapor-nav{ flex-wrap:nowrap !important; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; padding-bottom:2px; }
  .ak-rapor-nav::-webkit-scrollbar{ display:none; }
}
.ak-rapor-bolum{ scroll-margin-top:96px; }
.ak-rapor .ak-rapor-baslik .elementor-heading-title{ overflow-wrap:anywhere; }

/* Raporlar: kategori açılır menüsü (raporlar.js düğmelerden oluşturur) */
html.akr-js .ak-rapor-nav{visibility:hidden}
.akr-hazir .ak-rapor-nav{display:none!important}
.akr-gizli{display:none!important}
.akr-filtre{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;width:100%;font-family:"Outfit",system-ui,sans-serif}
.akr-lbl{margin:0;font-size:15px;font-weight:600;color:var(--ak-navy,#162F52)}
.akr-selwrap{position:relative;flex:0 1 440px;min-width:0}
.akr-selwrap select{width:100%;height:48px;margin:0;padding:0 44px 0 16px;font:500 16px/1.2 "Outfit",system-ui,sans-serif;color:var(--ak-navy,#162F52);background:#fff;border:1px solid #C9D2DF;border-radius:6px;-webkit-appearance:none;appearance:none;box-shadow:none;cursor:pointer}
.akr-selwrap select:hover{border-color:var(--ak-primary,#2D5792)}
.akr-selwrap select:focus{outline:none;border-color:var(--ak-primary,#2D5792);box-shadow:0 0 0 3px color-mix(in srgb,var(--ak-primary,#2D5792) 20%,transparent)}
.akr-selwrap svg{position:absolute;right:14px;top:50%;width:22px;height:22px;margin-top:-11px;fill:var(--ak-navy,#162F52);pointer-events:none}
.akr-bilgi{margin:0;font-size:14px;color:#7A869A}
@media (max-width:767px){
  .akr-filtre{gap:6px}
  .akr-lbl{width:100%;font-size:14px}
  .akr-selwrap{flex:1 1 100%}
  .akr-bilgi{display:none}
  .ak-rapor-nav-bolum{padding-top:12px!important;padding-bottom:12px!important}
}
