/* ohafalan renk katmani
   Tasarim heworx blogunun aynisi. Degisen tek sey marka rengi.
   Sari zeminlerde ve cizgilerde kullaniliyor, metinlerde kullanilamaz
   cunku beyaz uzerinde okunmuyor. Bu yuzden teal'in metin olarak
   kullanildigi butun seciciler murekkebe cekiliyor. */
:root{
  --vurgu:#FCFB06;          /* sari: zemin, cizgi, halka */
  --vurgu2:#1A1618;         /* koyu: metin vurgusu */
  --ohaYazi:#1A1618;
}
.araBolumBas button:hover,
.araEtiket a:hover,
.araRafKart:hover b,
.araSonucOge .kat2,
.belgeBolum a,
.belgeBolum h2 span,
.belgeEtiket,
.bolumUst h2,
.bultenKucuk a:hover,
.bultenMarka b,
.bultenPencere .bultenForm .durum,
.ekipAlt a,
.ekipEtiket,
.ekipKaro .ekipTitr,
.ekipPuan b,
.etiketBulut a:hover,
.etiketSatir a:hover,
.gundemIc a:hover,
.imzaBag:hover,
.kart-yan .kartTarih,
.kart:hover h3 a,
.kat,
.kunyeBag a,
.kunyeBag a:hover,
.lider h1 a:hover,
.marka b,
.menu a.etkin,
.menu a:hover,
.mobilAna a.etkin,.mobilAna a:active,
.mobilMenu h5,
.ozetKivilcim,
.ozetUst,
.paylasRay .begenDugme.acik .rayAd,
.satir:hover b,
.satirNo,
.sayfalama a:hover,
.tepkiDugme.acik,
.tepkiTesekkur,
.tumu:hover,
.ustEtiket,
.yanBaslik,
.yanKutu h2,
.yaziGovde a,
.yaziGovde a.icBag:hover,
.yaziGovde a:hover,
.yaziGovde figure.hy-ilgili .et,
.yaziGovde figure.hy-ilgiliSatir .ok,
.yol a:hover,
/* --- govdenin ilk harfi ---    Ilk tasarimda (ofis okuma cekmecesi) vardi, tam sayfa portala    tasinmamisti. Govdenin ilk paragrafina uygulanir: yazi ara baslikla    ya da gorselle basliyorsa harf ondan sonraki ilk paragrafa duser. */ .yaziGovde > p:first-of-type::first-letter{color:var(--ohaYazi)}

/* sari zeminde beyaz metin okunmaz, murekkebe cevriliyor */
.etiket,.kat,.etiketK,.tepkiDugme.acik,.ozetTur.etkin,.bultenForm button,
.menu a.etkin,.mobilAna a.etkin,.belgeIcindekiler a.etkin,.ekipBolum h2{color:#1A1618 !important}
.bultenForm button:hover{background:#E3E200;color:#1A1618}
/* marka: metin yerine logo */
.marka{display:inline-flex;align-items:center}
.marka span,.marka b,.marka em{display:none}
.marka:before{content:'';display:block;width:300px;height:90px;
  background:url('/oha/logo-480.png') left center/contain no-repeat}
.ust.kucuk .marka:before{width:214px;height:64px}
/* Altbilgi logosu: parilti tasiyan surum. Gorselin kendisi saydam,
   kenarlardaki hafif pus koyu zeminde gorunmuyor, karisim kipine
   gerek yok. */
.alt .marka:before{width:300px;height:94px;background-image:url('/oha/logo-footer-320.png')}
@media (max-width:560px){ .alt .marka:before{width:230px;height:72px} }
@media (max-width:860px){ .marka:before{width:240px;height:72px} }
@media (max-width:560px){ .marka:before{width:190px;height:57px} }
/* Serit logonun boyunda kalsin, altinda bos pay birakilmasin.
   Menu satiri da sikistiriliyor. */
.ustIc{min-height:0;grid-template-rows:92px 40px}
.ust .marka{align-self:center}
.ust .menu{align-self:center}
/* Kucuk seritte logo buyuk kaliyor ama serit sismesin: satir logonun
   tam boyunda, altinda bos pay birakilmiyor. Sutun ve alan tanimlarina
   dokunulmuyor. */
.ust.kucuk .ustIc{grid-template-rows:64px}
.ust.kucuk .marka{align-self:center}

/* --- bolum basliklari: sari kutu, siyah cerceve, hafif egik ---
   heworx'te ince cizgili sade basliklardi. ohafalan'in dili daha
   yuksek sesli, basliklar da logodaki balonun acisini aliyor. */
.bolumUst h2,.yanBaslik,.yanKutu h2{
  background:var(--vurgu);color:#1A1618 !important;
  border:3px solid #1A1618;border-bottom:3px solid #1A1618;
  padding:8px 14px;transform:rotate(-1.4deg);transform-origin:left center;
  box-shadow:4px 4px 0 #1A1618;display:inline-flex;align-items:center;gap:0}
.bolumUst h2:before,.yanKutu h2:before{display:none}
.yanKutu h2:after{display:none}
/* kutunun yaninda cizgi devam etsin */
.bolumUst{border-bottom:0;padding-bottom:0;gap:18px;align-items:center;margin-bottom:26px}
.bolumUst:after{content:'';position:static;flex:1;order:1;width:auto;height:3px;background:#1A1618}
.bolumUst .tumu{order:2;flex:none}
.yanBaslik{margin:0 0 20px;font-size:20px}
.yanKutu h2{margin-bottom:18px;font-size:14px}
/* baslik yaninda cizgi: yan sutunda da */
.yanBaslik{position:relative}
@media (max-width:560px){
  .bolumUst h2,.yanBaslik,.yanKutu h2{padding:7px 11px;box-shadow:3px 3px 0 #1A1618}
  .bolumUst h2{font-size:19px}
}

/* --- kategori rozetleri: koseli ve sessiz --- */
.kat,.etiketSatir a,.etiketBulut a{border-radius:0}
/* Sari, bir listede yirmi kez tekrarlayinca vurgu olmaktan cikip bagirtiya
   donusuyor. Rozetler sakin kaliyor: koseli bicim ve kalin harf kimligi
   tasimaya yetiyor, sari yalniz bolum basliklarinda ve uzerine gelindiginde
   duruyor. Boylece goz once bolumu, sonra basligi seciyor. */
.kat{background:rgba(26,22,24,.07);border:0;color:#1A1618 !important;
  font-weight:800;letter-spacing:.06em;padding:5px 10px}
.kat:hover{background:var(--vurgu);color:#1A1618 !important}
.etiketSatir a,.etiketBulut a{border:2px solid rgba(26,22,24,.22);color:#1A1618;font-weight:700}
.etiketSatir a:hover,.etiketBulut a:hover{background:var(--vurgu);border-color:#1A1618;color:#1A1618}