/* Ortak header: regular metin ve sade, yuvarlak menü durumları. */
.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{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}
  .advantages-page.menu-open{overflow:hidden}
  .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(--header-height) - 84px - env(safe-area-inset-bottom, 0px))}
  .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}}
