/* webtetema 0.1 — hafif sablon */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
body.wt{
	margin:0;
	font-family:var(--wt-body-font);
	color:var(--wt-base-text);
	background:var(--wt-base-bg);
	line-height:1.55;
}
body.wt h1,body.wt h2,body.wt h3,body.wt h4,body.wt h5,body.wt h6{font-family:var(--wt-title-font);line-height:1.2}
body.wt a{color:var(--wt-link);text-decoration:none}
body.wt a:hover{color:var(--wt-link-hover)}
img{max-width:100%;height:auto}

.wt-container{width:100%;max-width:var(--wt-container);margin:0 auto;padding:0 16px}
.wt-boxed .wt-container{}
.wt-fullwidth .wt-section{padding-left:0;padding-right:0}

.wt-skip{position:absolute;left:-9999px;top:0;background:#000;color:#fff;padding:8px 14px;z-index:9999}
.wt-skip:focus{left:8px;top:8px}

/* ---- UST BAR ---- */
.wt-topbar{background:var(--wt-topbar-bg);color:var(--wt-topbar-text);position:relative;z-index:50}
body.wt-sticky .wt-topbar{position:sticky;top:0}
.wt-topbar.is-stuck{box-shadow:0 2px 12px rgba(0,0,0,.08)}
.wt-section.wt-topbar{padding:0}
.wt-topbar .wt-row{min-height:var(--wt-topbar-h);align-items:center;flex-wrap:nowrap}
.wt-topbar .wt-block{display:flex;align-items:center}
/* logo ortali mod: menuye dokunma, sadece logoyu ortala (asagida mobil kurali) */
.wt-logo{margin-top:var(--wt-logo-y)}
.wt-logo img{width:var(--wt-logo-w);max-width:none;display:block}
.wt-logo-text{font-family:var(--wt-title-font);font-weight:700;font-size:22px;color:var(--wt-topbar-text)}

/* ---- MENU ---- */
.wt-nav{
	background:var(--wt-menu-bg);
	background-image:var(--wt-menu-bg-image);
	background-size:cover;background-position:center;
	border-radius:8px;width:100%;
}
.wt-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--wt-menu-gap)}
.wt-nav li{position:relative}
.wt-nav a{
	display:block;padding:8px 4px;
	font-family:var(--wt-menu-font);
	font-size:var(--wt-menu-size);
	color:var(--wt-menu-text);
	white-space:nowrap;
}
.wt-nav a:hover{color:var(--wt-menu-hover)}
.wt-nav .current>a,.wt-nav .active>a,.wt-nav [aria-current]>a{color:var(--wt-menu-active);font-weight:600}
/* dropdown */
.wt-nav ul ul{
	position:absolute;top:100%;left:0;display:block;
	flex-direction:column;gap:0;min-width:200px;
	background:var(--wt-dropdown-bg);
	box-shadow:0 8px 24px rgba(0,0,0,.12);border-radius:8px;
	padding:6px 0;opacity:0;visibility:hidden;transform:translateY(6px);
	transition:.15s ease;z-index:60;
}
.wt-nav li:hover>ul{opacity:1;visibility:visible;transform:none}
.wt-nav ul ul a{padding:8px 16px;color:var(--wt-dropdown-text)}
.wt-nav ul ul a:hover{color:var(--wt-menu-hover)}

/* ---- TOGGLE (mobil) ---- */
.wt-toggle{display:none;margin-left:auto;background:none;border:0;padding:8px;cursor:pointer}
.wt-toggle span{display:block;width:24px;height:2px;margin:5px 0;background:var(--wt-toggle);transition:.2s}

