/* Betül Beyza v9.9 | Visual QA / Mobile navigation refinement
   Scoped to the public marketing site; leaves portal dashboards untouched. */
:root { --bb-bg: #ffecf0; --bb-rose: #bc315e; --bb-ink: #291e24; --bb-line: #e9cad4; }
html { scroll-padding-top: 86px; }
body { -webkit-font-smoothing: antialiased; }
/* Preserve seamless header/hero surface, a delicate separation on scroll. */
body > header:has(.nav-wrap.v9-navigation) { background:var(--bb-bg)!important; border-bottom: 1px solid rgba(165,57,96,.10)!important; box-shadow:0 4px 20px rgba(73,29,44,.028); }
header .nav-wrap.v9-navigation > .brand { transition:opacity .2s ease; }
header .nav-wrap.v9-navigation > .brand:hover { opacity:.78; }
header .nav-wrap.v9-navigation > nav a { transition:color .2s ease,background-color .2s ease; }
header .nav-wrap.v9-navigation .nav-cta { background:#bd315c; box-shadow:none; }
/* Tidy CTA language and physical button hierarchy on all pages. */
.hero-copy .actions { align-items:center; gap:12px; }
.hero-copy .actions .button { min-height:50px; font-weight:600; letter-spacing:.005em; }
.hero-copy .actions .button.secondary { background:rgba(255,255,255,.42); border:1px solid #ca97a9; color:#8d3154; box-shadow:none; }
.hero-copy .actions .button.secondary:hover { background:#fff9fb; border-color:#ad5877; }
/* A mobile-only duplicate CTA used to block actual page content. Removed from HTML; fallback hidden. */
.mobile-actions { display:none!important; }
/* Interactive controls must not trigger horizontal overflow on narrow iPhones. */
@media (max-width:700px) {
 .hero-copy .actions { display:flex; flex-wrap:wrap; gap:10px; }
 .hero-copy .actions .button { flex:0 1 auto; max-width:100%; min-height:47px; padding:11px 19px; font-size:15px; }
 .hero-copy .actions .button.secondary { min-width:unset; }
 .hero-copy p { line-height:1.48; }
 .hero-copy h1 { overflow-wrap:normal; }
 footer .footer-bottom { padding-bottom:24px; }
}
/* Hamburger and premium slide-over. One consistent breakpoint for HTML, CSS and JS. */
@media (max-width:1250px) {
 html.site-nav-open,html.site-nav-open body { overflow:hidden!important; }
 header .nav-wrap.v9-navigation > .menu-toggle {
    z-index:1; display:grid!important; place-items:center; padding:0; width:44px; height:44px; min-width:44px; min-height:44px;
    background:rgba(255,255,255,.4)!important; color:#8d3154!important; border:1px solid #d9a9b9!important; border-radius:9px!important;
    margin-left:auto; box-shadow:none; transition:background .2s,transform .2s;
 }
 header .nav-wrap.v9-navigation > .menu-toggle:hover { background:#fff!important; }
 .hamburger-lines{display:flex; flex-direction:column; gap:5px; justify-content:center; width:20px;height:20px}
 .hamburger-lines>span{display:block;width:20px;height:1.8px;background:currentColor;border-radius:2px}
 .hamburger-lines>span:nth-child(2){width:15px;align-self:end}
 .site-nav-backdrop:not([hidden]) { display:block;position:fixed;inset:0;background:rgba(28,16,23,.46);z-index:74;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px); }
 header .nav-wrap.v9-navigation > nav {
    display:none!important; position:fixed!important; inset:0 0 0 auto!important;
    left:auto!important; right:0!important; top:0!important; bottom:0!important;
    transform:none!important; width:min(410px,calc(100vw - 26px))!important;
    max-width:100vw!important; height:100vh!important; height:100dvh!important;
    max-height:none!important; padding:0 25px calc(16px + env(safe-area-inset-bottom))!important;
    overflow-y:auto!important; overscroll-behavior:contain!important;
    background:#fff9fb!important; border:0!important; border-left:1px solid #e3c7d1!important;
    border-radius:0!important; box-shadow:-28px 0 90px rgba(29,8,22,.15)!important;
    z-index:100!important; margin:0!important; isolation:isolate;
 }
 header .nav-wrap.v9-navigation > nav.open {
    display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
    grid-template-columns:none!important; gap:0!important;
 }
 header .nav-wrap.v9-navigation > nav .site-nav-top {
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:32px 0 24px; margin-bottom:11px; border-bottom:1px solid #ecd5de;
 }
 .site-nav-kicker { display:block;font:700 10px/1.5 system-ui,sans-serif;letter-spacing:.18em;color:#ba476d; }
 .site-nav-heading { display:block;margin-top:7px;max-width:260px;font:400 23px/1.13 'Instrument Serif',Georgia,serif;color:#302229; }
 header .nav-wrap.v9-navigation > nav .site-nav-close { display:grid;place-items:center; flex:0 0 42px;height:42px;width:42px; border:1px solid #eacbd6; border-radius:10px; color:#803351; background:#fff1f5; font:400 31px/1 Georgia,serif; }
 header .nav-wrap.v9-navigation > nav > a[href] {
    display:flex!important; align-items:center!important; min-height:48px; flex:0 0 auto;
    padding:10px 8px!important; margin:0!important; border:0!important;
    font:500 16px/1.35 system-ui,-apple-system,sans-serif!important;color:#44333c!important;
    white-space:normal!important; border-bottom:1px solid rgba(206,160,178,.19)!important;
    background:transparent!important; text-transform:none!important;letter-spacing:0!important;
 }
 header .nav-wrap.v9-navigation > nav > a[href]:hover,header .nav-wrap.v9-navigation > nav > a[href][aria-current] {color:#b53360!important;background:#fff0f4!important;}
 header .nav-wrap.v9-navigation > nav > a[href][aria-current]::after {display:none!important;}
 header .nav-wrap.v9-navigation > nav .nav-mobile-auth {display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important; border:0!important;margin:21px 0 12px!important;padding:0!important; width:100%!important;flex:0 0 auto;}
 header .nav-wrap.v9-navigation > nav .nav-mobile-auth a {display:grid!important;place-items:center!important;min-height:44px!important; border-radius:8px!important; padding:10px!important;margin:0!important; font:600 14px/1.2 system-ui,sans-serif!important;}
 header .nav-wrap.v9-navigation > nav .nav-mobile-auth .mobile-login {background:transparent!important;border:1px solid #d6a3b5!important;color:#8f3155!important;}
 header .nav-wrap.v9-navigation > nav .nav-mobile-auth .mobile-register {background:#bd315e!important;border:1px solid #bd315e!important;color:white!important;}
 header .nav-wrap.v9-navigation > nav .site-nav-footer { margin-top:auto; padding:20px 0 3px;display:grid;gap:10px; }
 header .nav-wrap.v9-navigation > nav .site-nav-footer a {min-height:45px;padding:12px 15px!important;display:flex;justify-content:space-between;align-items:center;font:600 14px/1.3 system-ui,sans-serif!important;border-radius:8px!important;}
 header .nav-wrap.v9-navigation > nav .site-nav-contact{border:1px solid #d6a3b5!important;color:#96385b!important;background:#fff!important;}
 header .nav-wrap.v9-navigation > nav .site-nav-book{border:1px solid #bd315e!important;background:#bd315e!important;color:white!important;}
 header .nav-wrap.v9-navigation > nav .site-nav-footer p {margin:6px 0 0;color:#89737d;font:400 12px/1.4 system-ui,sans-serif;text-align:center;}
}
@media (max-width:420px) {
 header .nav-wrap.v9-navigation > nav { padding-left:21px!important;padding-right:21px!important; }
 header .nav-wrap.v9-navigation > nav .site-nav-top {padding-top:calc(19px + env(safe-area-inset-top))!important;}
 .hero-copy .actions .button {font-size:14px;}
}
@media (min-width:1251px) {
 .site-nav-backdrop {display:none!important;}
 header .nav-wrap.v9-navigation > nav .site-nav-top,header .nav-wrap.v9-navigation > nav .site-nav-footer {display:none!important;}
 .hamburger-lines{display:none;}
}
@media (prefers-reduced-motion:reduce){.button, .brand, header nav a{transition:none!important;}}
/* Editorial navigation detail inspired by the supplied menu reference. */
@media (max-width:1250px){
 header .nav-wrap.v9-navigation > nav {counter-reset:bb-nav-item}
 header .nav-wrap.v9-navigation > nav > a[href]{counter-increment:bb-nav-item;position:relative;gap:16px!important;font-weight:500!important;font-size:17px!important;padding:13px 6px!important;min-height:53px!important;}
 header .nav-wrap.v9-navigation > nav > a[href]::before{content:counter(bb-nav-item,decimal-leading-zero);flex:0 0 19px;color:#b7456e;font:700 9px/1.3 system-ui,-apple-system,sans-serif;letter-spacing:-.02em;}
 header .nav-wrap.v9-navigation > nav > a[href]::after{content:'↗'!important;position:static!important;display:inline-block!important;margin-left:auto;color:#b7456e;font:500 18px/1 system-ui,sans-serif;transform:none!important;background:none!important;border:0!important;width:auto!important;height:auto!important;}
}
@media (max-width:1250px){header .nav-wrap.v9-navigation > nav > a[href][aria-current]::after{content:'↗'!important;display:inline-block!important;width:auto!important;height:auto!important;position:static!important;transform:none!important;opacity:1!important;}}