/* Of Web CMS - Ön yüz teması | Karadeniz yeşili + Of laciverti | Of için tasarlanmıştır */
:root{--lacivert:#123a52;--lacivert2:#0d2c40;--yesil:#2e8b3d;--yesil2:#1f7a3f;--kirmizi:#d62828;--zemin:#f2f6f7;--kart:#fff;--yazi:#1b2a35;--soluk:#6a7b86;--cizgi:#dbe5e8;--gol:0 2px 10px rgba(18,58,82,.08)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--zemin);color:var(--yazi);line-height:1.55;-webkit-text-size-adjust:100%}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.kap{width:100%;max-width:1220px;margin:0 auto;padding:0 14px}
main.kap{padding-top:16px;padding-bottom:30px}

/* Üst bölüm */
.ust{background:linear-gradient(180deg,#fff 0%,#eaf3ee 100%);border-bottom:1px solid var(--cizgi)}
.ust-ic{display:flex;align-items:center;gap:18px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px}
.logo-yazi{display:flex;flex-direction:column;line-height:1.1}
.logo-yazi strong{font-size:34px;color:var(--lacivert);letter-spacing:-.5px;font-weight:800}
.logo-yazi small{font-size:12px;color:var(--lacivert);font-weight:600}
.slogan-kutu{flex:1;text-align:center;font-family:Georgia,"Times New Roman",serif;font-size:20px;color:var(--lacivert);min-width:160px}
.ara{display:flex;background:#fff;border:1px solid var(--cizgi);border-radius:30px;overflow:hidden;min-width:220px;box-shadow:var(--gol)}
.ara input{border:0;padding:10px 14px;font-size:15px;outline:0;flex:1;min-width:0;background:transparent}
.ara button{border:0;background:transparent;padding:0 14px;cursor:pointer;font-size:16px}
.ust-bilgi{display:flex;gap:16px}
.mini{display:flex;flex-direction:column;font-size:12px;color:var(--lacivert);line-height:1.2}
.mini b{font-size:21px}.mini small{color:var(--soluk)}

/* Menü */
.menu{background:var(--lacivert);color:#fff;position:sticky;top:0;z-index:50}
.menu-ic{display:flex;align-items:center}
.menu-liste{display:flex;flex:1;overflow-x:auto;scrollbar-width:none}
.menu-liste::-webkit-scrollbar{display:none}
.menu-liste a{padding:13px 12px;font-size:14.5px;white-space:nowrap;font-weight:500}
.menu-liste a:hover{background:rgba(255,255,255,.12)}
.menu-dugme{display:none;background:none;border:0;color:#fff;font-size:24px;padding:8px 10px;cursor:pointer}
.menu-haber-gonder{background:var(--yesil);padding:8px 14px;border-radius:6px;font-weight:700;font-size:14px;white-space:nowrap;margin-left:8px}

/* Son dakika */
.sondakika{background:var(--kirmizi);color:#fff}
.sd-ic{display:flex;align-items:center;gap:12px;padding-top:8px;padding-bottom:8px;overflow:hidden}
.sd-etiket{font-weight:800;white-space:nowrap;font-size:14px}
.sd-liste{display:flex;gap:28px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;font-size:14.5px}
.sd-liste::-webkit-scrollbar{display:none}
.sd-liste a:hover{text-decoration:underline}

/* Manşet */
.manset{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-bottom:14px}
.manset-ana{position:relative;border-radius:10px;overflow:hidden;background:#000;aspect-ratio:16/9;box-shadow:var(--gol)}
.manset-slayt{position:absolute;inset:0;opacity:0;transition:opacity .5s;pointer-events:none}
.manset-slayt.aktif{opacity:1;pointer-events:auto}
.manset-slayt img{width:100%;height:100%;object-fit:cover}
.manset-yazi{position:absolute;left:0;right:0;bottom:0;padding:50px 22px 34px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.82))}
.manset-yazi h2{margin:8px 0 6px;font-size:clamp(20px,3.2vw,36px);line-height:1.15}
.manset-yazi p{margin:0;opacity:.9;font-size:15px}
.manset-noktalar{position:absolute;bottom:10px;left:0;right:0;text-align:center}
.manset-noktalar button{width:10px;height:10px;border-radius:50%;border:0;margin:0 4px;background:rgba(255,255,255,.5);cursor:pointer;padding:0}
.manset-noktalar button.aktif{background:#fff}
.manset-yan{display:grid;grid-template-rows:repeat(4,1fr);gap:8px}
.yan-kart{position:relative;border-radius:8px;overflow:hidden;min-height:80px;background:#000;display:block}
.yan-kart img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}
.yan-kart span{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 8px;color:#fff;font-weight:700;font-size:14px;background:linear-gradient(transparent,rgba(0,0,0,.8));line-height:1.25}
.koyu-yok{margin-bottom:8px;min-height:110px}

.etiket{display:inline-block;background:var(--lacivert);color:#fff;font-size:12px;font-weight:700;padding:3px 9px;border-radius:4px}
.etiket.kirmizi{background:var(--kirmizi)}

/* Widgetler */
.widgetler{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}
.widget{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--cizgi);border-radius:10px;padding:12px;box-shadow:var(--gol);transition:transform .15s}
.widget:hover{transform:translateY(-2px)}
.widget div{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.widget b{font-size:13px;color:var(--lacivert)}.widget strong{font-size:22px;color:var(--lacivert)}.widget small{color:var(--soluk);font-size:12px}
.w-ikon{font-size:34px;line-height:1}.kirmizi-zemin{background:var(--kirmizi);color:#fff;width:44px;height:44px;border-radius:8px;display:grid;place-items:center;font-size:30px;font-weight:700;flex:none}

/* Bloklar */
.blok{background:#fff;border-radius:10px;box-shadow:var(--gol);margin-bottom:18px;overflow:hidden}
.blok-baslik{background:var(--lacivert);color:#fff;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.blok-baslik h2,.blok-baslik h1{margin:0;font-size:19px}.blok-baslik a,.blok-baslik span{font-size:13px;opacity:.95}
.blok-baslik .dugme{background:var(--yesil);opacity:1;padding:6px 12px}
.blok>*:not(.blok-baslik){margin-left:16px;margin-right:16px}.blok>.kart-izgara,.blok>.blok-liste{margin-top:14px;margin-bottom:16px}
.blok>p,.blok>form,.blok>div:not(.blok-baslik),.blok>h2,.blok>.tablo-sar{margin-top:14px}
.blok>*:last-child{margin-bottom:16px}
.iki-sutun{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:0}
.blok-buyuk{display:block;position:relative;margin-top:14px;border-radius:8px;overflow:hidden;background:#000}
.blok-buyuk img{width:100%;aspect-ratio:16/9;object-fit:cover;opacity:.92}
.blok-buyuk div{position:absolute;inset:auto 0 0 0;padding:40px 14px 10px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.85))}
.blok-buyuk h3{margin:0 0 4px;font-size:20px;line-height:1.2}.blok-buyuk small{opacity:.85}
.blok-liste{list-style:none;padding:0;margin:0}
.blok-liste li{padding:9px 0;border-bottom:1px solid var(--cizgi);display:flex;flex-direction:column}
.blok-liste a{font-weight:600}.blok-liste a:hover{color:var(--yesil2)}.blok-liste small{color:var(--soluk)}

/* Kartlar */
.kart-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.kart-izgara.iki{grid-template-columns:repeat(2,1fr)}
.kart{background:#fff;border:1px solid var(--cizgi);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.kart-resim img{width:100%;aspect-ratio:16/10;object-fit:cover}
.kart-govde{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px}
.kart h3{margin:0;font-size:16px;line-height:1.3}.kart h3 a:hover{color:var(--yesil2)}.kart time{color:var(--soluk);font-size:12px}
.kategori-seritleri{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.kategori-seritleri a{background:var(--lacivert);color:#fff;padding:14px 8px;text-align:center;border-radius:8px;font-weight:700;font-size:14px}
.kategori-seritleri a:hover{background:var(--yesil2)}

/* Haber detay */
.haber-duzen{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}
.haber{background:#fff;border-radius:10px;padding:22px;box-shadow:var(--gol)}
.haber h1{font-size:clamp(24px,3.4vw,36px);line-height:1.2;margin:8px 0 10px;color:var(--lacivert)}
.spot{font-size:19px;color:#3a5163;margin:0 0 12px}
.kirinti{font-size:13px;color:var(--soluk)}.kirinti a{color:var(--yesil2);font-weight:600}
.haber-bilgi{display:flex;gap:16px;flex-wrap:wrap;color:var(--soluk);font-size:13px;padding:8px 0;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);margin-bottom:14px}
.haber figure{margin:0 0 16px}.haber figure img{width:100%;border-radius:8px}
.icerik{font-size:18px;line-height:1.75}.icerik p{margin:0 0 1em}.icerik a{color:var(--yesil2);text-decoration:underline}
.icerik img{border-radius:6px;margin:10px 0}
.kaynak{color:var(--soluk);font-size:13px}
.paylas{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid var(--cizgi)}
.paylas a{background:var(--lacivert);color:#fff;padding:7px 14px;border-radius:6px;font-size:14px;font-weight:600}
.paylas a:hover{background:var(--yesil2)}
.yan .blok>*:not(.blok-baslik){margin-top:10px}

/* Genel kutular, formlar */
.kutu{background:#fff;border-radius:10px;padding:22px;box-shadow:var(--gol)}
.kutu.dar{max-width:440px;margin:20px auto}
.kutu.bos{text-align:center;padding:50px 20px}
.kutu h1{margin-top:0;color:var(--lacivert)}
.bos{color:var(--soluk)}
.form{display:flex;flex-direction:column;gap:14px;max-width:640px}
.form label{display:flex;flex-direction:column;gap:5px;font-weight:600;font-size:14px}
.form input,.form select,.form textarea,.filtre select,.ara-buyuk input{padding:11px 12px;border:1px solid #c5d3d8;border-radius:8px;font:inherit;font-weight:400;background:#fff;width:100%}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--yesil);border-color:var(--yesil)}
.iki-alan{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dugme{display:inline-block;background:var(--yesil2);color:#fff;border:0;padding:9px 16px;border-radius:7px;font-weight:700;cursor:pointer;font-size:14px}
.dugme:hover{background:var(--yesil)}.dugme.buyuk{padding:13px;font-size:16px}
.ara-buyuk{display:flex;gap:8px;max-width:520px}.filtre select{max-width:320px}
.bildirim{padding:12px 16px;border-radius:8px;margin-bottom:14px;font-weight:600}
.bildirim.ok{background:#e4f5e8;color:#17602a}.bildirim.hata{background:#fde8e8;color:#9b1c1c}.bildirim.uyari{background:#fff4d6;color:#7a5b00}
.sayfalama{display:flex;gap:6px;flex-wrap:wrap}.sayfalama a{padding:8px 13px;background:#fff;border:1px solid var(--cizgi);border-radius:6px}.sayfalama a.aktif{background:var(--lacivert);color:#fff}

/* Modüller */
.liste-kart{border:1px solid var(--cizgi);border-radius:8px;padding:14px;background:#fff}
.liste-kart h3{margin:6px 0}.liste-kart p{margin:6px 0}.liste-kart img{border-radius:6px;margin-bottom:8px;aspect-ratio:16/10;object-fit:cover;width:100%}
.liste-kart.uyari{border-left:5px solid var(--kirmizi)}.liste-kart.vefat{border-left:5px solid #555;background:#fafafa}
.liste-kart.cami{border-left:5px solid var(--yesil)}
.hava-ana{display:flex;align-items:center;gap:20px}.hava-buyuk{font-size:80px}.hava-ana strong{font-size:54px;color:var(--lacivert);line-height:1}
.hava-gunler{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}
.hava-gunler div{background:var(--zemin);border-radius:8px;padding:12px;text-align:center;display:flex;flex-direction:column;gap:2px}
.hava-gunler span{font-size:34px}.hava-gunler em{font-style:normal;font-weight:700;color:var(--lacivert)}
.ezan-sonraki{background:var(--lacivert);color:#fff;padding:14px 18px;border-radius:8px;font-size:18px}.ezan-sonraki strong{font-size:30px;margin:0 8px}
.ezan-izgara{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:14px}
.ezan-izgara div{background:var(--zemin);border-radius:8px;padding:14px 6px;text-align:center;display:flex;flex-direction:column;gap:4px}
.ezan-izgara div.aktif{background:var(--yesil2);color:#fff}.ezan-izgara b{font-size:24px}
.tablo-sar{overflow-x:auto}.tablo{border-collapse:collapse;width:100%}.tablo th,.tablo td{border:1px solid var(--cizgi);padding:8px 10px;text-align:center}.tablo th{background:var(--lacivert);color:#fff}
.alt-baslik{font-size:17px;color:var(--lacivert)}

/* Alt bölüm */
.alt{background:var(--lacivert2);color:#cfe0e8;margin-top:20px}
.alt-ic{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:24px;padding-bottom:16px}
.alt .logo-yazi strong,.alt .logo-yazi small{color:#fff}.alt-link{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-start}.alt-link a:hover{color:#fff;text-decoration:underline}
.alt-imza{text-align:center;padding:12px;font-size:13px;background:#09202f}
.mobil-alt{display:none}

/* Mobil */
@media(max-width:980px){
  .widgetler{grid-template-columns:repeat(2,1fr)}.kart-izgara{grid-template-columns:repeat(2,1fr)}
  .haber-duzen{grid-template-columns:1fr}.manset{grid-template-columns:1fr}.manset-yan{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .yan-kart{min-height:110px}.slogan-kutu{display:none}
}
@media(max-width:700px){
  .ust-ic{gap:8px}.logo-yazi strong{font-size:26px}.ara{order:3;flex:1 1 100%}.ust-bilgi{margin-left:auto}
  .iki-sutun{grid-template-columns:1fr}.menu-dugme{display:block}
  .menu-ic{flex-wrap:wrap}.menu-liste{display:none;flex-direction:column;flex:1 1 100%;order:3}.menu-acik .menu-liste{display:flex}
  .menu-haber-gonder{margin-left:auto}
  .kart-izgara,.kart-izgara.iki{grid-template-columns:1fr}.ezan-izgara{grid-template-columns:repeat(3,1fr)}.hava-gunler{grid-template-columns:repeat(2,1fr)}
  .manset-yazi p{display:none}.iki-alan{grid-template-columns:1fr}.icerik{font-size:17px}
  body{padding-bottom:60px}
  .mobil-alt{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--cizgi);z-index:60;box-shadow:0 -2px 10px rgba(0,0,0,.08)}
  .mobil-alt a{display:flex;flex-direction:column;align-items:center;padding:7px 2px;font-size:20px}.mobil-alt span{font-size:11px;color:var(--lacivert);font-weight:600}
}