/* ---- BOLUMLER ---- */
.wt-section{padding:var(--wt-pad) 0}
.wt-slider{background:var(--wt-slider-bg);color:var(--wt-slider-text);padding:0}
.wt-feature{background:var(--wt-feature-bg);color:var(--wt-feature-text)}
.wt-main{background:var(--wt-main-bg);color:var(--wt-main-text)}
.wt-bottom{background:var(--wt-bottom-bg);color:var(--wt-bottom-text)}
.wt-footer{background:var(--wt-footer-bg);color:var(--wt-footer-text)}
.wt-footer a{color:var(--wt-footer-text)}
.wt-copyright{background:var(--wt-copy-bg);color:var(--wt-copy-text);padding:14px 0;font-size:14px;text-align:center}
.wt-copyright a{color:var(--wt-copy-text)}

/* flex satir + bloklar — bos pozisyon yoksa otomatik daralir */
.wt-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.wt-block{min-width:0}
.wt-mainbar{min-width:0;width:100%}
.wt-topbar .wt-nav ul{justify-content:flex-end}

/* ---- OFFCANVAS ---- */
.wt-offcanvas{
	position:fixed;top:0;left:0;height:100%;width:17rem;max-width:84vw;
	background:#fff;color:#222;z-index:1000;padding:20px;
	transform:translateX(-100%);transition:transform .25s ease;overflow-y:auto;
	box-shadow:2px 0 24px rgba(0,0,0,.18);
}
body.wt-offcanvas-open .wt-offcanvas{transform:none}
.wt-offcanvas-close{position:absolute;top:10px;right:14px;background:none;border:0;font-size:28px;line-height:1;cursor:pointer;color:#333}
.wt-nav-mobile ul{flex-direction:column;align-items:stretch;gap:0}
.wt-nav-mobile a{padding:10px 4px;border-bottom:1px solid rgba(0,0,0,.06)}
.wt-nav-mobile ul ul{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:transparent;padding-left:14px}
.wt-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:.2s;z-index:900}
body.wt-offcanvas-open .wt-overlay{opacity:1;visibility:visible}

/* ---- RESPONSIVE ---- */
@media (max-width:992px){
	.wt-nav{display:none}
	.wt-toggle{display:block;margin-left:auto}
	.wt-row .wt-block{flex:1 1 100% !important}
	.wt-topbar .wt-row{flex-wrap:nowrap}
	.wt-topbar .wt-row .wt-block{flex:0 0 auto !important}
}

/* ---- TO TOP ---- */
.wt-totop{
	position:fixed;right:var(--wt-totop-x);bottom:var(--wt-totop-y);left:auto;width:44px;height:44px;
	border:0;border-radius:50%;cursor:pointer;
	background:var(--wt-totop-bg);color:var(--wt-totop-color);
	font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;
	opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s ease;
	z-index:800;box-shadow:0 4px 14px rgba(0,0,0,.22);
}
.wt-totop--left{left:var(--wt-totop-x);right:auto}
.wt-totop.show{opacity:1;visibility:visible;transform:none}
.wt-totop:hover{filter:brightness(1.08)}

/* menu stili modulden geliyorsa: tema mudahale etmesin */
.wt-menu-host{display:flex;align-items:center;width:100%}
.wt-menu-host > *{width:100%}

/* bolum bazli layout modlari */
.wt-container--flush{max-width:none}
.wt-cont-bare{width:100%}
.wt-section.wt-sec--boxed{max-width:var(--wt-container);margin-left:auto;margin-right:auto}

.wt-spacer{min-height:1px}

/* Cift scrollbar + sticky fix: dis eklentiler html/body'ye overflow-x:hidden basiyor;
   hidden diger ekseni auto yapip ikinci scroll konteyneri + sticky olumu yaratir.
   clip yatay tasmayi keser ama scroll konteyneri YARATMAZ, overflow-y:visible kalir. */
html{overflow-x:clip !important}
body.wt{overflow-x:clip !important;overflow-y:visible !important;height:auto !important}

/* ust bar bloklari arasi nefes payi (logo - menu/hamburger) */
.wt-topbar .wt-row{gap:28px}
.wt-html{width:100%}

