.site-header{position:sticky;top:0;width:100%;z-index:90;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(8,43,92,.08);border-bottom:0;--header-height:82px;--header-padding:18px;--header-logo-height:46px}
.site-header .navbar{height:var(--header-height);padding-block:var(--header-padding);display:flex;align-items:center;gap:32px}
.site-header .nav-links{display:flex;gap:4px;margin-left:0;margin-right:auto}
.site-header .menu-toggle{display:none;border:0;padding:8px}
.site-header .menu-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:0}
/* Bütün kamu sayfaları için tek başlık ve hamburger menü stili. */
.site-header .navbar .brand{flex-shrink:0}
.site-header .navbar .nav-links a{
  display:flex;
  align-items:center;
  min-height:44px;
  padding:12px 18px;
  border:0;
  border-radius:24px;
  font-family:Arial, sans-serif;
  font-size:15px;
  font-weight:400;
  line-height:20px;
  letter-spacing:0;
  color:#3c4043;
  background:transparent;
  white-space:nowrap;
  transition:background-color .18s ease,color .18s ease;
}
.site-header .navbar .nav-links a:hover{background:#f1f3f4;color:#202124}
.site-header .navbar .nav-links a[aria-current=page]{background:#e8f0fe;color:#1967d2}
.site-header .nav-links a:focus-visible,
.site-header .navbar>.button--small:focus-visible{outline:2px solid #1a73e8;outline-offset:3px}
.site-header .navbar>.button--small,
.site-header .navbar .nav-links .nav-apply{
  justify-content:center;
  padding:11px 24px;
  border-radius:24px;
  background:var(--coral);
  color:#fff;
  font-family:Arial,sans-serif;
  font-size:14px;
  font-weight:400;
  letter-spacing:0;
  white-space:nowrap;
}
.site-header .navbar>.button--small:hover,
.site-header .navbar .nav-links .nav-apply:hover{background:var(--coral-dark);transform:none;box-shadow:0 1px 3px #3c40434d}
@media(min-width:961px){
  .site-header .navbar>.button--small{height:42px;line-height:20px;padding-block:11px}
  .site-header .navbar{gap:32px;align-items:center}
  .site-header .navbar .nav-links{gap:4px;margin-left:0;margin-right:auto;align-self:center;align-items:center;padding:0}
  .site-header .navbar .nav-links .nav-apply{display:none}
}
@media(min-width:961px) and (max-width:1150px){
  .site-header .navbar{gap:20px}
  .site-header .navbar .nav-links a{padding-inline:14px;font-size:14px}
}
@media(max-width:960px){
  .site-header .nav-links{gap:8px;background:#fff;overflow-y:auto;overscroll-behavior:contain;padding:24px 20px}
  .site-header .navbar .nav-links a{padding:16px 20px;font-size:16px;min-height:52px;border-radius:28px}
  .site-header .navbar .nav-links .nav-apply{margin-top:16px;font-size:16px}
  .site-header .nav-links:not(.is-open){display:none}
}

.site-header .header-whatsapp{display:none}
@media(max-width:960px){
  .site-header .header-whatsapp{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;margin-left:auto;border-radius:50%;background:#eaf5ef;color:#087c48;position:relative;z-index:54}
  .site-header .header-whatsapp svg{display:block}
  .site-header .header-whatsapp:hover{background:#d9eddf}
  .site-header .header-whatsapp:focus-visible{outline:2px solid #087c48;outline-offset:3px}
  .site-header .navbar .menu-toggle{margin-left:0;flex:0 0 42px}
}
@media(max-width:360px){.site-header .navbar{gap:8px}}

.site-header .header-whatsapp span{display:none}
.site-header .header-whatsapp svg{animation:header-whatsapp-heartbeat 1s ease-in-out 10}
@keyframes header-whatsapp-heartbeat{
  0%,40%,100%{transform:scale(1)}
  15%{transform:scale(1.15)}
  28%{transform:scale(1.04)}
  32%{transform:scale(1.1)}
}
@media(min-width:641px) and (max-width:960px){
  .site-header .header-whatsapp{flex-basis:auto;width:auto;padding:0 14px;gap:9px;border-radius:21px}
  .site-header .header-whatsapp span{display:block;font-size:13px;font-weight:400;white-space:nowrap}
  .site-header .header-whatsapp svg{flex:none}
}
@media(prefers-reduced-motion:reduce){.site-header .header-whatsapp svg{animation:none}}



/* Mobil başvuru düğmesi ekranın altında sabit kalır. */
.site-header .header-apply-mobile{display:none}
@media(max-width:960px){
  body:has(.site-header){padding-bottom:calc(84px + env(safe-area-inset-bottom, 0px))}
  .site-header{--header-height:70px;position:sticky;top:0;z-index:90;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
  .site-header .navbar{align-items:center}
  .site-header .navbar>.button--small{
    position:fixed;
    inset:auto 16px calc(12px + env(safe-area-inset-bottom, 0px));
    z-index:91;
    display:flex;
    width:auto;
    height:52px;
    padding:14px 24px;
    margin:0;
    border-radius:28px;
    line-height:24px;
    font-size:16px;
    box-shadow:0 4px 16px rgba(0,0,0,.18);
  }
  .site-header .nav-links{height:calc(100dvh - var(--site-menu-top,var(--header-height)))}
  .site-header .header-apply-desktop{display:none}
  .site-header .header-apply-mobile{display:inline}
}

@media(max-width:960px){.site-header--delayed-apply:not(.has-visible-apply) .navbar>.button--small{visibility:hidden;opacity:0;pointer-events:none}}


/* Menü bütün sayfalarda başlığın altından ekranın en altına kadar uzanır. */
@media(max-width:960px){
  body.menu-open{overflow:hidden}
  .site-header{--header-height:70px;--header-padding:14px;--header-logo-height:42px}
  .site-header .navbar{gap:12px}
  .site-header .brand,.site-header .menu-toggle{position:relative;z-index:3}
  .site-header .menu-toggle{display:block;width:42px;height:42px;border-radius:50%;background:#f2f5f6}
  .site-header .menu-toggle span{position:absolute;left:9px;transition:transform .25s,opacity .2s}
  .site-header .menu-toggle span:nth-child(1){top:12px}
  .site-header .menu-toggle span:nth-child(2){top:18px}
  .site-header .menu-toggle span:nth-child(3){top:24px}
  .site-header .menu-toggle[aria-expanded=true] span:nth-child(1){top:19px;transform:rotate(45deg)}
  .site-header .menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
  .site-header .menu-toggle[aria-expanded=true] span:nth-child(3){top:19px;transform:rotate(-45deg)}
  .site-header .nav-links{
    position:fixed;z-index:2;inset:var(--site-menu-top,var(--header-height)) 0 0;width:100%;height:calc(100dvh - var(--site-menu-top,var(--header-height)));
    flex-direction:column;gap:8px;margin:0;border:0;border-radius:0;box-shadow:none;
    padding:28px 20px calc(28px + env(safe-area-inset-bottom, 0px));
    background-color:#f6f9fb;
    background-image:radial-gradient(ellipse at 0 0,rgba(15,193,199,.09),transparent 65%),url('/public/assets/brand/mobile-menu-pattern.svg');
    background-size:100% 100%,420px 520px;background-repeat:no-repeat,repeat;
    overflow-y:auto;overscroll-behavior:contain;
  }
  .site-header .nav-links.is-open{display:flex}
  body.menu-open .site-header .navbar>.button--small{visibility:hidden;opacity:0;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){.site-header .menu-toggle span{transition:none}}

@media(max-width:360px){.site-header .navbar{gap:8px}}
