/* =========================================================
   Massar Turk – header (ust serit + logo + ana menu)
   Kimlik: logo laciverti #064E8A, logo turuncusu #FC9630
   Imza: "مسار" = rota. Aktif menu ogesinin altinda kesik cizgili ucus rotasi.
   ========================================================= */
@font-face{font-family:"Plex Arabic";src:url("/HTWF/fonts/plex/plex-arabic-400.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:"Plex Arabic";src:url("/HTWF/fonts/plex/plex-arabic-500.woff2") format("woff2");font-weight:500;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:"Plex Arabic";src:url("/HTWF/fonts/plex/plex-arabic-600.woff2") format("woff2");font-weight:600;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:"Plex Arabic";src:url("/HTWF/fonts/plex/plex-arabic-700.woff2") format("woff2");font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:"Plex Arabic";src:url("/HTWF/fonts/plex/plex-latin-400.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-024F,U+2000-206F,U+20AC,U+2122;}
@font-face{font-family:"Plex Arabic";src:url("/HTWF/fonts/plex/plex-latin-500.woff2") format("woff2");font-weight:500;font-display:swap;unicode-range:U+0000-024F,U+2000-206F,U+20AC,U+2122;}
@font-face{font-family:"Plex Arabic";src:url("/HTWF/fonts/plex/plex-latin-600.woff2") format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-024F,U+2000-206F,U+20AC,U+2122;}
@font-face{font-family:"Plex Arabic";src:url("/HTWF/fonts/plex/plex-latin-700.woff2") format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-024F,U+2000-206F,U+20AC,U+2122;}

:root{
  --ms-navy:#064E8A;      /* logo laciverti */
  --ms-deep:#04335C;      /* ust serit */
  --ms-orange:#FC9630;    /* logo turuncusu */
  --ms-orange-ink:#B85E06;/* beyaz uzerinde okunur turuncu */
  --ms-ink:#14233A;
  --ms-mute:#5B6B80;
  --ms-mist:#F3F6FA;
  --ms-line:#E3E9F1;
}

/* ---------- genel ---------- */
header.fixed-top,header.fixed-top *{font-family:"Plex Arabic","Segoe UI",Tahoma,Arial,sans-serif!important;}
header.fixed-top .fa{font-family:FontAwesome!important;}
header.fixed-top a:focus-visible,header.fixed-top button:focus-visible{outline:2px solid var(--ms-orange)!important;outline-offset:3px;border-radius:8px;}

/* ---------- ust serit ---------- */
header.fixed-top .navbar-mini{background:var(--ms-deep)!important;border:0!important;min-height:40px;height:auto!important;}
header.fixed-top .navbar-mini .container{display:flex;align-items:center;justify-content:space-between;min-height:40px;}
header.fixed-top .navbar-mini .navbar-left,header.fixed-top .navbar-mini .navbar-right{float:none!important;margin:0!important;display:flex;align-items:center;gap:6px 22px;flex-wrap:wrap;}
header.fixed-top .navbar-mini span{color:rgba(255,255,255,.82)!important;font-size:13px!important;line-height:40px!important;padding:0!important;margin:0!important;display:inline-flex;align-items:center;gap:7px;letter-spacing:.1px;}
header.fixed-top .navbar-mini span i{color:var(--ms-orange)!important;margin:0!important;font-size:13px!important;}
header.fixed-top .navbar-mini span span{line-height:inherit!important;}
header.fixed-top .navbar-mini hr{display:none!important;}
header.fixed-top .navbar-mini a.ms-mini-link{color:#fff!important;text-decoration:none!important;}
header.fixed-top .navbar-mini a.ms-mini-link:hover{color:var(--ms-orange)!important;}
header.fixed-top .navbar-mini .minisocial-group a.ms-dead{display:none!important;}
header.fixed-top .navbar-mini .minisocial-group{display:flex;align-items:center;gap:6px;border:0!important;}
header.fixed-top .navbar-mini .minisocial-group a{color:rgba(255,255,255,.8)!important;}
.ms-wa-chip{display:inline-flex!important;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:999px;background:#25D366;color:#fff!important;font-size:12.5px;font-weight:600;text-decoration:none!important;transition:background-color .15s;}
.ms-wa-chip:hover{background:#128C7E;}
.ms-wa-chip svg{width:15px;height:15px;fill:#fff;}

/* ---------- ana satir ---------- */
header.fixed-top .navbar-main{background:#fff!important;border:0!important;box-shadow:0 1px 0 var(--ms-line);transition:box-shadow .2s;}
header.fixed-top.scroll-css .navbar-main{box-shadow:0 10px 30px -18px rgba(4,51,92,.45);}
header.fixed-top .navbar-main > .container{display:flex;align-items:center;min-height:82px;}
header.fixed-top .navbar-main .navbar-header{float:none!important;flex:none;display:flex;align-items:center;}
header.fixed-top .navbar-brand{height:auto!important;padding:10px 0!important;margin:0!important;display:flex;align-items:center;}
header.fixed-top .navbar-brand img{height:50px!important;width:auto!important;max-height:none!important;}
header.fixed-top .navbar-brand .logo-retina{display:none!important;}
header.fixed-top .navbar-main .navbar-collapse{flex:1;display:flex!important;align-items:center;justify-content:space-between;padding:0!important;border:0!important;box-shadow:none!important;}
header.fixed-top .navbar-main .navbar-collapse > ul.nav{float:none!important;display:flex;align-items:center;margin:0 auto!important;}
header.fixed-top .navbar-main .navbar-collapse > ul.nav > li{float:none!important;}

/* menu ogeleri */
header.fixed-top .navbar-default .navbar-nav > li > a,
header.fixed-top .navbar-main .navbar-nav > li > a{position:relative;color:var(--ms-ink)!important;font-size:15px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;padding:0 14px!important;line-height:82px!important;height:82px;background:transparent!important;transition:color .15s;}
header.fixed-top .navbar-main .navbar-nav > li:hover > a,
header.fixed-top .navbar-main .navbar-nav > li > a:hover,
header.fixed-top .navbar-main .navbar-nav > li > a:focus{color:var(--ms-navy)!important;background:transparent!important;}
header.fixed-top .navbar-main .navbar-nav > li:hover,
header.fixed-top .navbar-main .navbar-nav > li.active{background:transparent!important;}

/* imza: ucus rotasi (kesik cizgi + varis noktasi) */
header.fixed-top .navbar-main .navbar-collapse > ul.nav > li > a::after{
  content:"";position:absolute;inset-inline:14px;bottom:22px;height:2px;
  background-image:linear-gradient(90deg,var(--ms-orange) 0 60%,transparent 60% 100%);
  background-size:8px 2px;background-repeat:repeat-x;
  transform:scaleX(0);transform-origin:var(--ms-start,left);transition:transform .35s ease;
}
header.fixed-top .navbar-main .navbar-collapse > ul.nav > li > a::before{
  content:"";position:absolute;inset-inline-end:10px;bottom:20px;width:6px;height:6px;border-radius:50%;
  background:var(--ms-orange);transform:scale(0);transition:transform .2s ease .2s;
}
header.fixed-top .navbar-main .navbar-collapse > ul.nav > li > a:hover::after,
header.fixed-top .navbar-main .navbar-collapse > ul.nav > li.active > a::after{transform:scaleX(1);}
header.fixed-top .navbar-main .navbar-collapse > ul.nav > li.active > a::before{transform:scale(1);}
header.fixed-top .navbar-main .navbar-collapse > ul.nav > li.active > a{color:var(--ms-navy)!important;font-weight:600!important;}
html[dir="rtl"] header.fixed-top{--ms-start:right;}

/* sag blok: arama + dil + cagri */
header.fixed-top .navbar-main .navbar-right{float:none!important;margin:0!important;display:flex;align-items:center;gap:10px;}
header.fixed-top .search-box-menu{display:flex;align-items:center;margin:0!important;}
header.fixed-top .navbar-main .btn-search{width:40px;height:40px;border-radius:12px!important;border:1px solid var(--ms-line)!important;background:#fff!important;color:var(--ms-navy)!important;display:flex;align-items:center;justify-content:center;padding:0!important;margin:0!important;transition:border-color .15s,background-color .15s;}
header.fixed-top .navbar-main .btn-search:hover{border-color:var(--ms-navy)!important;background:var(--ms-mist)!important;}
header.fixed-top .lan-menu{display:none!important;}
.ms-lang{display:inline-flex;align-items:center;height:40px;padding:3px;border-radius:12px;background:var(--ms-mist);border:1px solid var(--ms-line);}
.ms-lang a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:32px;padding:0 10px;border-radius:9px;font-size:13px;font-weight:600;color:var(--ms-mute)!important;text-decoration:none!important;transition:background-color .15s,color .15s;}
.ms-lang a:hover{color:var(--ms-navy)!important;}
.ms-lang a.is-on{background:#fff;color:var(--ms-navy)!important;box-shadow:0 1px 3px rgba(4,51,92,.18);}
.ms-cta{display:inline-flex!important;align-items:center;gap:9px;height:44px;padding:0 18px;border-radius:12px;background:var(--ms-navy);color:#fff!important;font-size:14px;font-weight:600;text-decoration:none!important;white-space:nowrap;transition:background-color .15s;}
.ms-cta:hover{background:var(--ms-deep);}
.ms-cta .ms-plane{width:18px;height:18px;flex:none;}
html[dir="rtl"] .ms-cta .ms-plane{transform:scaleX(-1);}

/* ---------- genis olmayan masaustu ---------- */
@media (max-width:1280px){
  header.fixed-top .navbar-main .navbar-nav > li > a{padding:0 10px!important;font-size:14.5px!important;}
  header.fixed-top .navbar-main .navbar-collapse > ul.nav > li > a::after{inset-inline:10px;}
  .ms-cta .ms-cta-txt-long{display:none;}
}
@media (max-width:1100px) and (min-width:995px){
  header.fixed-top .navbar-mini span.ms-hide-md{display:none!important;}
  .ms-cta{padding:0 12px;}
}

/* ---------- mobil (sablonun kirilma noktasi 994px) ---------- */
@media (max-width:994px){
  header.fixed-top .navbar-mini .container{justify-content:space-between;}
  header.fixed-top .navbar-mini span.ms-hide-sm{display:none!important;}
  header.fixed-top .navbar-mini .navbar-right{display:flex!important;}
  header.fixed-top .navbar-main > .container{flex-wrap:wrap;min-height:66px;}
  header.fixed-top .navbar-main .navbar-header{width:100%;justify-content:space-between;}
  header.fixed-top .navbar-brand img{height:40px!important;}
  header.fixed-top .navbar-toggle{float:none!important;order:2;margin:0!important;width:44px;height:44px;border-radius:12px!important;background:var(--ms-navy)!important;border:0!important;color:#fff!important;display:flex!important;align-items:center;justify-content:center;padding:0!important;}
  header.fixed-top .navbar-toggle i{color:#fff!important;font-size:18px!important;}
  header.fixed-top .navbar-main .navbar-collapse{width:100%;flex-direction:column;align-items:stretch;display:none!important;background:#fff;padding:6px 0 16px!important;border-top:1px solid var(--ms-line)!important;}
  header.fixed-top .navbar-main .navbar-collapse.in,header.fixed-top .navbar-main .navbar-collapse[style*="block"],header.fixed-top .navbar-main .navbar-collapse.ms-open{display:flex!important;}
  header.fixed-top .navbar-main .navbar-collapse > ul.nav{flex-direction:column;align-items:stretch;margin:0!important;width:100%;}
  header.fixed-top .navbar-main .navbar-nav > li > a{line-height:1.4!important;height:auto;padding:13px 6px!important;font-size:16px!important;border-bottom:1px solid var(--ms-line);}
  header.fixed-top .navbar-main .navbar-collapse > ul.nav > li > a::after{inset-inline:6px auto;width:36px;bottom:6px;}
  header.fixed-top .navbar-main .navbar-collapse > ul.nav > li > a::before{display:none;}
  header.fixed-top .navbar-main .navbar-right{width:100%;justify-content:space-between;padding-top:14px;flex-wrap:wrap;}
  header.fixed-top .search-box-menu{display:none!important;}
  .ms-cta{flex:1;justify-content:center;}
}
@media (max-width:420px){
  header.fixed-top .navbar-mini span{font-size:12.5px!important;}
  .ms-wa-chip .ms-wa-txt{display:none;}
  .ms-wa-chip{padding:0 9px;}
}
@media (prefers-reduced-motion:reduce){
  header.fixed-top *{transition:none!important;}
}

/* tek satir menu, dar masaustunde sikisik duzen */
header.fixed-top .navbar-main .navbar-nav > li > a{white-space:nowrap!important;}
@media (max-width:1200px) and (min-width:995px){
  header.fixed-top .navbar-main .navbar-nav > li > a{padding:0 8px!important;font-size:14px!important;}
  header.fixed-top .navbar-main .navbar-collapse > ul.nav > li > a::after{inset-inline:8px;}
  header.fixed-top .navbar-brand img{height:42px!important;}
  .ms-cta{padding:0 12px;gap:7px;}
  .ms-lang a{min-width:34px;padding:0 6px;}
}
@media (max-width:1100px) and (min-width:995px){
  .ms-cta > span{display:none;}
  .ms-cta{width:44px;padding:0;justify-content:center;}
  header.fixed-top .navbar-main .btn-search{display:none!important;}
}
@media (min-width:1281px){
  header.fixed-top .navbar-main > .container,header.fixed-top .navbar-mini > .container{width:auto!important;max-width:1320px;padding-left:24px;padding-right:24px;}
}
@media (max-width:994px){
  .ms-cta .ms-cta-txt-long{display:inline!important;}
  .ms-cta .ms-cta-txt-short{display:none!important;}
  html[dir="rtl"] header.fixed-top .navbar-main .navbar-collapse > ul.nav > li > a::after{right:6px!important;left:auto!important;transform-origin:right;}
  html:not([dir="rtl"]) header.fixed-top .navbar-main .navbar-collapse > ul.nav > li > a::after{left:6px!important;right:auto!important;}
  header.fixed-top .navbar-brand{padding-inline:0!important;}
}
