/* WT34 — Modern Slider (Swiper). Tek motor: .wt-ms--hero (tam ekran) + .wt-ms--carousel (kart şeridi). */
.wt-ms{position:relative;display:inline-block;width:100%;overflow:hidden}
.wt-ms .swiper{width:100%}
.wt-ms *{box-sizing:border-box}

/* Renk şemaları — görselsiz slaytların zemini + hero örtü tonu */
.wt-ms--lacivert{--wt-ms-g1:#12294a;--wt-ms-g2:#2f6fd6}
.wt-ms--turuncu {--wt-ms-g1:#14294a;--wt-ms-g2:#f0871a}
.wt-ms--yesil   {--wt-ms-g1:#0f3b33;--wt-ms-g2:#1fa87a}
.wt-ms--mor     {--wt-ms-g1:#3a1250;--wt-ms-g2:#c2379b}
.wt-ms--gri     {--wt-ms-g1:#23282e;--wt-ms-g2:#5b6570}

.wt-ms-slide{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(120deg,var(--wt-ms-g1),var(--wt-ms-g2))}
.wt-ms-media{background-size:cover;background-position:center;background-repeat:no-repeat}
.wt-ms-media--bos{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.55);
	background:linear-gradient(120deg,var(--wt-ms-g1),var(--wt-ms-g2))}
.wt-ms-media--bos svg{width:64px;height:64px}
.wt-ms-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
	background:rgba(255,255,255,.16);color:#fff;padding:5px 12px;border-radius:20px;margin-bottom:14px}
.wt-ms-baslik{margin:0 0 12px;font-weight:800;line-height:1.12}
.wt-ms-sub{margin:0 0 20px;line-height:1.6;opacity:.95}
.wt-ms-cta{display:flex;flex-wrap:wrap;gap:12px}
.wt-ms-cta a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:700;
	border-radius:8px;padding:12px 22px;font-size:15px;transition:.15s;line-height:1}
.wt-ms-cta .wt-vs-btn-ic{display:inline-flex}
.wt-ms-cta .wt-vs-btn-ic svg{width:18px;height:18px}
.wt-ms-btn{background:var(--wt-ms-g2);color:#fff!important}
.wt-ms-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.wt-ms-btn-o{background:transparent;color:#fff!important;border:2px solid rgba(255,255,255,.7);padding:10px 20px!important}
.wt-ms-btn-o:hover{background:rgba(255,255,255,.14)}

/* Yön okları */
.wt-ms-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:44px;height:44px;border-radius:50%;
	background:rgba(255,255,255,.9);color:#1a2536;display:flex;align-items:center;justify-content:center;cursor:pointer;
	box-shadow:0 3px 12px rgba(0,0,0,.18);transition:.15s}
.wt-ms-nav:hover{background:#fff;transform:translateY(-50%) scale(1.06)}
.wt-ms-nav svg{width:22px;height:22px}
.wt-ms-prev{left:16px}.wt-ms-next{right:16px}
.wt-ms-nav.swiper-button-disabled{opacity:.35;cursor:default}

/* Pagination noktaları */
.wt-ms .swiper-pagination-bullet{background:#fff;opacity:.55;width:9px;height:9px}
.wt-ms .swiper-pagination-bullet-active{opacity:1;width:22px;border-radius:5px}

/* ===================== HERO (perView=1) ===================== */
.wt-ms--hero .wt-ms-slide{height:var(--wt-ms-h,560px)}
.wt-ms--hero .wt-ms-media{position:absolute;inset:0}
.wt-ms--hero .wt-ms-overlay{position:absolute;inset:0;z-index:1;
	background:linear-gradient(90deg,rgba(8,14,26,.72) 0%,rgba(8,14,26,.45) 45%,rgba(8,14,26,.12) 100%)}
.wt-ms--hero.wt-ms--horta .wt-ms-overlay{background:linear-gradient(0deg,rgba(8,14,26,.7),rgba(8,14,26,.3))}
.wt-ms--hero .wt-ms-inner{position:absolute;inset:0;z-index:2;display:flex;align-items:center}
.wt-ms--hero .wt-ms-inner>.wt-ms-box,
.wt-ms--hero .wt-ms-box{width:100%}
.wt-ms--hero .wt-ms-inner{padding:0}
/* Yatay padding okları temizler (ok: left/right 16 + 44 = 60px) + soldan nefes payı */
.wt-ms--hero .wt-ms-box{max-width:1200px;margin:0 auto;padding:0 68px;color:#fff}
.wt-ms--hero .wt-ms-box>*{max-width:640px}
/* Tema h1/h2/p renk kuralları miras color:#fff'i eziyor → doğrudan hedefle */
.wt-ms--hero .wt-ms-baslik,.wt-ms--hero .wt-ms-sub{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35)}
.wt-ms--hero .wt-ms-baslik{font-size:42px}
.wt-ms--hero .wt-ms-sub{font-size:18px}
.wt-ms--hero.wt-ms--horta .wt-ms-box{text-align:center}
.wt-ms--hero.wt-ms--horta .wt-ms-box>*{max-width:760px;margin-left:auto;margin-right:auto}
.wt-ms--hero.wt-ms--horta .wt-ms-cta{justify-content:center}
.wt-ms--hero.wt-ms--hsag .wt-ms-box{text-align:right}
.wt-ms--hero.wt-ms--hsag .wt-ms-box>*{margin-left:auto}
.wt-ms--hero.wt-ms--hsag .wt-ms-cta{justify-content:flex-end}

/* ===================== CAROUSEL (perView>1) ===================== */
.wt-ms--carousel{padding:4px 0 8px}
.wt-ms--carousel .swiper-slide{height:auto}
.wt-ms--carousel .wt-ms-slide{height:100%;display:flex;flex-direction:column;border-radius:12px;
	background:#fff;border:1px solid #e7ebf0;box-shadow:0 4px 16px rgba(20,40,80,.06)}
.wt-ms--carousel .wt-ms-media{position:relative;width:100%;aspect-ratio:16/10;border-radius:12px 12px 0 0}
.wt-ms--carousel .wt-ms-inner{flex:1;display:flex}
.wt-ms--carousel .wt-ms-box{padding:18px 18px 20px;color:#1f2b3a;display:flex;flex-direction:column;width:100%}
.wt-ms--carousel .wt-ms-eyebrow{background:rgba(47,111,214,.1);color:var(--wt-ms-g2)}
.wt-ms--carousel .wt-ms-baslik{font-size:19px;color:#16233a}
.wt-ms--carousel .wt-ms-sub{font-size:14px;color:#5a6675;opacity:1}
.wt-ms--carousel .wt-ms-cta{margin-top:auto}
.wt-ms--carousel .wt-ms-cta a{padding:9px 16px;font-size:14px}
.wt-ms--carousel .wt-ms-btn-o{color:var(--wt-ms-g2)!important;border-color:var(--wt-ms-g2)}
.wt-ms--carousel .wt-ms-btn-o:hover{background:rgba(47,111,214,.08)}
.wt-ms--carousel .wt-ms-nav{background:#fff;color:#1a2536}
.wt-ms--carousel .swiper-pagination-bullet{background:var(--wt-ms-g2)}

/* ===================== DİKEY YÖN (vertical) ===================== */
.wt-ms--dikey .wt-ms-swiper{height:var(--wt-ms-h,480px)}
.wt-ms--dikey.wt-ms--carousel{padding:0}
.wt-ms--dikey .swiper-pagination{left:auto;right:12px;top:50%;bottom:auto;transform:translateY(-50%);
	display:flex;flex-direction:column;gap:8px;width:auto}
.wt-ms--dikey .swiper-pagination-bullet-active{width:9px;height:22px;border-radius:5px}
/* Dikey oklar: üst/alt orta */
.wt-ms--dikey .wt-ms-prev{left:50%;right:auto;top:14px;transform:translateX(-50%)}
.wt-ms--dikey .wt-ms-next{left:50%;right:auto;top:auto;bottom:14px;transform:translateX(-50%)}
.wt-ms--dikey .wt-ms-nav svg{transform:rotate(90deg)}

/* Dikey CAROUSEL: kısa slayta dik kart sığmaz → satır düzeni (medya sol + metin sağ) */
.wt-ms--dikey.wt-ms--carousel .wt-ms-slide{flex-direction:row}
.wt-ms--dikey.wt-ms--carousel .wt-ms-media{aspect-ratio:auto;flex:0 0 130px;width:130px;height:auto;border-radius:12px 0 0 12px}
.wt-ms--dikey.wt-ms--carousel .wt-ms-media--bos svg{width:40px;height:40px}
.wt-ms--dikey.wt-ms--carousel .wt-ms-inner{flex:1;min-width:0}
.wt-ms--dikey.wt-ms--carousel .wt-ms-box{justify-content:center}

/* ===================== GÖRSEL UYUMU (contain) ===================== */
.wt-ms--contain .wt-ms-media{background-size:contain;background-color:#0e1622}

/* Mobil */
@media(max-width:768px){
	.wt-ms--hero .wt-ms-slide{height:auto;min-height:380px}
	.wt-ms--hero .wt-ms-baslik{font-size:28px}
	.wt-ms--hero .wt-ms-sub{font-size:15px}
	.wt-ms--hero .wt-ms-box{padding:40px 22px}
	.wt-ms-nav{width:36px;height:36px}
	.wt-ms-prev{left:8px}.wt-ms-next{right:8px}
	/* Mobil hero: oklar metni örtmesin — dokunmatikte kaydırma zaten var */
	.wt-ms--hero .wt-ms-nav{display:none}
}