/* css/duzeltmeler.css — 21.09.2026
   Temadan gelen sorunlarin ustune yazan tek dosya. Tema dosyalarina
   dokunulmuyor; bu dosya en sonda yukleniyor.
   1) Menu: 9 madde genis ekranda tek satira sigsin.
   2) Ikon fontlari (FontAwesome/Flaticon) artik sayfalara bagli; kutucuk yok.
   3) Mobil: menu ve baslik taşmalarini engelle. */

/* ── 1) Ust menu ─────────────────────────────────────────────────────── */
@media (min-width: 992px) {
  ul.ace-responsive-menu > li > a {
    padding: 18px 12px !important;
    font-size: 14px !important;
    letter-spacing: 0.2px;
    white-space: nowrap;
  }
  ul.ace-responsive-menu > li > a > .arrow { margin-left: 4px; }
  ul.ace-responsive-menu { white-space: nowrap; }
}
@media (min-width: 992px) and (max-width: 1280px) {
  ul.ace-responsive-menu > li > a { padding: 18px 8px !important; font-size: 13px !important; }
}

/* ── 2) Ikon fontu yuklenmezse kutucuk gosterme ──────────────────────── */
.ace-responsive-menu .arrow:before { font-family: FontAwesome, sans-serif; }

/* ── 3) Mobil duzeltmeleri ───────────────────────────────────────────── */
@media (max-width: 767px) {
  h1, .slider_title, .banner_title { font-size: 28px !important; line-height: 1.25 !important; word-break: break-word; }
  h2 { font-size: 24px !important; line-height: 1.3 !important; }
  img, video, iframe, table { max-width: 100%; height: auto; }
  body { overflow-x: hidden; }
  .container, .container-fluid { padding-left: 16px !important; padding-right: 16px !important; }
}

/* ── 4) Yazi tipleri yuklenirken metin gorunsun (FOIT yerine FOUT) ────── */
@font-face { font-family: FontAwesome; font-display: swap; src: local("FontAwesome"); }

/* ── 5) Slider ok yazilari tek satir ──────────────────────────────────── */
.slick-prev, .slick-next, .cs_slider_nav, .slider_nav_text { white-space: nowrap !important; }

