/* Dikkat Ankara OSGB - kurumsal ek stiller (derlenmis Tailwind'i tamamlar) */
:root{--navy:#122F46;--navy-2:#16344D;--teal:#007E78;--accent:#FFEC02;--mist:#F3F7F7;--line:#DDE7E9;--desc:#526774;--ink:#152B36}
html,body{overflow-x:hidden}
img,video,iframe,table,select,textarea,input{max-width:100%}
img{height:auto}
.grid>*{min-width:0}
h1,h2{overflow-wrap:break-word}
html{scroll-behavior:smooth}
::selection{background:var(--teal);color:#fff}
:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:6px}

/* Erisilebilirlik: klavye ile gorunen "icerige atla" */
.skip-link{position:absolute;left:-9999px;top:.5rem;z-index:100;background:var(--navy);color:#fff;font-weight:800;padding:.6rem 1rem;border-radius:.6rem}
.skip-link:focus{left:.75rem}
main:focus{outline:none}

/* Header */
.site-header{background:linear-gradient(180deg,#fff 0%,#f2f7f9 70%,#eaf2f5 100%)}
.site-header-serit{background:linear-gradient(90deg,var(--navy) 0%,var(--teal) 55%,var(--accent) 100%)}
.site-logo{height:4.5rem;max-width:min(350px,52vw)}
@media (max-width:640px){.site-logo{height:3.25rem}}

/* Anasayfa slider */
.hero-gorsel{height:auto;max-height:min(78vh,760px);object-fit:cover;object-position:center}
.hero-karartma{background:linear-gradient(180deg,rgba(8,31,56,.18) 0%,transparent 30%,transparent 60%,rgba(8,31,56,.45) 100%)}
.hero-kart{background:rgba(8,31,56,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hero-baslik{font-size:clamp(20px,3.4vw,40px);text-shadow:0 2px 12px rgba(0,0,0,.6)}
.hero-metin{font-size:clamp(13px,1.6vw,17px);text-shadow:0 1px 8px rgba(0,0,0,.6)}
.hero-yedek{background:linear-gradient(120deg,var(--navy),var(--navy-2))}
/* Slayt noktalari: gorunen nokta icteki span; dokunma alani en az 24x24 (WCAG 2.5.8) */
.hero-dot{min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0 2px;background:none;border:0;cursor:pointer}
.hero-dot>span{transition:all .3s ease}

/* Ic sayfa basligi */
.hero-sayfa-karartma{background:linear-gradient(90deg,rgba(8,31,56,.92) 0%,rgba(8,31,56,.7) 55%,rgba(8,31,56,.4) 100%)}
.sayfa-h1{text-shadow:0 2px 10px rgba(0,0,0,.45);text-wrap:balance}
.hero-alt time{font-weight:700}
.kirinti{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;margin:0;padding:0}
.kirinti li+li::before{content:"/";margin-right:.35rem;opacity:.6}

/* Dogrudan cevap (AEO) ve guven ogeleri */
.giris-cevap{font-size:1.05rem;max-width:65ch}
.guven-liste{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.guven-liste li{display:inline-flex;align-items:center;gap:.4rem;background:var(--mist);border:1px solid var(--line);color:var(--navy);font-weight:700;font-size:.85rem;border-radius:999px;padding:.35rem .8rem}
.guven-liste li::before{content:"";width:.5rem;height:.5rem;border-radius:999px;background:var(--teal)}
.kisaca{background:linear-gradient(180deg,#f0faf9,#f6fbfb);border:1px solid #cfe8e5;border-left:4px solid var(--teal);border-radius:14px;padding:1rem 1.15rem;color:var(--ink);line-height:1.7}
.kisaca-etiket{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin:0 0 .25rem}

/* Bolge / hizmet cipleri */
.bolge-liste{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.bolge-liste a,.bolge-liste span{display:inline-block;background:#fff;border:1px solid var(--line);color:var(--navy);font-weight:700;font-size:.9rem;border-radius:999px;padding:.45rem .9rem;transition:border-color .2s ease,color .2s ease}
.bolge-liste a:hover{border-color:var(--teal);color:var(--teal)}
.bolge-liste.kucuk a{font-size:.8rem;padding:.3rem .7rem}

/* Yazar kutusu (E-E-A-T) */
.yazar-kutu{display:flex;gap:1rem;align-items:flex-start;background:var(--mist);border:1px solid var(--line);border-radius:16px;padding:1rem 1.15rem}
.yazar-foto{width:64px;height:64px;border-radius:999px;object-fit:cover;flex:none}
.yazar-bas{display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:#fff;font-weight:800;font-size:1.5rem}

/* Icerik tipografisi */
.prose-osgb{line-height:1.8;color:#334155}
.prose-osgb p{margin:.7rem 0;line-height:1.8;color:var(--desc)}
.prose-osgb h2{font-weight:800;color:var(--navy);font-size:1.4rem;line-height:1.3;margin:1.8rem 0 .6rem}
.prose-osgb h3{font-weight:800;color:var(--navy);font-size:1.15rem;margin:1.3rem 0 .4rem}
.prose-osgb h4{font-weight:700;color:var(--navy);margin:1rem 0 .3rem}
.prose-osgb ul{list-style:disc;padding-left:1.35rem;margin:.7rem 0}
.prose-osgb ol{list-style:decimal;padding-left:1.35rem;margin:.7rem 0}
.prose-osgb li{margin:.3rem 0;color:var(--desc)}
.prose-osgb a{color:var(--teal);text-decoration:underline;text-underline-offset:2px;font-weight:600}
.prose-osgb strong,.prose-osgb b{color:var(--ink)}
.prose-osgb blockquote{border-left:4px solid var(--teal);background:var(--mist);padding:.75rem 1rem;border-radius:0 12px 12px 0;margin:1rem 0}
.prose-osgb table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem;display:block;overflow-x:auto}
.prose-osgb th,.prose-osgb td{border:1px solid var(--line);padding:.55rem .7rem;text-align:left;vertical-align:top}
.prose-osgb th{background:var(--mist);color:var(--navy);font-weight:800}
.prose-osgb img{border-radius:.75rem;margin:1rem 0}

/* SSS */
.sss-oge summary{list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.sss-oge summary::-webkit-details-marker{display:none}
.sss-oge summary::after{content:"+";font-weight:800;color:var(--teal);font-size:1.25rem;line-height:1;flex:none;transition:transform .2s ease}
.sss-oge[open] summary::after{transform:rotate(45deg)}
.sss-soru{display:inline;font-size:inherit;font-weight:inherit;margin:0}

/* Formlar */
.gizli-tuzak{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

/* Harita & video */
.harita-kutu iframe{display:block;width:100%;height:280px;border:0}
.yt-onizleme{position:relative;display:block;border:0;padding:0;background:#000;cursor:pointer;overflow:hidden}
.yt-onizleme img{width:100%;height:100%;object-fit:cover;opacity:.88;transition:opacity .2s ease}
.yt-onizleme:hover img{opacity:1}
.yt-oynat{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:46px;border-radius:12px;background:rgba(220,38,38,.92);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center}

/* Footer */
.footer-baslik{color:#fff;font-weight:800;margin:0 0 .75rem}

/* Hizli iletisim: masaustunde sag alt, mobilde alt sabit cubuk */
.iletisim-yuzen{position:fixed;z-index:50;right:1rem;bottom:1rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}
.iy-btn{display:inline-flex;align-items:center;gap:.5rem;color:#fff;font-weight:800;font-size:.95rem;border-radius:999px;padding:.65rem 1.15rem;box-shadow:0 10px 30px rgba(11,42,74,.25);transition:filter .2s ease,transform .2s ease}
.iy-btn:hover{filter:brightness(1.08)}
.iy-btn:active{transform:scale(.97)}
.iy-ara{background:#1D4ED8}
.iy-wa{background:#15803D}
.iy-teklif{display:none;background:var(--teal)}
@media (max-width:767px){
  body{padding-bottom:64px}
  .iletisim-yuzen{left:0;right:0;bottom:0;flex-direction:row;gap:0;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(11,42,74,.08);padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom))}
  .iy-btn{flex:1;justify-content:center;border-radius:12px;margin:0 .2rem;box-shadow:none;padding:.65rem .5rem;font-size:.9rem}
  .iy-teklif{display:inline-flex}
}

/* Kart etkilesimi */
.card-hover{transition:transform .25s ease,box-shadow .25s ease}
.card-hover:hover{transform:translateY(-4px)}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.breadcrumb-osgb a{color:var(--teal);font-weight:600}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .card-hover,.card-hover:hover{transition:none;transform:none}
  .hero-slide{transition:none!important}
}
/* Bolge one cikan gorseli: varsayilan gorselin uzerinde bolge adi */
.bolge-kapak{position:relative;display:block;margin:0 0 1.25rem}
a.bolge-kapak{margin:0}
.bolge-kapak-etiket{position:absolute;left:.85rem;top:.85rem;display:inline-flex;align-items:center;gap:.35rem;background:rgba(255,255,255,.96);color:var(--navy);font-weight:800;font-size:.9rem;line-height:1;padding:.5rem .85rem;border-radius:999px;box-shadow:0 6px 18px rgba(18,47,70,.18)}
.bolge-kapak-etiket svg{color:var(--teal);flex:none}
/* Renkli zemin uzerindeki kucuk ikincil metin: WCAG AA kontrast (>= 4.5:1) */
.metin-ikincil{color:#475569}