/*
Theme Name: ist-mimarlik
Theme URI: https://istmimarlik.com/
Author: Caner Özgürel
Author URI: https://canmelya.com/
Description: İST Mimarlık için native WordPress tema. Sayfalar, blog, rehberler ve çalışan talep formları WordPress altyapısı ile çalışır.
Version: 3.7.10
Text Domain: ist-mimarlik
*/
:root{--bg:#f5f6f3;--card:#fff;--ink:#202722;--muted:#6f756f;--line:#dfe3df;--yellow:#f3c400;--yellowSoft:#fff5bf;--dark:#1f2924;--soft:#eef1ee}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1220px;margin:auto;padding:0 18px}.ist-wp-header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}body.admin-bar .ist-wp-header{top:0}.ist-head{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.ist-brand{display:flex;align-items:center;gap:11px;flex:0 0 auto}.ist-logo{width:44px;height:44px;border-radius:12px;background:var(--dark);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:950}.ist-brand-title{font-size:18px;font-weight:950;line-height:1}.ist-brand small{display:block;margin-top:5px;color:#747a75;font-size:10px;font-weight:750}.ist-nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.ist-nav a{font-size:13px;font-weight:850}.ist-nav .ist-cta{background:var(--yellow);padding:11px 14px;border-radius:999px}.ist-mobile{display:none}.ist-wp-footer{background:var(--dark);color:#fff;padding:34px 0;margin-top:auto}.ist-foot{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:24px}.ist-foot h4{margin:0 0 10px}.ist-foot p,.ist-foot a{display:block;color:#d5dad6;font-size:12px;line-height:1.65}.ist-signature{border-top:1px solid rgba(255,255,255,.15);margin-top:22px;padding-top:16px;font-size:11px;color:#aeb5b0}.ist-flash{max-width:1220px;margin:18px auto 0;padding:12px 16px;border-radius:12px;background:#eaf6ec;border:1px solid #b8d9bf;color:#28462f;font-size:13px}.ist-form-error{background:#fff0eb;border-color:#e7baaa;color:#7a2c20}.ist-file{font-size:12px}.ist-hp{position:absolute!important;left:-9999px!important}.ist-content{padding:42px 0}.ist-content h1{font-size:40px}.ist-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ist-blog-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.ist-blog-card img{width:100%;aspect-ratio:1200/630;object-fit:cover}.ist-blog-card-body{padding:15px}.ist-blog-card h2{font-size:18px;margin:7px 0}.ist-blog-card p{font-size:12px;color:var(--muted);line-height:1.55}.ist-pagination{margin:28px 0;display:flex;gap:7px;justify-content:center}.ist-pagination .page-numbers{padding:8px 11px;border-radius:8px;border:1px solid var(--line);background:#fff}.ist-pagination .current{background:var(--dark);color:#fff}.ist-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ist-guide{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.ist-guide .cat{display:inline-block;background:var(--yellowSoft);padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900}.ist-guide h3{font-size:17px}.ist-guide p{font-size:12px;color:var(--muted);line-height:1.5}.ist-btn{display:inline-flex;background:var(--dark);color:#fff;padding:10px 13px;border-radius:9px;font-size:11px;font-weight:900}.ist-single{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;padding:40px 0}.ist-article,.ist-sidebar{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.ist-article img{max-width:100%;height:auto}.ist-sidebar a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;font-weight:800}@media(max-width:1000px){.ist-nav{display:none}.ist-mobile{display:inline-flex}.ist-blog-grid,.ist-guide-grid{grid-template-columns:1fr 1fr}.ist-single{grid-template-columns:1fr}}@media(max-width:600px){body.admin-bar .ist-wp-header{top:0}.ist-blog-grid,.ist-guide-grid,.ist-foot{grid-template-columns:1fr}.ist-brand-title{font-size:16px}}
.formGrid>form.formGrid{display:contents}


/* ===== İST Mimarlık v3 düzeltmeleri ===== */
html,body{min-height:100%}body{min-height:100vh;display:flex;flex-direction:column}main{flex:1 0 auto}
.ist-wp-header{z-index:9999}.ist-head{min-height:76px}.ist-nav{gap:7px;flex-wrap:nowrap}.ist-nav svg,.ist-mobile-panel svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.ist-nav-link,.ist-nav-trigger{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--ink);padding:9px 8px;border-radius:9px;font:inherit;font-size:12px;font-weight:850;cursor:pointer;white-space:nowrap}.ist-nav-link:hover,.ist-nav-trigger:hover{background:var(--soft)}.ist-nav-group{position:relative}.ist-nav-trigger b{font-size:12px}.ist-submenu{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 35px rgba(26,34,29,.13);opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s;z-index:99999}.ist-nav-group:hover .ist-submenu,.ist-nav-group:focus-within .ist-submenu{opacity:1;visibility:visible;transform:none}.ist-submenu .ist-nav-link{display:flex;width:100%;padding:10px}.ist-nav .ist-cta{margin-left:3px;white-space:nowrap}.ist-mobile{display:none;border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:10px;font-weight:900}.ist-mobile-panel{display:none;background:#fff;border-top:1px solid var(--line);box-shadow:0 16px 30px rgba(0,0,0,.08)}.ist-mobile-panel.open{display:block}.ist-mobile-panel>.wrap{padding-top:10px;padding-bottom:14px}.ist-mobile-panel a,.ist-mobile-panel summary{display:flex;align-items:center;gap:8px;padding:10px 4px;font-size:13px;font-weight:850;cursor:pointer}.ist-mobile-panel details>div{padding-left:14px}.ist-mobile-panel details .ist-nav-link{width:100%}.ist-mobile-cta{justify-content:center!important;background:var(--yellow);border-radius:10px;margin-top:8px}
.ist-wp-footer{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;margin:40px 0 0!important;padding:34px 0!important;background:var(--dark)!important;color:#fff!important}.ist-wp-footer>.wrap{width:100%!important;max-width:1220px!important;margin:0 auto!important;padding:0 18px!important}.ist-wp-footer .ist-foot{max-width:none!important}
.ist-flash{position:relative;z-index:10;margin:14px auto 0;max-width:760px}
.ist-blog-grid{align-items:stretch}.ist-blog-card{display:flex;flex-direction:column}.ist-blog-card .ist-blog-image{display:block;aspect-ratio:1200/630;background:#f7f4e9;overflow:hidden}.ist-blog-card .ist-blog-image img{width:100%;height:100%;object-fit:contain!important;object-position:center;display:block}.ist-blog-card-body{display:flex;flex-direction:column;flex:1}.ist-blog-card-body p{flex:1}.ist-blog-card h2{line-height:1.25}
.ist-single{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.ist-single-main{min-width:0}.ist-single-hero{background:linear-gradient(135deg,#fff,#fff8dc);border:1px solid var(--line);border-radius:20px;padding:26px;margin-bottom:16px}.ist-single-band{display:block;width:min(440px,100%);background:var(--yellowSoft);padding:9px 12px;border-radius:9px;font-size:11px;font-weight:950;margin-bottom:14px}.ist-single-hero h1{font-size:clamp(32px,4.2vw,52px);line-height:1.08;margin:0 0 10px}.ist-single-hero p{font-size:15px;color:var(--muted);line-height:1.65;margin:0}.ist-article{padding:22px}.ist-single-cover{width:100%;aspect-ratio:1200/630;object-fit:contain;background:#f7f4e9;border-radius:15px;margin:0 0 22px;display:block}.ist-sidebar{position:sticky;top:96px}.ist-sidebar .ist-side-all{font-weight:950}.ist-sidebar-cta{margin-top:18px;background:var(--yellowSoft);border:1px solid #ead15d;border-radius:16px;padding:16px}.ist-sidebar-cta h4{margin:0 0 7px}.ist-sidebar-cta p{font-size:12px;color:#5e625c;line-height:1.5}.ist-sidebar-cta a{display:inline-flex!important;border:0!important;background:var(--yellow);padding:10px 12px!important;border-radius:9px}
@media(max-width:1120px){.ist-nav{display:none}.ist-mobile{display:inline-flex}.ist-mobile-panel{position:absolute;left:0;right:0;top:100%}}@media(max-width:782px){body.admin-bar .ist-wp-header{top:0}}@media(max-width:600px){.ist-single{grid-template-columns:1fr}.ist-single-hero{padding:20px}.ist-single-hero h1{font-size:32px}}


/* ===== İST Mimarlık v3.5.0 - v3.1 görsel temeli korunmuştur ===== */

/* Header logosu footer kimliğiyle aynı sarı */
.ist-logo{background:var(--yellow)!important;color:#1c231f!important}



/* Mobil menü soldan */
.ist-mobile-overlay{position:fixed;inset:0;background:rgba(22,28,24,.38);opacity:0;visibility:hidden;transition:.2s;z-index:99997}
.ist-mobile-overlay.open{opacity:1;visibility:visible}
@media(max-width:1120px){
 .ist-mobile-panel{display:block!important;position:fixed!important;left:0!important;right:auto!important;top:0!important;bottom:0!important;width:min(86vw,360px)!important;height:100dvh;background:#fff;border:0!important;border-right:1px solid var(--line)!important;box-shadow:18px 0 45px rgba(20,28,23,.18)!important;transform:translateX(-105%);transition:transform .22s ease;z-index:99999!important;overflow:auto}
 .ist-mobile-panel.open{transform:translateX(0)}
 .ist-mobile-panel>.wrap{padding:18px!important}
 .ist-mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--line)}
 .ist-mobile-close{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:22px}
 body.ist-menu-open{overflow:hidden}
}

/* Form bildirimi yalnız formun içinde */
.ist-native-form{scroll-margin-top:105px}
.ist-native-form>.ist-form-notice{grid-column:1/-1;display:flex;flex-direction:column;gap:3px;width:100%;margin:0 0 12px;padding:13px 15px;border-radius:11px}
.ist-native-form>.ist-form-notice.is-success{background:#edf8ef;border:1px solid #add8b5;color:#21482a}
.ist-native-form>.ist-form-notice.is-error{background:#fff1ed;border:1px solid #e6b3a5;color:#7a2c20}
.ist-native-form>.ist-form-notice strong{font-size:13px}.ist-native-form>.ist-form-notice span{font-size:12px}

/* İstenen CTA nefes payları */
.workshopHome .btn,.kdHomeBox .btn{margin-top:18px!important}

/* Footer marka ve geliştirici rozeti */
.ist-footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.ist-footer-logo{width:44px;height:44px;border-radius:11px;background:var(--yellow);color:#1c231f;display:grid;place-items:center;font-weight:950}
.ist-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid rgba(255,255,255,.15);margin-top:22px;padding-top:16px;color:#aeb5b0;font-size:11px}
.ist-dev-badge{display:inline-flex!important;align-items:center;gap:10px;min-width:218px;padding:9px 12px!important;border:1px solid rgba(255,255,255,.18);border-radius:12px;color:#fff!important;background:rgba(255,255,255,.025)}
.ist-dev-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.30);border-radius:9px;font-size:12px;font-weight:950}
.ist-dev-copy{display:grid;gap:1px;line-height:1}.ist-dev-copy small{color:#9fb8c1;font-size:7px;letter-spacing:1.2px;font-weight:900}.ist-dev-copy strong{font-size:12px}.ist-dev-copy i{display:block;width:42px;height:2px;margin-top:4px;background:#5c9aa0}
@media(max-width:600px){.ist-footer-bottom{display:block}.ist-dev-badge{margin-top:12px}}


/* ===== İST Mimarlık v3.5.3 - CSS tabanlı bina arka planı ===== */
/* DOM'a hiçbir görsel eleman eklenmez; sayfa genişliğini ve hizayı etkileyemez. */
body::before,
body::after{
  content:"";
  position:fixed;
  bottom:0;
  width:220px;
  height:72vh;
  pointer-events:none;
  z-index:0;
  opacity:.075;
  background-repeat:no-repeat;
  background-position:left bottom;
  background-size:100% 100%;
}
body::before{
  left:0;
  background-image:
    linear-gradient(to top, rgba(243,196,0,.06), transparent 65%),
    linear-gradient(90deg, transparent 0 8%, rgba(31,41,36,.20) 8% 9%, transparent 9% 24%, rgba(31,41,36,.18) 24% 25%, transparent 25% 42%, rgba(31,41,36,.18) 42% 43%, transparent 43% 61%, rgba(31,41,36,.18) 61% 62%, transparent 62%),
    linear-gradient(0deg, transparent 0 10%, rgba(31,41,36,.16) 10% 11%, transparent 11% 25%, rgba(31,41,36,.14) 25% 26%, transparent 26% 41%, rgba(31,41,36,.13) 41% 42%, transparent 42% 58%, rgba(31,41,36,.12) 58% 59%, transparent 59%),
    linear-gradient(to top, rgba(31,41,36,.08), rgba(31,41,36,.015));
  clip-path:polygon(0 100%,0 38%,10% 38%,10% 29%,28% 29%,28% 18%,46% 18%,46% 8%,70% 8%,70% 22%,88% 22%,88% 33%,100% 33%,100% 100%);
}
body::after{
  right:0;
  transform:scaleX(-1);
  background-image:
    linear-gradient(to top, rgba(243,196,0,.05), transparent 65%),
    linear-gradient(90deg, transparent 0 10%, rgba(31,41,36,.18) 10% 11%, transparent 11% 30%, rgba(31,41,36,.16) 30% 31%, transparent 31% 50%, rgba(31,41,36,.16) 50% 51%, transparent 51% 72%, rgba(31,41,36,.15) 72% 73%, transparent 73%),
    linear-gradient(0deg, transparent 0 12%, rgba(31,41,36,.14) 12% 13%, transparent 13% 28%, rgba(31,41,36,.13) 28% 29%, transparent 29% 45%, rgba(31,41,36,.12) 45% 46%, transparent 46% 63%, rgba(31,41,36,.11) 63% 64%, transparent 64%),
    linear-gradient(to top, rgba(31,41,36,.07), rgba(31,41,36,.012));
  clip-path:polygon(0 100%,0 46%,12% 46%,12% 35%,30% 35%,30% 21%,48% 21%,48% 12%,74% 12%,74% 27%,90% 27%,90% 39%,100% 39%,100% 100%);
}
.ist-wp-header,main,.ist-content,.ist-wp-footer{position:relative;z-index:1}
@media(max-width:1350px){body::before,body::after{width:150px;opacity:.05}}
@media(max-width:1100px){body::before,body::after{display:none}}


/* ===== İST Mimarlık v3.5.4 - admin bar üst boşluk düzeltmesi =====
   WordPress admin bar yüksekliği html/body tarafında zaten ayrılıyor.
   Header'a ikinci kez 32/46px top verilmez. */
body.admin-bar .ist-wp-header{top:0!important}
@media(max-width:782px){body.admin-bar .ist-wp-header{top:0!important}}


/* ===== İST Mimarlık v3.5.5 ===== */
/* Açılır menü her içeriğin üstünde kalır */
.ist-wp-header{z-index:2147483000!important;overflow:visible!important}
.ist-head,.ist-nav,.ist-nav-group{overflow:visible!important}
.ist-nav-group{z-index:2147483001!important}
.ist-submenu{z-index:2147483640!important;top:calc(100% + 6px)!important}

/* Mimari bina dekoru daha görünür; içerik düzenini etkilemez */
body::before,body::after{
  width:270px!important;
  height:76vh!important;
  opacity:.13!important;
  z-index:1!important;
}
.ist-wp-header,main,.ist-content,.ist-wp-footer{position:relative;z-index:2!important}
@media(max-width:1350px){body::before,body::after{width:185px!important;opacity:.085!important}}
@media(max-width:1100px){body::before,body::after{display:none!important}}

/* İlçe sayfaları */
.ist-district-page{padding:34px 0 46px}
.ist-district-hero{background:linear-gradient(135deg,#fff,#fff8d9);border:1px solid var(--line);border-radius:22px;padding:30px;margin-bottom:18px}
.ist-district-hero .eyebrow{display:inline-flex;background:var(--yellowSoft);padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;margin-bottom:10px}
.ist-district-hero h1{margin:0 0 12px;font-size:clamp(34px,5vw,52px);line-height:1.05;letter-spacing:-1.2px}
.ist-district-hero p{margin:0;max-width:850px;color:var(--muted);line-height:1.7}
.ist-district-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}
.ist-district-main,.ist-district-side{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}
.ist-district-main h2{font-size:26px;margin:0 0 10px}.ist-district-main h3{font-size:18px;margin:26px 0 8px}
.ist-district-main p,.ist-district-main li{font-size:14px;line-height:1.75;color:#555f58}
.ist-district-main ul{padding-left:20px}
.ist-district-services{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 24px}
.ist-district-service{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fafbf8}
.ist-district-service strong{display:block;margin-bottom:5px}.ist-district-service span{font-size:12px;color:var(--muted);line-height:1.5}
.ist-district-side h3{margin-top:0}.ist-district-side a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;font-weight:800}
.ist-district-cta{background:var(--yellowSoft);border:1px solid #ead15d;border-radius:14px;padding:15px;margin-top:16px}
.ist-district-cta .ist-btn{margin-top:8px}
.ist-district-faq details{border-top:1px solid var(--line);padding:12px 0}.ist-district-faq summary{cursor:pointer;font-weight:850}
@media(max-width:900px){.ist-district-grid{grid-template-columns:1fr}.ist-district-services{grid-template-columns:1fr}}


/* ===== v3.5.6 - dropdown stacking + sidebar CTA alignment ===== */
/* Header must own a stacking layer ABOVE page content. Earlier generic rule gave header/main same z-index. */
.ist-wp-header{position:sticky!important;z-index:100000!important;overflow:visible!important;isolation:isolate}
.ist-head,.ist-nav,.ist-nav-group{overflow:visible!important}
.ist-nav-group{position:relative!important;z-index:100001!important}
.ist-submenu{z-index:100002!important}
main,.ist-content,.ist-single,.ist-single-main,.ist-sidebar{position:relative;z-index:1!important}

/* Blog single sidebar CTA */
.ist-sidebar-cta a{
 display:flex!important;
 width:100%!important;
 min-height:42px!important;
 align-items:center!important;
 justify-content:center!important;
 text-align:center!important;
 padding:10px 14px!important;
 border:0!important;
 border-radius:10px!important;
 background:var(--dark)!important;
 color:#fff!important;
 font-size:12px!important;
 font-weight:950!important;
 line-height:1.2!important;
}




/* ===== v3.5.9 - masaüstü alt menü v3.1.0 davranışına döndürüldü ===== */
/* Blog detay sağ kutu - Projemi Anlat */
.ist-sidebar-cta{margin-top:18px!important;padding:15px!important;border:1px solid #e3c447!important;border-radius:14px!important;background:var(--yellowSoft)!important}
.ist-sidebar-cta h4{margin:0 0 8px!important;font-size:17px!important}
.ist-sidebar-cta p{margin:0 0 12px!important;font-size:12px!important;line-height:1.55!important;color:var(--muted)!important}
.ist-sidebar-cta>a{
 display:flex!important;
 width:100%!important;
 min-height:42px!important;
 align-items:center!important;
 justify-content:center!important;
 text-align:center!important;
 padding:11px 14px!important;
 border:0!important;
 border-radius:10px!important;
 background:var(--dark)!important;
 color:#fff!important;
 font-size:12px!important;
 font-weight:950!important;
 line-height:1!important;
 text-decoration:none!important;
}



/* ===== v3.5.9 - v3.1.0 çalışan masaüstü açılır menü sistemi ===== */
@media(min-width:1121px){
  .ist-wp-header{overflow:visible!important;z-index:100000!important}
  .ist-head,.ist-nav,.ist-nav-group{overflow:visible!important}
  .ist-nav-group{position:relative!important;z-index:auto!important}
  .ist-submenu{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    min-width:220px!important;
    margin:0!important;
    padding:8px!important;
    background:#fff!important;
    border:1px solid var(--line)!important;
    border-radius:14px!important;
    box-shadow:0 16px 35px rgba(26,34,29,.13)!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translateY(6px)!important;
    transition:.16s!important;
    z-index:99999!important;
    pointer-events:auto!important;
  }
  .ist-nav-group:hover>.ist-submenu,
  .ist-nav-group:focus-within>.ist-submenu{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
}

/* ===== v3.6.0 - MASAÜSTÜ ALT MENÜ KESİN KATMAN DÜZELTMESİ =====
   Alt menü DOM içinde kalır; yalnızca masaüstünde viewport'a göre fixed açılır.
   Böylece main/hero/sidebar stacking-context veya overflow kuralları menüyü örtemez. */
@media (min-width:1121px){
  .ist-wp-header{
    position:sticky!important;
    top:0!important;
    z-index:2147483000!important;
    overflow:visible!important;
    isolation:auto!important;
    transform:none!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    contain:none!important;
  }
  body.admin-bar .ist-wp-header{top:0!important}
  .ist-head,.ist-nav,.ist-nav-group{
    overflow:visible!important;
    transform:none!important;
    filter:none!important;
    contain:none!important;
  }
  .ist-nav-group{position:relative!important;z-index:2147483001!important}
  .ist-submenu{
    position:fixed!important;
    top:var(--ist-menu-top,76px)!important;
    left:var(--ist-menu-left,0px)!important;
    min-width:220px!important;
    max-width:min(320px,calc(100vw - 24px))!important;
    z-index:2147483646!important;
    margin:0!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translateY(5px)!important;
    pointer-events:none!important;
  }
  .ist-nav-group:hover>.ist-submenu,
  .ist-nav-group:focus-within>.ist-submenu,
  .ist-nav-group.ist-menu-active>.ist-submenu{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    pointer-events:auto!important;
  }
  main,.ist-content,.ist-single,.ist-single-main,.ist-sidebar,
  .hero,.section,.homeExtra,.kdHome,.workshopHome,.blog100Promo,.districtCloud{
    z-index:auto!important;
  }
}

/* ===== v3.6.1 - DESKTOP SUBMENU BODY PORTAL =====
   Desktop dropdown is rendered as a fixed body-level overlay so page sections
   can never cover or clip it. The original submenu remains only as source HTML. */
@media (min-width:1121px){
  .ist-nav-group > .ist-submenu{display:none!important}
  #ist-desktop-menu-layer{
    position:fixed!important;
    inset:0!important;
    z-index:2147483647!important;
    pointer-events:none!important;
  }
  #ist-desktop-menu-panel{
    position:fixed!important;
    min-width:220px!important;
    max-width:min(320px,calc(100vw - 24px))!important;
    padding:8px!important;
    background:#fff!important;
    border:1px solid var(--line)!important;
    border-radius:14px!important;
    box-shadow:0 18px 42px rgba(20,28,23,.18)!important;
    opacity:0;
    visibility:hidden;
    transform:translateY(5px);
    transition:opacity .12s ease,transform .12s ease,visibility .12s ease;
    pointer-events:none!important;
  }
  #ist-desktop-menu-panel.is-open{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    pointer-events:auto!important;
  }
  #ist-desktop-menu-panel .ist-nav-link{
    display:flex!important;
    width:100%!important;
    align-items:center!important;
    gap:8px!important;
    padding:10px!important;
    border-radius:9px!important;
    font-size:12px!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }
  #ist-desktop-menu-panel .ist-nav-link:hover{background:var(--soft)!important}
}
@media (max-width:1120px){
  #ist-desktop-menu-layer{display:none!important}
}


/* ===== İST Mimarlık v3.7.0 yönetim / menü / ilçe düzeltmeleri ===== */
.ist-custom-logo{display:block;max-width:156px;max-height:52px;width:auto;height:auto;object-fit:contain}
#ist-desktop-menu-layer{position:fixed;inset:0;z-index:2147483000;pointer-events:none}
#ist-desktop-menu-panel{position:fixed;min-width:220px;max-width:280px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px rgba(26,34,29,.18);opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .14s ease,transform .14s ease;pointer-events:none}
#ist-desktop-menu-panel.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto}
#ist-desktop-menu-panel .ist-nav-link{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:42px!important;padding:9px 10px!important;border-radius:9px!important;font-size:12px!important;font-weight:850!important;color:var(--ink)!important;background:#fff!important}
#ist-desktop-menu-panel .ist-nav-link:hover{background:var(--soft)!important}
#ist-desktop-menu-panel svg,.ist-nav svg,.ist-mobile-panel svg{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;overflow:visible!important}
#ist-desktop-menu-panel .ist-nav-link span{display:block!important;line-height:1.2!important}
.ist-district-side{padding:24px!important}
.ist-district-cta{padding:18px!important;margin:18px 2px 0!important}
.ist-district-cta strong{display:block;margin-bottom:7px;font-size:16px}
.ist-district-cta p{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 12px}
.ist-district-cta .ist-btn{display:flex!important;width:100%!important;min-height:40px!important;align-items:center!important;justify-content:center!important;margin-top:0!important;text-align:center!important}
@media(max-width:900px){.ist-district-side{padding:20px!important}.ist-district-cta{margin-left:0!important;margin-right:0!important}}

/* v3.7.4 accessibility */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #111;outline-offset:3px}


/* ===== v3.7.6 blog cover + sidebar alignment ===== */
.ist-single{align-items:start!important}
.ist-sidebar{position:static!important;top:auto!important;align-self:start!important;margin-top:0!important}
.ist-single-cover{object-fit:cover!important;object-position:center top!important}