:root{color-scheme:light}
html.dark{color-scheme:dark}

/* Header tamamen şeffaf */
header.sticky{
 position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
header.sticky>div,header.sticky nav{background:transparent!important;border:0!important;box-shadow:none!important}
header.sticky .btn-ghost{border:0!important;background:transparent!important}

/* HERO */
.nd-quote-hero{
 position:relative!important;min-height:645px!important;background-size:cover!important;
 background-position:center!important;background-repeat:no-repeat!important;
}
.nd-quote-hero:before{
 content:""!important;position:absolute!important;inset:0!important;
 background:linear-gradient(90deg,rgba(0,0,0,.52),rgba(0,0,0,.25),rgba(0,0,0,.48))!important;
 pointer-events:none!important;
}
.nd-quote-hero .nd-qwrap{position:relative!important;z-index:2!important}

/* NEREDEN / NEREYE: DIŞ KUTU VE SELECT CAM */
.nd-routebox{
 background:rgba(7,12,20,.18)!important;
 border:1px solid rgba(255,255,255,.28)!important;
 box-shadow:0 12px 34px rgba(0,0,0,.16)!important;
 backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
}
.nd-routebox select{
 background:rgba(255,255,255,.10)!important;
 color:#fff!important;border:1px solid rgba(255,255,255,.38)!important;
 box-shadow:none!important;backdrop-filter:blur(10px)!important;
}
.nd-routebox select option{background:#fff!important;color:#111827!important}
html.dark .nd-routebox select option{background:#18181b!important;color:#fff!important}

/* LIGHT */
body,.nd-page,.nd-category-section,.nd-section,.dts-section{background:#fff!important;color:#18181b!important}
.dts-section-title,.nd-section-head h2,.nd-seo-article h2{color:#18181b!important}
.dts-snippet,.dts-meta,.nd-section-head p,.nd-seo-article p{color:#64748b!important}
.dts-card{background:#f8fafc!important;color:#111827!important;border-color:#e2e8f0!important}

/* DARK - Dönüş Araçları dahil */
html.dark body,html.dark .nd-page,html.dark .nd-category-section,html.dark .nd-section,html.dark .dts-section{
 background:#09090b!important;color:#f4f4f5!important
}
html.dark .dts-section-title,html.dark .nd-section-head h2,html.dark .nd-seo-article h2{color:#fff!important}
html.dark .dts-snippet,html.dark .dts-meta,html.dark .nd-section-head p,html.dark .nd-seo-article p{color:#a1a1aa!important}
html.dark .dts-card,html.dark .nd-category-card,html.dark .nd-info-card,html.dark .nd-step,
html.dark .nd-city-box,html.dark .nd-seo-article,html.dark .nd-faq details{
 background:#18181b!important;color:#fff!important;border-color:#303036!important
}

/* HAMBURGER */
.jetle-mobile-burger{
 display:none;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;
 gap:5px;border:1px solid rgba(255,255,255,.16)!important;border-radius:13px!important;
 background:rgba(8,12,18,.28)!important;color:#fff!important;cursor:pointer;padding:8px;
 backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)
}
.jetle-mobile-burger span{width:22px;height:2px;background:#fff;border-radius:4px;transition:.25s}
.jetle-mobile-burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.jetle-mobile-burger.active span:nth-child(2){opacity:0}
.jetle-mobile-burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
#jetleMobileDrawer{display:none}

.jetle-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:7px 7px 13px}
.jetle-drawer-head strong{color:#fff;font-size:15px}
.jetle-drawer-head small{display:block;color:#94a3b8;font-size:11px;margin-top:2px}
.jetle-drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#jetleMobileDrawer .jm-item{
 display:flex!important;align-items:center!important;gap:10px!important;min-height:58px;
 padding:10px 11px!important;border-radius:14px!important;color:#fff!important;text-decoration:none!important;
 background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.07)!important;
 transition:.18s ease;
}
#jetleMobileDrawer .jm-item:active{transform:scale(.98)}
#jetleMobileDrawer .jm-icon{
 width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none;
 background:linear-gradient(145deg,rgba(14,165,233,.22),rgba(37,99,235,.18));
 border:1px solid rgba(56,189,248,.20);font-size:18px;
}
#jetleMobileDrawer .jm-item:nth-child(2) .jm-icon{background:rgba(245,158,11,.15)}
#jetleMobileDrawer .jm-item:nth-child(3) .jm-icon{background:rgba(168,85,247,.15)}
#jetleMobileDrawer .jm-item:nth-child(4) .jm-icon{background:rgba(16,185,129,.15)}
#jetleMobileDrawer .jm-item:nth-child(5) .jm-icon{background:rgba(34,197,94,.15)}
#jetleMobileDrawer .jm-item:nth-child(6) .jm-icon{background:rgba(59,130,246,.15)}
#jetleMobileDrawer .jm-item:nth-child(7) .jm-icon{background:rgba(249,115,22,.15)}
#jetleMobileDrawer .jm-item.jm-danger .jm-icon{background:rgba(239,68,68,.15)}
.jm-text{min-width:0}.jm-text b{display:block;font-size:12.5px;line-height:1.2}.jm-text span{display:block;font-size:10px;color:#94a3b8;margin-top:3px}
.jm-full{grid-column:1/-1}
.jm-cta{background:linear-gradient(135deg,#f97316,#f59e0b)!important;border:0!important}
.jm-cta .jm-icon{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.18)!important}
.jm-cta .jm-text span{color:rgba(255,255,255,.82)!important}

@media(max-width:1023px){
 header.sticky .max-w-6xl{padding-left:10px!important;padding-right:10px!important}
 .jetle-mobile-burger{display:flex!important}
 .site-brand{margin-right:auto!important}
 .site-brand-logo{height:52px!important}
 header.sticky nav.lg\:hidden{display:none!important}
 #jetleMobileDrawer.open{
  display:block!important;position:absolute!important;left:10px!important;right:10px!important;top:68px!important;
  padding:11px!important;border-radius:20px!important;
  background:linear-gradient(145deg,rgba(8,13,22,.97),rgba(18,24,34,.96))!important;
  border:1px solid rgba(255,255,255,.11)!important;box-shadow:0 24px 70px rgba(0,0,0,.48)!important;
  backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;z-index:999999!important;
  animation:jetleDrawerIn .18s ease-out;
 }
 .nd-quote-hero{min-height:720px!important;padding-top:92px!important}
 .nd-routebox{background:rgba(7,12,20,.12)!important}
}
@keyframes jetleDrawerIn{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}


/* Tema fotoğrafı tüm sayfalarda BODY üzerinde tek katman olarak çizilir. */
html body.site-selection,
html:not(.dark) body.site-selection,
html[data-theme="light"] body.site-selection {
 background:#ffffff url('/assets/images/light-bg.webp') center top / 100% auto repeat-y!important;
 background-attachment:scroll!important;
}
html.dark body.site-selection,
html[data-theme="dark"] body.site-selection {
 background:#09090b url('/assets/images/dark-bg.webp') center top / 100% auto repeat-y!important;
 background-attachment:scroll!important;
}
/* Ana içerik alanındaki düz renk örtüleri kaldır; kartların kendi arka planları korunur. */
html body.site-selection main,
html body.site-selection main.min-h-screen,
html body.site-selection .nd-page,
html body.site-selection .nd-page .nd-hero,
html body.site-selection .nd-page .nd-category-section,
html body.site-selection .nd-page .nd-section,
html body.site-selection .nd-page .dts-section {
 background-color:transparent!important;
 background-image:none!important;
}
/* Teklif bölümündeki bağımsız fotoğraf korunur. */
html body.site-selection .nd-quote-hero {background-image:url('/assets/images/jetle-hero.jpg')!important;}
/* Masaüstü ana menü: cam yüzey, altın kenar ve dengeli okunabilirlik. */
@media(min-width:1024px){
 html body.site-selection header.sticky{background:rgba(10,18,31,.20)!important;border-bottom:1px solid rgba(255,213,111,.35)!important;box-shadow:0 10px 35px rgba(0,0,0,.14)!important;backdrop-filter:blur(18px) saturate(150%)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important;}
 html body.site-selection header.sticky>div{background:transparent!important;}
 html body.site-selection header.sticky nav.hidden.lg\:flex{background:rgba(11,22,37,.40)!important;border:1px solid rgba(255,224,153,.38)!important;border-radius:18px!important;padding:6px 10px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 9px 28px rgba(0,0,0,.15)!important;backdrop-filter:blur(16px) saturate(160%)!important;-webkit-backdrop-filter:blur(16px) saturate(160%)!important;}
 html body.site-selection header.sticky nav.hidden.lg\:flex>a{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.65)!important;border-radius:12px!important;transition:background .2s,color .2s,transform .2s!important;}
 html body.site-selection header.sticky nav.hidden.lg\:flex>a:hover{background:rgba(255,210,105,.22)!important;color:#ffe29b!important;transform:translateY(-1px)!important;}
 html:not(.dark) body.site-selection header.sticky{background:rgba(255,255,255,.25)!important;}
 html:not(.dark) body.site-selection header.sticky nav.hidden.lg\:flex{background:rgba(255,255,255,.48)!important;border-color:rgba(255,255,255,.72)!important;}
 html:not(.dark) body.site-selection header.sticky nav.hidden.lg\:flex>a{color:#172235!important;text-shadow:none!important;}
 html:not(.dark) body.site-selection header.sticky nav.hidden.lg\:flex>a:hover{background:rgba(245,158,11,.18)!important;color:#7c4700!important;}
}


@media(max-width:639px){
 header.sticky .jetle-mobile-site-cta-wrap{display:block!important;padding:0 12px 12px;position:relative;z-index:55}
 header.sticky .jetle-mobile-site-cta{display:flex!important;align-items:center;gap:11px;width:100%;min-height:55px;padding:9px 13px;border-radius:15px;text-decoration:none!important;text-align:left;color:#fff!important;background:linear-gradient(110deg,rgba(11,28,49,.94),rgba(29,53,74,.88))!important;border:1px solid rgba(255,214,121,.75)!important;box-shadow:0 8px 25px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.18);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:transform .18s ease,box-shadow .18s ease}
 header.sticky .jetle-mobile-site-cta:active{transform:scale(.985)}
 header.sticky .jetle-mobile-site-cta .jetle-site-ico{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border-radius:11px;background:linear-gradient(145deg,#ffdf82,#f4a60d);font-size:20px;box-shadow:0 3px 10px rgba(244,166,13,.25)}
 header.sticky .jetle-mobile-site-cta .jetle-site-label{display:flex;flex-direction:column;flex:1;min-width:0;gap:2px}
 header.sticky .jetle-mobile-site-cta .jetle-site-label strong{font-size:13.5px;line-height:1.25;font-weight:850;color:#fff!important}
 header.sticky .jetle-mobile-site-cta .jetle-site-label small{font-size:10.5px;line-height:1.25;color:#ffdd89!important;font-weight:650}
 header.sticky .jetle-mobile-site-cta .jetle-site-arrow{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;color:#1b2432;background:#ffca43;font-size:18px;font-weight:900}
}
@media(min-width:640px){header.sticky .jetle-mobile-site-cta-wrap{display:none!important}}


@media(max-width:639px){
 header.sticky .jetle-mobile-auth-quick{
  display:flex!important;align-items:center;justify-content:center;gap:10px;
  width:100%;padding:0 0 11px;margin:-1px auto 0;position:relative;z-index:55;
 }
 header.sticky .jetle-auth-quick-btn{
  display:inline-flex!important;align-items:center;justify-content:center;gap:7px;
  min-height:39px;min-width:0;flex:1 1 0;max-width:190px;
  padding:8px 12px;border-radius:13px;font-size:13px;font-weight:800;
  line-height:1.2;letter-spacing:.1px;cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease;
 }
 header.sticky .jetle-auth-login{
  color:#fff!important;background:rgba(13,22,36,.78)!important;
  border:1px solid rgba(255,255,255,.48)!important;
  box-shadow:0 4px 14px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.18);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
 }
 header.sticky .jetle-auth-register{
  color:#231600!important;background:linear-gradient(135deg,#ffe08a,#ffb91f)!important;
  border:1px solid rgba(255,235,170,.95)!important;
  box-shadow:0 5px 17px rgba(201,126,0,.26),inset 0 1px 0 rgba(255,255,255,.5);
 }
 header.sticky .jetle-auth-quick-btn:active{transform:scale(.97)}
}
@media(min-width:640px){header.sticky .jetle-mobile-auth-quick{display:none!important}}


/* Yalnız masaüstü: fotoğraf menünün altından başlar. */
@media (min-width:1024px) {
 html body.site-selection header.sticky {
  position:relative!important;
  top:auto!important;left:auto!important;right:auto!important;
  width:100%!important;z-index:1000!important;
  background:linear-gradient(115deg,rgba(12,20,34,.97),rgba(29,38,52,.94))!important;
  border-bottom:1px solid rgba(247,191,78,.48)!important;
  box-shadow:0 7px 24px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.09)!important;
  backdrop-filter:blur(22px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
 }
 html:not(.dark) body.site-selection header.sticky {
  background:linear-gradient(115deg,rgba(24,34,49,.97),rgba(51,54,61,.94))!important;
 }
 html body.site-selection header.sticky nav.hidden.lg\:flex {
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,211,119,.38)!important;
  border-radius:20px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 8px 22px rgba(0,0,0,.15)!important;
 }
 html body.site-selection header.sticky nav.hidden.lg\:flex>a,
 html:not(.dark) body.site-selection header.sticky nav.hidden.lg\:flex>a {
  color:#fff!important;text-shadow:none!important;
 }
 html body.site-selection header.sticky nav.hidden.lg\:flex>a:hover {
  background:rgba(255,193,64,.18)!important;color:#ffda83!important;
 }
 html body.site-selection .nd-quote-hero {
  margin-top:0!important;
  background-position:center center!important;
 }
}


/* =========================================================
   MASAÜSTÜ: DEMO GÖRÜNÜMÜ
   Firma Adı / Giriş Yap = beyaz çerçeve
   Talep Ver / Kayıt Ol = yeşil çerçeve
   ========================================================= */
@media (min-width:1024px){

  /* Ortak görünüm */
  #desktopUserBtn,
  a[href="giris.php"].btn-secondary,
  #openUyePopupDesktop,
  header.sticky a[href="/teklifler.php"].hidden.sm\:inline-flex{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:43px!important;
    height:43px!important;
    padding:0 16px!important;
    margin:0!important;
    border-radius:9px!important;
    font-family:"Plus Jakarta Sans",Arial,sans-serif!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:700!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    background:rgba(20,24,28,.22)!important;
    backdrop-filter:blur(9px)!important;
    -webkit-backdrop-filter:blur(9px)!important;
    box-shadow:0 4px 14px rgba(0,0,0,.16)!important;
    transition:background .18s ease,border-color .18s ease,
               color .18s ease,transform .18s ease!important;
  }

  /* Firma adı ve Giriş Yap: demodaki Yardım/Giriş */
  #desktopUserBtn,
  a[href="giris.php"].btn-secondary{
    border:2px solid rgba(255,255,255,.96)!important;
    color:#fff!important;
  }

  /* Kayıt Ol + TALEP VER: demodaki Hizmet ver */
  #openUyePopupDesktop,
  header.sticky a[href="/teklifler.php"].hidden.sm\:inline-flex{
    border:2px solid #31ff45!important;
    color:#31ff45!important;
    background:rgba(21,55,28,.18)!important;
    background-image:none!important;
  }

  /* Tailwind'den gelen turuncu Talep Ver gölgesini iptal et */
  header.sticky a[href="/teklifler.php"].hidden.sm\:inline-flex{
    box-shadow:0 4px 14px rgba(0,0,0,.16)!important;
  }

  #desktopUserBtn:hover,
  a[href="giris.php"].btn-secondary:hover{
    background:rgba(255,255,255,.13)!important;
    color:#fff!important;
    transform:translateY(-1px)!important;
  }

  #openUyePopupDesktop:hover,
  header.sticky a[href="/teklifler.php"].hidden.sm\:inline-flex:hover{
    background:rgba(49,255,69,.10)!important;
    border-color:#31ff45!important;
    color:#31ff45!important;
    transform:translateY(-1px)!important;
  }

  #desktopUserBtn:active,
  a[href="giris.php"].btn-secondary:active,
  #openUyePopupDesktop:active,
  header.sticky a[href="/teklifler.php"].hidden.sm\:inline-flex:active{
    transform:translateY(0) scale(.98)!important;
  }

  /* Firma adı okunu sade tut */
  #desktopUserBtn .user-menu-arrow{
    margin-left:7px!important;
    color:rgba(255,255,255,.82)!important;
  }
}


/* Masaüstü firma menüsü: beyaz kutuyu kaldır, demo header ile uyumlu cam menü */
@media(min-width:1024px){
  #desktopUserDropdown{
    width:224px!important;
    margin-top:8px!important;
    padding:7px!important;
    overflow:hidden!important;

    background:rgba(16,20,25,.76)!important;
    background-image:none!important;
    border:1px solid rgba(255,255,255,.25)!important;
    border-radius:14px!important;

    box-shadow:0 18px 45px rgba(0,0,0,.32)!important;
    backdrop-filter:blur(18px) saturate(135%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
  }

  #desktopUserDropdown a{
    display:flex!important;
    align-items:center!important;
    min-height:42px!important;
    padding:0 13px!important;
    margin:0!important;

    background:transparent!important;
    background-image:none!important;
    border:0!important;
    border-radius:9px!important;

    color:#fff!important;
    font-family:"Plus Jakarta Sans",Arial,sans-serif!important;
    font-size:14px!important;
    font-weight:650!important;
    text-shadow:none!important;
    text-decoration:none!important;
    transition:.16s ease!important;
  }

  #desktopUserDropdown a:hover{
    background:rgba(255,255,255,.11)!important;
    color:#fff!important;
  }

  #desktopUserDropdown a[href*="logout"]{
    color:#ff8b8b!important;
  }

  #desktopUserDropdown a[href*="logout"]:hover{
    background:rgba(239,68,68,.13)!important;
    color:#ff9d9d!important;
  }

  html.dark #desktopUserDropdown,
  html[data-theme="dark"] #desktopUserDropdown,
  body.dark #desktopUserDropdown{
    background:rgba(10,13,17,.82)!important;
    border-color:rgba(255,255,255,.20)!important;
  }
}


/* Auth popup is appended to body, not trapped inside mobile navigation. */
#loginPopup,#uyePopup{position:fixed!important;inset:0!important;z-index:2147483000!important;overflow-y:auto!important;overscroll-behavior:contain;align-items:flex-start;justify-content:center;padding:clamp(12px,3vw,28px)!important}
#loginPopup:not(.hidden),#uyePopup:not(.hidden){display:flex!important}
#loginPopup>div,#uyePopup>div{margin:clamp(18px,8vh,95px) auto 24px!important;max-height:none;flex-shrink:0;box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 0 1px rgba(255,207,99,.35)!important}
#loginPopup input,#uyePopup input,#uyePopup select{color:#172033}
html.dark #loginPopup input,html.dark #uyePopup input,html.dark #uyePopup select{color:#fff;background:#20242c}
#jetleMobileDrawer button.jm-item{font:inherit;color:inherit;text-align:left;width:100%;cursor:pointer;border:0}
@media(max-width:640px){#loginPopup>div,#uyePopup>div{width:100%;margin:18px auto!important}#uyePopup form{max-height:calc(100dvh - 125px);overflow-y:auto}}