/* =========================================================
   KENDER – Hareketli Banner  |  css/kender-banner.css
   Tüm sınıflar "kender-banner" önekli; Master Page ve
   kender-modern.css ile çakışmaz.
   ========================================================= */
.kender-banner { --kb-ink:#103b46; --kb-green:#17615a; position:relative; isolation:isolate; overflow:hidden; width:100%; min-height:164px; background:linear-gradient(110deg,#103b46 0%,#17615a 54%,#0b5364 100%); color:#fff; font-family:var(--kn-head,Georgia,'Times New Roman',serif); box-sizing:border-box; border-top:3px solid var(--kn-amber,#e08a1e); }
.kender-banner *, .kender-banner *::before, .kender-banner *::after { box-sizing:border-box; }

.kender-banner__landscape { position:absolute; inset:0; width:100%; height:100%; z-index:-1; opacity:.72; pointer-events:none; }
.kender-banner__landscape svg { display:block; width:100%; height:100%; }
.kender-banner__glow { position:absolute; inset:0; background:radial-gradient(ellipse at 50% 4%,rgba(167,227,212,.22),transparent 65%),linear-gradient(90deg,rgba(3,37,47,.32),rgba(2,51,59,.08),rgba(3,37,47,.32)); z-index:-1; }

.kender-banner__inner { position:relative; max-width:1100px; margin:auto; min-height:164px; padding:24px 56px 30px; display:grid; place-items:center; text-align:center; }
.kender-banner__slide { grid-area:1/1; display:flex; flex-direction:column; align-items:center; gap:9px; opacity:0; visibility:hidden; transform:translateY(10px); transition:opacity .75s ease,transform .75s ease,visibility .75s; pointer-events:none; width:100%; }
.kender-banner__slide.is-active { opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto; }

.kender-banner__title { margin:0; font-size:clamp(24px,3.6vw,47px); line-height:1.14; letter-spacing:.025em; font-weight:700; text-shadow:0 2px 14px rgba(0,26,32,.35); }
.kender-banner__rule { display:flex; align-items:center; gap:12px; width:min(390px,70%); color:#c8e8dc; }
.kender-banner__rule::before, .kender-banner__rule::after { content:""; height:2px; flex:1; background:linear-gradient(90deg,transparent,#d5ede6); }
.kender-banner__rule::after { transform:rotate(180deg); }
.kender-banner__leaf { font-family:Arial,sans-serif; font-size:19px; }
.kender-banner__subtitle { margin:0; font:italic clamp(13px,1.5vw,19px)/1.45 var(--kn-body,Arial,Helvetica,sans-serif); color:#f0faf7; text-shadow:0 1px 8px rgba(0,25,30,.4); }

.kender-banner__dots { position:absolute; bottom:10px; left:50%; transform:translateX(-50%); display:flex; gap:8px; z-index:2; }
.kender-banner__dot { appearance:none; border:1px solid rgba(255,255,255,.75); background:rgba(255,255,255,.3); border-radius:50%; height:8px; width:8px; padding:0; cursor:pointer; transition:background .2s,transform .2s; }
.kender-banner__dot.is-active { background:#fff; transform:scale(1.2); }
.kender-banner__dot:focus-visible { outline:2px solid #fff; outline-offset:4px; }

.kender-banner__landscape .kb-drift { animation:kender-banner-drift 22s ease-in-out infinite alternate; transform-origin:center; }
@keyframes kender-banner-drift { from { transform:translateX(-12px) scale(1.02); } to { transform:translateX(12px) scale(1.05); } }

@media (max-width:600px) {
  .kender-banner, .kender-banner__inner { min-height:180px; }
  .kender-banner__inner { padding:22px 18px 32px; }
  .kender-banner__title { font-size:clamp(22px,6.5vw,30px); }
  .kender-banner__subtitle { font-size:13px; }
  .kender-banner__rule { width:65%; }
}
@media (prefers-reduced-motion:reduce) {
  .kender-banner__slide, .kender-banner__dot { transition:none; }
  .kender-banner__landscape .kb-drift { animation:none; }
}
@media print { .kender-banner { display:none !important; } }