/* Haber Kudüs — what the CMS adds to the design, loaded last.
   Only states the static prototype never had to draw: a logo uploaded in
   Settings in place of the lamps, a son dakika line with no link, the
   search drawer as a real form. */

/* the sky paints over the son dakika line under it: the prototype let the
   line's text (position:relative) show through the open phone menu */
.gok{z-index:5}

/* a logo uploaded in «الإعدادات» stands where the lamps hang */
.mast__logo img{display:block;width:100%;height:auto;max-height:120px;object-fit:contain}
.dip__izgara .marka img{width:44px;height:44px;object-fit:contain}

/* a son dakika line the desk gave no link reads as text */
.sondakika__satir a:not([href]){cursor:default}
.sondakika__satir a:not([href]):hover{text-decoration:none}

/* the search drawer is a form now: the suggestions are links to stories */
.ara form{display:block}
.ara__sonuc li a:hover{color:var(--kandil)}

/* search results: the drawer's form at full width, then the stories as the design lists them (.sade-liste) */
.arama__form{max-width:760px;margin-bottom:28px}
.arama__form label{display:block;font:700 12px/1 var(--devlo-font, var(--f-head));letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.arama__form div{display:flex;gap:0;border:1px solid var(--line-2)}
.arama__form input{flex:1 1 auto;min-width:0;min-height:52px;border:0;background:var(--kagit);padding:0 16px;font:600 17.5px/1 var(--devlo-font, var(--f-text))}
.arama__form input:focus{outline:none}
.arama__form div:focus-within{border-color:var(--kandil-2);box-shadow:0 0 0 4px var(--kandil-soft)}
.arama__form .btn{min-height:52px}
.arama__sonuc{border-top:1px solid var(--ink)}
.arama__sonuc p{font-size:15.5px;line-height:1.55;color:var(--ink-2);margin-top:6px}
.arama__sonuc .meta{margin-top:8px}
.sayfalar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:28px;font:600 15.5px/1 var(--devlo-font, var(--f-text));color:var(--muted)}

/* a section's name in lamps keeps the height the design's «Mescid-i Aksa»
   hangs at (≈135px at full width): a short name («Ara», «404») would
   otherwise fill the whole sky */
.bolum-gok .mahya{max-height:136px}
@media (max-width:760px){.bolum-gok .mahya{max-height:72px}}

/* the 404: «404» in lamps where a section's name hangs, a smaller sign */
.bolum-gok__ad.bulunamadi{width:min(300px,70%)}
.bulunamadi__yol{display:grid;gap:28px;justify-items:start}
.bulunamadi__yol .arama__form{width:100%;margin:0}

/* the page's one eager photo (the LCP) fades in by itself: the prototype's
   fade waits for kudus.js to mark the image loaded, which on a slow phone is
   seconds after the picture has arrived */
.foto img[fetchpriority="high"]{opacity:1;animation:hk-foto-in 520ms var(--ease-out) both}
@keyframes hk-foto-in{from{opacity:0}to{opacity:1}}