/* MOBIL logo ayarlari: genislik + hizalama + dikey konum (menuye dokunmaz) */
@media (max-width:992px){
	.wt-logo img{width:var(--wt-logo-wm)}
	.wt-logo{margin-top:var(--wt-logo-ym)}
	/* orta - logo header bandina sabit (bolum yuksekligine gore degil), dil satiri eklenince cakismasin */
	body.wt-mlogo-center .wt-topbar .wt-block:has(.wt-logo){position:absolute;left:50%;top:var(--wt-logo-ym);height:var(--wt-topbar-h);transform:translateX(-50%);display:flex;align-items:center;margin:0;z-index:0;pointer-events:none}
	body.wt-mlogo-center .wt-topbar .wt-block:has(.wt-logo) .wt-logo{margin-top:0}
	body.wt-mlogo-center .wt-topbar .wt-block:has(.wt-logo) a{pointer-events:auto}
	/* logo disindaki bloklar (hamburger, dil bayragi vb.) logonun ustunde ve iki yanda kalsin */
	body.wt-mlogo-center .wt-topbar .wt-block:not(:has(.wt-logo)){position:relative;z-index:2}
	/* sag */
	body.wt-mlogo-right .wt-topbar .wt-block:has(.wt-logo){position:absolute;right:8px;left:auto;top:var(--wt-logo-ym);height:var(--wt-topbar-h);transform:none;display:flex;align-items:center;margin:0;z-index:1;pointer-events:none}
	body.wt-mlogo-right .wt-topbar .wt-block:has(.wt-logo) .wt-logo{margin-top:0}
	body.wt-mlogo-right .wt-topbar .wt-block:has(.wt-logo) a{pointer-events:auto}
	/* sol = akista, masaustu ortalamasini ezmek icin static */
	body.wt-mlogo-left .wt-topbar .wt-block:has(.wt-logo){position:static;transform:none;margin:0}
	/* dil HEADER USTUNDE ise: logo alt banda insin (ust satir dil, alt satir logo/hamburger) */
	body.wt-lang-mtop.wt-mlogo-center .wt-topbar .wt-block:has(.wt-logo),
	body.wt-lang-mtop.wt-mlogo-right .wt-topbar .wt-block:has(.wt-logo){top:auto;bottom:0}
}

/* Satir hizalama (Sol/Orta/Sag) - dil degistirici vb. bagimsiz konumlandirma icin */
.wt-row--left{justify-content:flex-start}
.wt-row--center{justify-content:center}
.wt-row--right{justify-content:flex-end}
/* hizalanan satirlarda bloklar icerige gore genislesin (esnemesin) ki hiza net olsun */
.wt-row--left>.wt-block,.wt-row--center>.wt-block,.wt-row--right>.wt-block{flex:0 0 auto}

/* Dil Degistirici blogu */
.wt-lang{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
/* MASAUSTU: dil bloguna dokunma, builder'da koydugun yerde (sol/orta/sag) akista kalsin.
   Sadece istege bagli dikey ince ayar. */
@media (min-width:993px){
	.wt-topbar .wt-block:has(.wt-lang){position:relative;top:var(--wt-lang-yd)}
}
/* MOBIL: otomatik header ust/alt, hizali + dikey offset (acik menu ustte kalsin diye z-index dusuk) */
@media (max-width:992px){
	.wt-topbar .wt-row{flex-wrap:wrap}
	.wt-topbar .wt-block:has(.wt-lang){order:var(--wt-lang-order);flex:0 0 100% !important;margin-top:var(--wt-lang-ym);position:relative;z-index:0}
	.wt-topbar .wt-block:has(.wt-lang) .wt-lang{justify-content:var(--wt-lang-just)}
}

/* WBT mobil menu acikken dil bayragini gizle (kaplamanin altinda gorunmesin) */
body.wbtmm-open .wt-topbar .wt-block:has(.wt-lang){visibility:hidden}

/* Mobilde header'daki dili gizle (menu ici WBT dili kullanilacaksa) */
@media (max-width:992px){
	body.wt-lang-mhide .wt-topbar .wt-block:has(.wt-lang){display:none !important}
}