/* Burhaniye Haberler — Apple tarzı tasarım katmanı (HIG).
   Bu dosya style.css'in üstüne biner. Yönetim > Ayarlar'dan "Yeni tasarım" kapatılırsa hiç yüklenmez ve site eski görünüme döner.
   İlkeler: içerik öne, krom geri; sistem yazı tipi; anlamsal renkler (açık/koyu); yumuşak yüzeyler; anında dokunma geri bildirimi; azaltılmış hareket desteği. */

:root{
  --ap-bg:#f5f5f7; --ap-card:#fff; --ap-fill:rgba(118,118,128,.12); --ap-fill2:rgba(118,118,128,.08);
  --ap-label:#1d1d1f; --ap-label2:rgba(60,60,67,.78); --ap-label3:rgba(60,60,67,.55); --ap-sep:rgba(60,60,67,.14);
  --ap-glass:rgba(255,255,255,.72); --ap-r:18px; --ap-r-sm:12px;
  --ap-shadow:0 1px 2px rgba(0,0,0,.04),0 6px 20px -8px rgba(0,0,0,.10);
  --ap-shadow-lg:0 2px 6px rgba(0,0,0,.05),0 18px 40px -16px rgba(0,0,0,.18);
  --bg:var(--ap-bg); --card:var(--ap-card); --ink:var(--ap-label); --body:#1d1d1f; --ink2:var(--ap-label2); --muted:var(--ap-label3);
  --line:var(--ap-sep); --soft:#f2f2f7; --soft2:#f9f9fb; --radius:var(--ap-r);
}
:root[data-theme="dark"]{
  --ap-bg:#000; --ap-card:#1c1c1e; --ap-fill:rgba(118,118,128,.24); --ap-fill2:rgba(118,118,128,.16);
  --ap-label:#f5f5f7; --ap-label2:rgba(235,235,245,.72); --ap-label3:rgba(235,235,245,.5); --ap-sep:rgba(84,84,88,.55);
  --ap-glass:rgba(28,28,30,.72);
  --ap-shadow:0 0 0 1px rgba(255,255,255,.05); --ap-shadow-lg:0 0 0 1px rgba(255,255,255,.07);
  --bg:#000; --card:#1c1c1e; --soft:#2c2c2e; --soft2:#1c1c1e; --body:#e5e5ea;
}

/* Yazı: sistem fontu (Apple cihazlarda SF Pro), boyuta göre harf aralığı ve satır yüksekliği */
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Noto Sans",system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--ap-bg);color:var(--ap-label);letter-spacing:-.01em;text-rendering:optimizeLegibility}
h1,h2,h3,.card-title,.slide-title,.box-title{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Noto Sans",system-ui,sans-serif;font-weight:700;letter-spacing:-.022em}
h1{line-height:1.12}
h2,h3{line-height:1.2}
.article p,.article li{letter-spacing:-.003em}


/* Üst kısım (kırmızı başlık, menü, arama) eski haliyle kalır. Son haberler şeridi */
.ticker{background:var(--ap-card)!important;border:0!important;border-bottom:1px solid var(--ap-sep)!important}

/* Kartlar ve kutular: kenarlıksız yüzey, büyük köşe, hafif derinlik */
.card,.box,.article,.sp-next,.sp-list,.sp-tbl-wrap{border-radius:var(--ap-r)!important;box-shadow:var(--ap-shadow)!important;border:0!important}
.card{transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s}
@media (hover:hover){.card:hover{transform:translateY(-2px);box-shadow:var(--ap-shadow-lg)!important}}
.card img,.card .thumb{border-radius:0}
/* Kart: beyaz yüzey ve iç boşluk; yazılar yuvarlak köşeye değmez */
.card{background:var(--ap-card)!important}
.card .card-body{padding:12px 14px 14px!important}
.card .card-img{border-radius:0!important}
.box-title{border-left:0!important;padding-left:0!important;font-size:20px!important}
.section-head{border:0!important}
.section-head h2{letter-spacing:-.025em}

/* Manşet */
.slide-media img,.slide-img img,.headline-main{border-radius:var(--ap-r)}
.cat-pill{border-radius:999px!important;font-weight:600;letter-spacing:0}

/* Hap düğmeler ve rozetler */
.sp-jump a,.sp-switch a,.sl-pager button,.tk-all{border-radius:999px!important}
.sp-jump a{background:var(--ap-fill2)!important;border:0!important;color:var(--ap-label)!important}

/* Dokunma geri bildirimi: basıldığı an */
a,button,.card,.sp-pick-card,.sp-row{-webkit-tap-highlight-color:transparent}
button:active,.ez-btn:active,.sp-jump a:active,.sp-switch a:active,.tk-all:active{transform:scale(.97);transition:transform .1s ease-out}
.card:active,.sp-pick-card:active,.sp-feed-card:active{transform:scale(.985);transition:transform .1s ease-out}

/* Odak halkası: klavye ile gezinmede net */
:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 55%,transparent);outline-offset:2px;border-radius:6px}


/* Alt bilgi */
.site-footer{background:var(--ap-bg)!important;color:var(--ap-label2)!important;border-top:1px solid var(--ap-sep)!important}
.site-footer h3{color:var(--ap-label)!important;font-size:14px;letter-spacing:-.01em}
.site-footer a{color:var(--ap-label2)}
.site-footer a:hover{color:var(--ap-label)!important}
.copy,.social-row{border-color:var(--ap-sep)!important;color:var(--ap-label3)!important}

/* Erişilebilirlik tercihleri */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
  .card:hover{transform:none}
}
@media (prefers-contrast:more){
  :root{--ap-sep:rgba(0,0,0,.4)}
  .card,.box,.article{box-shadow:0 0 0 1px var(--ap-sep)!important}
}