/* ── 6) Menu genisligi: 9 madde her ekranda tek satir ────────────────── */
@media (min-width: 992px) {
  ul.ace-responsive-menu > li > a { padding: 18px 10px !important; font-size: 14px !important; letter-spacing: 0 !important; }
  ul.ace-responsive-menu > li > a > .arrow { margin-left: 3px; width: 8px; }
  .navbar_brand span { font-size: 18px !important; }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  ul.ace-responsive-menu > li > a { padding: 18px 8px !important; font-size: 13px !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  ul.ace-responsive-menu > li > a { padding: 18px 6px !important; font-size: 12px !important; }
  .navbar_brand span { font-size: 16px !important; }
}
/* Ust menu maddesi artik baglanti degil: imlec yine el olsun */
.ace-responsive-menu > li > a.menu-ust { cursor: pointer; }

/* ── 7) Ust menu dikey hizasi (21.09, 2. tur) ─────────────────────────
   Sorun: yukaridaki daraltma kurallari `padding: 0 Npx` yazarak temanin
   `padding: 18px 20px 18px 5px` degerindeki DIKEY boslugunu da siliyordu;
   menu maddeleri baslik seridinin ust kenarina yapisiyor, logo altta
   kaliyordu. Cozum: yatay boslugu daralt, dikey 18px'i koru (yukarida
   `18px Npx` olarak yazildi). Tema dosyalarina dokunulmadi. */
@media (min-width: 992px) {
  /* "Ana Sayfa" (oksuz madde) digerlerinden birkac px yukarida kaliyordu:
     baslik ve ok ayni dikey eksene otursun. */
  ul.ace-responsive-menu > li > a > .title,
  ul.ace-responsive-menu > li > a > .arrow { vertical-align: middle; line-height: 20px; }
}

/* ── 8) Alt menu: sabit 260px kutuya sigmayan maddeler tasiyordu ───────
   Kutu icerige gore genislesin, madde tek satir kalsin; alt menu ait
   oldugu maddenin altinda acilsin (temanin -180px kaydirmasi kalkti);
   ikinci seviye (Cikmis Sorular, Konulara Gore) sabit 185px yerine
   kutunun sag kenarindan acilsin. */
@media (min-width: 992px) {
  header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li {
    width: auto !important;
    min-width: 230px;
  }
  header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li a {
    white-space: nowrap;
    font-size: 15px !important;
  }
  header.header-nav.menu_style_home_one .ace-responsive-menu > li > ul.sub-menu {
    margin-left: 0 !important;
  }
  header.header-nav.menu_style_home_one .ace-responsive-menu > li > ul.sub-menu:before {
    left: 25px !important;
  }
  header.header-nav.menu_style_home_one .ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu {
    left: 100% !important;
    top: -15px;
    margin-left: 2px;
    padding-left: 0 !important;
  }
  /* Menu saga yasli (blok 10): son iki maddenin ucuncu seviyesi saga
     acilinca ekran disina tasiyordu (Sinavlar > Cikmis Sorular, Videolar >
     Konulara Gore). Ucuncu seviye SOLA acilsin; solda her zaman yer var. */
  header.header-nav.menu_style_home_one .ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu {
    left: auto !important;
    right: 100% !important;
    margin-left: 0;
    margin-right: 2px;
  }
}

/* ── 9) Mobil: sayfa sola/saga tasmasin ─────────────────────────────────
   NOT (21.09, kapandi): "hamburger gorunmuyor" bulgusu OLCUM HATASIYDI.
   Headless Chrome pencereyi en az 500px yapiyor; 390px ekran goruntusu
   sayfanin sol 390px'ini kirpiyordu, dugme sagda kirpilan bolgedeydi.
   Gercek 390px goruntu (iframe ile) dugmeyi gosteriyor. Asil tasma sebebi
   /ss/* kartlarindaki kapanmamis .row'lardi (scripts/ss_yapi_onar.py). */
@media (max-width: 992px) {
  html, body { overflow-x: hidden; max-width: 100vw; }
}

/* ── 10) Ust menu: buyuk ve dengeli (Ahmet, 21.09 "cok kucuk duruyor") ──
   5 maddeye inince yer acildi: yazi 16px, maddeler arasi genis, menu SAGA
   yasli (logo sol, menu sag) ve logoyla ayni yatay eksende. Flex DENENDI,
   temanin sabitlenen baslik betigini (scrolltofixed) bozuyor; float ve
   ust bosluk ile hizalandi. */
@media (min-width: 992px) {
  header.header-nav.menu_style_home_one ul.ace-responsive-menu {
    width: auto !important;
    float: right !important;
    margin-top: 17px !important;
    background: transparent !important;
  }
  header.header-nav.menu_style_home_one ul.ace-responsive-menu > li > a {
    padding: 18px 14px !important;
    font-size: 16px !important;
    letter-spacing: 0.3px !important;
  }
  header.header-nav.menu_style_home_one ul.ace-responsive-menu > li:last-child > a { padding-right: 0 !important; }
  header.header-nav.menu_style_home_one ul.ace-responsive-menu > li > a > .arrow { margin-left: 5px; }
  header.header-nav.menu_style_home_one .navbar_brand span { font-size: 22px !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  header.header-nav.menu_style_home_one ul.ace-responsive-menu > li > a { padding: 18px 9px !important; font-size: 14px !important; }
}

/* ── 11) /ss/* kartlari: <ul> olmadan yazilmis <li> madde imi gosteriyordu ── */
.img_hvr_box .details li { list-style: none; }

/* ── 12) /sinavlar/* geri sayim sayfalari (yeni tasarim, 21.09) ───────────
   Uretici: scripts/sinav_sayfa_uygula.py · veri: sinavlar/js/sinav-takvimi.js
   Tema renkleri: #2441e7 (ana), #192675 (koyu), #f9fafc (zemin). Parilti ve
   dekoratif gradyan yok. */
.gs-sayfa { padding: 60px 0 70px; background: #fff; }
.gs-sayfa .gs-baslik { margin-bottom: 34px; }
.gs-sayfa .gs-baslik h2 { font-family: "Nunito", sans-serif; font-size: 32px; font-weight: 700; color: #0a0a0a; margin-bottom: 12px; }
.gs-one-cikan { font-size: 16px; color: #192675; margin: 0 0 6px; }
.gs-durum { font-size: 16px; line-height: 1.75; max-width: 780px; margin: 0 auto; color: #484848; }
.gs-durum a { color: #2441e7; }
.gs-sayac { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; margin: 0 auto 26px; }
.gs-sayac[hidden] { display: none; }
.gs-kutu { flex: 0 0 160px; background: #f9fafc; border: 1px solid #e6e8f2; border-radius: 12px; padding: 24px 10px 18px; text-align: center; }
.gs-sayi { display: block; font-family: "Nunito", sans-serif; font-size: 56px; font-weight: 700; line-height: 1; color: #192675; font-variant-numeric: tabular-nums; }
.gs-etiket { display: block; margin-top: 10px; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; color: #7a7a8c; }
.gs-bilgi { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 50px; }
.gs-bilgi:empty { display: none; }
.gs-cip { background: #f4f5fa; border-radius: 999px; padding: 8px 16px; font-size: 14px; color: #484848; }
.gs-cip a { color: #2441e7; }
.gs-alt-baslik { font-family: "Nunito", sans-serif; font-size: 20px; font-weight: 700; color: #0a0a0a; margin: 0 0 18px; }
.gs-liste { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 44px; }
.gs-kart { display: block; background: #fff; border: 1px solid #e6e8f2; border-radius: 12px; padding: 18px 18px 16px; color: #0a0a0a; transition: border-color .2s, transform .2s; }
.gs-kart:hover, .gs-kart:focus { border-color: #2441e7; color: #0a0a0a; text-decoration: none; transform: translateY(-2px); }
.gs-kart.gs-secili { border-color: #2441e7; box-shadow: inset 0 0 0 1px #2441e7; }
.gs-kart-kisa { display: block; font-family: "Nunito", sans-serif; font-size: 22px; font-weight: 700; color: #192675; }
.gs-kart-uzun { display: block; font-size: 13px; line-height: 1.45; color: #7a7a8c; min-height: 38px; margin: 2px 0 10px; }
.gs-kart-tarih { display: block; font-size: 15px; font-weight: 600; }
.gs-rozet { display: inline-block; margin-top: 10px; font-size: 12px; font-weight: 600; padding: 4px 11px; border-radius: 999px; background: #eef1fd; color: #2441e7; }
.gs-rozet.gs-bitti { background: #f1f1f1; color: #777; }
.gs-baglantilar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 30px; }
.gs-baglanti { display: block; border: 1px solid #e6e8f2; border-radius: 12px; padding: 16px 18px; color: #0a0a0a; transition: border-color .2s; }
.gs-baglanti:hover, .gs-baglanti:focus { border-color: #2441e7; color: #0a0a0a; text-decoration: none; }
.gs-baglanti strong { display: block; font-size: 16px; color: #192675; margin-bottom: 3px; }
.gs-baglanti span { font-size: 13px; color: #7a7a8c; }
.gs-kaynak { font-size: 13px; color: #7a7a8c; text-align: center; margin: 0; line-height: 1.7; }
@media (max-width: 991px) {
  .gs-liste, .gs-baglantilar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gs-sayfa { padding: 44px 0 56px; }
}
@media (max-width: 480px) {
  .gs-sayfa .gs-baslik h2 { font-size: 26px; }
  .gs-sayac { gap: 10px; }
  .gs-kutu { flex-basis: calc(50% - 5px); padding: 18px 8px 14px; }
  .gs-sayi { font-size: 40px; }
  .gs-liste { gap: 10px; }
  .gs-kart { padding: 14px; }
  .gs-kart-kisa { font-size: 18px; }
  .gs-baglantilar { grid-template-columns: 1fr; }
}