/* Kamu ilan sayfası: yönetici ilan detayıyla aynı görünüm (public/css/admin-minimal.css içindeki ad-* kuralları) */
.ad-detail { --am-line: var(--cizgi,#4f5153); --am-line-2: var(--cizgi,#4f5153); --am-ink: var(--yazi,#ffffff); --am-mute: var(--yazi-2,#c4c7c5); --am-faint: var(--yazi-3,#a2a3aa);
  --am-blue: var(--vurgu,#8ab4f8); --am-blue-d: var(--vurgu,#8ab4f8); --am-tint: var(--vurgu-acik,#2e3c54); --am-soft: var(--girdi,#26282b); --am-ease: cubic-bezier(.22, 1, .36, 1);
  --g-head: var(--font, "Google Sans Variable", "Google Sans", system-ui, sans-serif); --g-body: var(--g-head); font-size: 14px}
.am-title h2 { margin: 0; font: 650 22px/1.2 var(--g-head); letter-spacing: -.03em; color: var(--am-ink)}
.ad-detail .ad-hero h1 { color: var(--am-ink)}
@media (prefers-reduced-motion: reduce) { .ad-hero, .ad-stat { animation: none !important; opacity: 1 !important; transform: none !important} }
.am-title { display: flex; align-items: center; gap: 12px; margin: 0 0 18px}
.am-title__t { flex: 1; min-width: 0}
.am-title h1 { margin: 0; font: 650 22px/1.2 var(--g-head); letter-spacing: -.03em; color: var(--am-ink)}
.am-title p { margin: 3px 0 0; font-size: 12.5px; color: var(--am-faint)}
.am-back { flex: none; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--am-line-2); background: var(--kart,#343739); color: var(--am-ink); display: grid; place-items: center; text-decoration: none; transition: background .2s}
.am-back:hover { background: var(--am-soft)}
.am-back svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round}
@keyframes amIn { from { opacity: 0; transform: translateY(6px)} }
.am-thumb { flex: none; width: 44px; height: 44px; border-radius: 11px; background: var(--am-tint); color: var(--am-blue-d); display: grid; place-items: center; font: 650 14px/1 var(--g-head); overflow: hidden}
.am-thumb img { width: 100%; height: 100%; object-fit: cover}
.am-thumb--round { border-radius: 50%}
.ad-hero { display: flex; align-items: center; gap: 14px; padding: 18px; border: 1px solid var(--am-line); border-radius: 18px; background: linear-gradient(120deg, var(--girdi,#26282b) 0%, var(--kart,#343739) 70%); animation: amIn .5s var(--am-ease) both}
.ad-hero .am-thumb { width: 60px; height: 60px; border-radius: 15px; font-size: 18px; background: var(--kart,#343739); border: 1px solid var(--am-line)}
.ad-hero__main { flex: 1; min-width: 0}
.ad-hero__k { font-size: 12.5px; color: var(--am-mute); margin: 0 0 3px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap}
.ad-hero h1 { margin: 0; font: 650 19px/1.3 var(--g-head); letter-spacing: -.025em}
.ad-hero__loc { margin: 5px 0 0; font-size: 12.5px; color: var(--am-faint)}
@media (max-width: 560px) { .ad-hero { align-items: flex-start; padding: 16px} .ad-hero h1 { font-size: 17px} }
.ad-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 12px 0 0}
.ad-stat { padding: 12px 14px; border: 1px solid var(--am-line); border-radius: 14px; background: var(--kart,#343739); animation: amIn .5s var(--am-ease) both; animation-delay: calc(var(--i, 0) * 50ms + 80ms)}
.ad-stat b { display: block; font: 650 20px/1 var(--g-head); letter-spacing: -.03em; font-variant-numeric: tabular-nums}
.ad-stat span { display: block; margin-top: 5px; font-size: 11.5px; color: var(--am-faint)}
.ad-stat.is-end b { color: var(--hata,#f28b82)}
.ad-stat.is-ok b { color: var(--yesil,#81c995)}
@media (max-width: 560px) { .ad-stats { grid-template-columns: 1fr 1fr} }
.ad-sec { margin: 22px 0 0}
.ad-sec > h2 { margin: 0 0 10px; font: 650 13px/1.2 var(--g-head); letter-spacing: -.01em; color: var(--am-ink)}
.ad-box { border: 1px solid var(--am-line); border-radius: 14px; background: var(--kart,#343739); overflow: hidden}
.ad-kv { display: flex; justify-content: space-between; gap: 16px; padding: 11px 14px; border-bottom: 1px solid var(--am-line); font-size: 13px}
.ad-kv:last-child { border-bottom: 0}
.ad-kv span { color: var(--am-mute); flex: none}
.ad-kv b { font-weight: 600; text-align: right; min-width: 0; overflow-wrap: anywhere}
.ad-kv b a { color: var(--am-blue-d); text-decoration: none}
.ad-text { padding: 14px; font-size: 13.5px; line-height: 1.65; color: var(--yazi,#ffffff); white-space: pre-wrap; overflow-wrap: anywhere}
.ad-chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 14px}
.ad-chip { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 999px; background: var(--am-soft); border: 1px solid var(--am-line); font: 500 12px/1 var(--g-body); color: var(--yazi,#ffffff)}
.ad-docs { display: grid}
.ad-docs a { display: flex; align-items: center; gap: 10px; padding: 11px 14px; border-bottom: 1px solid var(--am-line); color: var(--am-ink); text-decoration: none; font-size: 13px}
.ad-docs a:last-child { border-bottom: 0}
.ad-docs a:hover { background: var(--am-soft)}
.ad-docs svg { width: 16px; height: 16px; fill: none; stroke: var(--am-mute); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none}
.ad-docs span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.ad-chip--kv { display: inline-flex; align-items: center; gap: 7px}
.ad-chip--kv em { font-style: normal; font-weight: 500; color: var(--am-faint)}
.ad-chip--kv.is-off { background: var(--girdi,#26282b); color: var(--yazi-2,#c4c7c5)}
.ad-chip--kv.is-off em { color: var(--yazi-3,#a2a3aa)}
.ad-chips--sub { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--am-line)}
.ad-chip--kpss { background: var(--am-tint); color: var(--am-blue-d)}

/* Sayfa sonu bağlantıları: alttaki Başvur/Belgeler/Beğen çubuğunun altında kalmaz, "Bu ilan ... yayınlanmaktadır" metni gibi akar */
.ad-detail { padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) }
.ad-legal { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 10px 0 0 }
.ad-legal a { color: inherit; text-decoration: underline; text-underline-offset: 2px }
.ad-legal a:hover { color: var(--vurgu, #8ab4f8) }

/* hs-duzenleme-25: ilan sayfası. Masaüstü: sol sütun = başlık kartı + kutular + açıklama + aday notları,
   sağ sütun = başvur/belgeler/beğen + ilan bilgileri + aranan şartlar + belgeler. Mobil: tek sütun, alt çubuk. */
.ad-chipgrp { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px }
.ad-legal { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 10px 0 0 }
.ad-legal a { color: inherit; text-decoration: underline; text-underline-offset: 2px }
.ad-legal a:hover { color: var(--vurgu, #8ab4f8) }
html body.ap .ad-detail.ap-detail { padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) }
.ad-cols { display: flex; flex-direction: column }
.ad-col { display: contents }
.ad-cols .ad-hero { order: 1 }
.ad-cols .ad-stats { order: 2 }
.ad-cols .ad-sec--info { order: 3 }
.ad-cols .ad-sec--desc { order: 4 }
.ad-cols .ad-sec--need { order: 5 }
.ad-cols .ad-sec--docs { order: 6 }
.ad-cols .ad-notes { order: 7 }
.ad-actionslot { display: none }
@media (min-width: 900px) {
  html body.ap .ad-detail.ap-detail { max-width: calc(var(--hs-w, 920px) + 64px); padding-left: 32px; padding-right: 32px; padding-bottom: 48px; box-sizing: border-box }
  .ad-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 22px; align-items: start }
  .ad-col { display: block; min-width: 0 }
  .ad-col--left .ad-hero { padding: 16px }
  .ad-col--left .ad-stat { padding: 12px 11px }
  .ad-col--left .ad-stat span { white-space: nowrap }
  .ad-actionslot { display: block }
  body > .kamu-actionbar { display: none !important }
  html body .ad-actionslot .kamu-actionbar.job-actions-bar { position: static; transform: none !important; opacity: 1 !important; pointer-events: auto !important; padding: 0 !important; z-index: auto;
    background: var(--kart, #343739) !important; border: 1px solid var(--am-line, var(--cizgi, #4f5153)) !important; border-radius: 14px; box-shadow: none !important; -webkit-backdrop-filter: none; backdrop-filter: none; overflow: hidden }
  html body .ad-actionslot .kamu-actionbar__in { max-width: none; margin: 0; gap: 0 }
}

/* hs-duzenleme-26: alt bilgi (diğer ilanlar, yol, açıklama, bağlantılar) masaüstünde sağ sütunda aranan şartların altında */
.ad-cols .ad-foot { order: 8 }
.ad-foot .seo-related, .ad-foot .section-title { margin-left: 0 }
@media (min-width: 900px) {
  .ad-foot { margin-top: 8px }
  .ad-foot .seo-note, .ad-foot .seo-crumbs { overflow-wrap: anywhere }
}

/* hs-duzenleme-27 */
.ad-hero__k a { color: inherit; text-decoration: none }
.ad-hero__k a:hover { color: var(--vurgu, #8ab4f8); text-decoration: underline; text-underline-offset: 2px }
.am-thumb[data-zoom-src] { cursor: zoom-in }