/* HP BETA 03.6: adjustable desktop header and refined mobile canvas. Loaded after legacy header styles. */
@media (min-width:1321px) {
  .hpc-app .hpc-header-main > .hpc-main-nav {
    gap:var(--hpt03-nav-gap,12px)!important;
    justify-content:center!important;
  }
  .hpc-app .hpc-header-main > .hpc-main-nav > a:not(.hpt24-nav-account) {
    font-size:var(--hpt03-nav-font,13px)!important;
    font-weight:var(--hpt03-nav-weight,550)!important;
    line-height:1.3!important;
    letter-spacing:0!important;
    padding:9px var(--hpt03-nav-pad,8px)!important;
    min-height:36px!important;
    white-space:nowrap!important;
    gap:6px!important;
  }
  .hpc-app .hpc-header-main > .hpc-main-nav > a:not(.hpt24-nav-account) i {
    display:inline-flex!important;
    font-size:12px!important;
  }
}
/* At intermediate desktop widths, give readable navigation a dedicated horizontal row;
   do not crush its text to 9px or overflow the rest of the header. */
@media (min-width:1321px) and (max-width:1759px) {
  .hpc-app .hpc-header-main {
    display:flex!important;
    flex-wrap:wrap!important;
    column-gap:15px!important;
    row-gap:0!important;
    justify-content:space-between!important;
    padding:11px 18px 7px!important;
  }
  .hpc-app .hpc-header-main > .hpc-main-nav {
    order:8!important;
    flex:1 0 100%!important;
    width:100%!important;
    min-width:0!important;
    justify-content:center!important;
    padding:6px 0 0!important;
    border-top:1px solid #ecf0f7!important;
    margin-top:8px!important;
    gap:var(--hpt03-nav-gap,12px)!important;
  }
  .hpc-app .hpc-header-main > .hpc-site-logo,
  .hpc-app .hpc-header-main > a.custom-logo-link {margin-right:auto!important;}
}
/* Mobile canvas — consistent icon rail, row spacing and clear member CTA. */
@media (max-width:767px) {
  .hpc-app .hpc-header-main > #hpc-main-nav.is-open {
    width:min(var(--hpt03-drawer-width,380px),100vw)!important;
    max-width:100vw!important;
    padding:0 16px max(22px,env(safe-area-inset-bottom))!important;
    gap:var(--hpt03-drawer-gap,5px)!important;
    box-sizing:border-box!important;
    scroll-padding-top:70px;
  }
  .hpc-app .hpc-header-main > #hpc-main-nav.is-open > .hpt03-mobile-drawer-head {
    display:flex!important;
    position:sticky!important;
    top:0!important;
    z-index:2!important;
    order:-1!important;
    flex:0 0 auto!important;
    width:calc(100% + 32px)!important;
    min-height:70px!important;
    padding:15px 18px!important;
    margin:0 -16px 8px!important;
    border-bottom:1px solid #e6edf7!important;
    background:#fff!important;
    font-size:17px!important;
    font-weight:650!important;
    color:#132b50!important;
  }
  .hpc-app .hpc-header-main > #hpc-main-nav.is-open > a:not(.hpt24-nav-account) {
    display:flex!important;
    width:100%!important;
    flex:0 0 auto!important;
    min-height:50px!important;
    margin:0!important;
    padding:7px 11px!important;
    gap:12px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    border:1px solid transparent!important;
    border-radius:11px!important;
    background:transparent!important;
    color:#173456!important;
    box-shadow:none!important;
    font-size:var(--hpt03-drawer-font,15px)!important;
    font-weight:550!important;
    line-height:1.35!important;
    text-align:left!important;
    white-space:normal!important;
  }
  .hpc-app .hpc-header-main > #hpc-main-nav.is-open > a:not(.hpt24-nav-account):hover,
  .hpc-app .hpc-header-main > #hpc-main-nav.is-open > a:not(.hpt24-nav-account):focus-visible {
    background:#f0f6ff!important;
    border-color:#e0ecfd!important;
  }
  .hpc-app .hpc-header-main > #hpc-main-nav.is-open > a:not(.hpt24-nav-account) > i {
    display:inline-flex!important;
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    border-radius:9px!important;
    background:#edf5ff!important;
    color:#1268db!important;
    font-size:15px!important;
  }
  .hpc-app .hpc-header-main > #hpc-main-nav.is-open > .hpt-menu-finder {
    order:12!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    flex:0 0 auto!important;
    min-height:49px!important;
    margin:8px 0 2px!important;
    padding:10px 13px!important;
    font-size:var(--hpt03-drawer-font,15px)!important;
    font-weight:550!important;
    color:#1758aa!important;
    background:#f2f7ff!important;
    border:1px solid #e0ebfb!important;
    border-radius:11px!important;
    box-shadow:none!important;
    text-align:left!important;
  }
  .hpc-app .hpc-header-main > #hpc-main-nav.is-open > .hpt-menu-finder i {
    display:inline-flex!important;
    justify-content:center!important;
    width:22px!important;
    color:#1765cb!important;
  }
  .hpc-app .hpc-header-main > #hpc-main-nav.is-open > .hpt03-mobile-auth {
    display:flex!important;
    order:20!important;
    flex-direction:column!important;
    gap:10px!important;
    padding:17px 0 0!important;
    margin:10px 0 0!important;
    border-top:1px solid #e5edf7!important;
    background:transparent!important;
  }
  .hpc-app .hpc-header-main > #hpc-main-nav.is-open > .hpt03-mobile-auth:before {
    content:'ÜYELİK';
    display:block;
    margin:0 0 1px 2px;
    font-size:10px;
    font-weight:700;
    letter-spacing:.095em;
    color:#70849e;
  }
  .hpc-app .hpc-header-main > #hpc-main-nav.is-open > .hpt03-mobile-auth > a {
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    width:100%!important;
    min-height:48px!important;
    padding:11px 14px!important;
    margin:0!important;
    border:1px solid #dbe7f6!important;
    border-radius:11px!important;
    background:#f8fbff!important;
    font-size:var(--hpt03-drawer-font,15px)!important;
    font-weight:620!important;
    line-height:1.3!important;
    color:#1d426d!important;
    text-decoration:none!important;
    box-shadow:none!important;
  }
  .hpc-app .hpc-header-main > #hpc-main-nav.is-open > .hpt03-mobile-auth > a i {
    color:inherit!important;
    font-size:15px!important;
  }
  .hpc-app .hpc-header-main > #hpc-main-nav.is-open > .hpt03-mobile-auth > a.hpt03-mobile-register,
  .hpc-app .hpc-header-main > #hpc-main-nav.is-open > .hpt03-mobile-auth > a.hpt03-mobile-register:link,
  .hpc-app .hpc-header-main > #hpc-main-nav.is-open > .hpt03-mobile-auth > a.hpt03-mobile-register:visited {
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:#1268e8!important;
    border-color:#1268e8!important;
    box-shadow:0 6px 14px rgba(18,104,232,.15)!important;
  }
  .hpc-app .hpc-header-main > #hpc-main-nav.is-open > .hpt03-mobile-auth > a.hpt03-mobile-register i,
  .hpc-app .hpc-header-main > #hpc-main-nav.is-open > .hpt03-mobile-auth > a.hpt03-mobile-register span {
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  .hpc-app .hpc-header-main > #hpc-main-nav.is-open > .hpt03-mobile-auth > a.hpt03-mobile-register:hover {
    background:#0755c4!important;
  }
  html[data-hpt-theme='dark'] .hpc-app .hpc-header-main > #hpc-main-nav.is-open > .hpt03-mobile-drawer-head {
    background:#142b47!important;
    border-bottom-color:#344f6d!important;
    color:#f0f6ff!important;
  }
  html[data-hpt-theme='dark'] .hpc-app .hpc-header-main > #hpc-main-nav.is-open > a:not(.hpt24-nav-account) {
    background:transparent!important;
    border-color:transparent!important;
    color:#edf5ff!important;
  }
  html[data-hpt-theme='dark'] .hpc-app .hpc-header-main > #hpc-main-nav.is-open > a:not(.hpt24-nav-account):hover,
  html[data-hpt-theme='dark'] .hpc-app .hpc-header-main > #hpc-main-nav.is-open > a:not(.hpt24-nav-account):focus-visible {
    background:#203e61!important;
    border-color:#3a597b!important;
  }
  html[data-hpt-theme='dark'] .hpc-app .hpc-header-main > #hpc-main-nav.is-open > a:not(.hpt24-nav-account) > i {
    background:#264a73!important;
    color:#a6d2ff!important;
  }
  html[data-hpt-theme='dark'] .hpc-app .hpc-header-main > #hpc-main-nav.is-open > .hpt-menu-finder {
    background:#1c3d61!important;
    border-color:#34577f!important;
    color:#d7ebff!important;
  }
  html[data-hpt-theme='dark'] .hpc-app .hpc-header-main > #hpc-main-nav.is-open > .hpt03-mobile-auth {
    border-top-color:#385473!important;
  }
  html[data-hpt-theme='dark'] .hpc-app .hpc-header-main > #hpc-main-nav.is-open > .hpt03-mobile-auth > a:not(.hpt03-mobile-register) {
    background:#1d3b5d!important;
    border-color:#35567b!important;
    color:#eff7ff!important;
  }
  html[data-hpt-theme='dark'] .hpc-app .hpc-header-main > #hpc-main-nav.is-open > .hpt03-mobile-auth > a.hpt03-mobile-register {
    background:#146beb!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    border-color:#146beb!important;
  }
}
/* If an administrator selects very generous menu spacing, avoid clipped links even on wide screens. */
@media (min-width:1760px) {
  .hpc-app .hpc-header-main.hpt03-nav-roomy {
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:space-between!important;
    column-gap:14px!important;
    row-gap:0!important;
    padding:11px 18px 7px!important;
  }
  .hpc-app .hpc-header-main.hpt03-nav-roomy > .hpc-main-nav {
    order:8!important;
    width:100%!important;
    min-width:0!important;
    flex:1 0 100%!important;
    justify-content:center!important;
    padding:6px 0 0!important;
    margin-top:8px!important;
    border-top:1px solid #ecf0f7!important;
    gap:var(--hpt03-nav-gap,12px)!important;
  }
  .hpc-app .hpc-header-main.hpt03-nav-roomy > .hpc-site-logo,
  .hpc-app .hpc-header-main.hpt03-nav-roomy > a.custom-logo-link {margin-right:auto!important;}
}