/* Shared dark mode for city, niche, audit and dental content pages. */
body:not(.light-theme).city-ads-page,
body:not(.light-theme).city-gbp-page{background:#07100d;color:#f7faf8}
body:not(.light-theme).city-ads-page .city-hero,
body:not(.light-theme).city-gbp-page .city-hero{
  background:radial-gradient(circle at 12% 8%,rgba(66,199,134,.12),transparent 31%),#07100d
}
body:not(.light-theme) .city-back{color:#9eaaa4}
body:not(.light-theme) .city-kicker{color:#42c786}
body:not(.light-theme) .city-hero h1,
body:not(.light-theme) .city-section h2,
body:not(.light-theme) .city-final h2{color:#f7faf8}
body:not(.light-theme) .city-hero h1 span{color:#7ee7ad}
body:not(.light-theme) .city-lead,
body:not(.light-theme) .city-intro>p,
body:not(.light-theme) .city-note,
body:not(.light-theme) .city-final p,
body:not(.light-theme) .city-parent-link{color:#aeb8b3}
body:not(.light-theme) .city-actions .ghost{background:#0b1511;border-color:rgba(255,255,255,.16);color:#f7faf8}
body:not(.light-theme) .city-trust span{border-color:rgba(255,255,255,.12);background:#0b1511;color:#bdc7c1}
body:not(.light-theme) .city-summary,
body:not(.light-theme) .city-card-grid article,
body:not(.light-theme) .city-steps article,
body:not(.light-theme) .city-checks div,
body:not(.light-theme) .city-location-nav a{
  border-color:rgba(255,255,255,.09);background:#0a1511;color:#edf3f0;box-shadow:none
}
body:not(.light-theme) .city-summary h2,
body:not(.light-theme) .city-card-grid h3,
body:not(.light-theme) .city-steps h3,
body:not(.light-theme) .city-faq summary{color:#f7faf8}
body:not(.light-theme) .city-summary li,
body:not(.light-theme) .city-card-grid p,
body:not(.light-theme) .city-steps p,
body:not(.light-theme) .city-faq p{color:#aeb8b3}
body:not(.light-theme) .city-section{border-top-color:rgba(255,255,255,.08)}
body:not(.light-theme) .city-section-soft{background:#09130f}
body:not(.light-theme) .city-checks div{color:#cbd4cf}
body:not(.light-theme) .city-steps b{background:rgba(126,231,173,.12);color:#7ee7ad}
body:not(.light-theme) .city-faq{border-top-color:rgba(255,255,255,.14)}
body:not(.light-theme) .city-faq details{border-bottom-color:rgba(255,255,255,.14)}
body:not(.light-theme) .city-location-nav a[aria-current="page"]{border-color:rgba(126,231,173,.52);background:rgba(126,231,173,.10);color:#7ee7ad}
body:not(.light-theme) .city-parent-link a{color:#7ee7ad}
body:not(.light-theme) .city-final-card{
  border-color:rgba(255,255,255,.10);
  background:radial-gradient(circle at 8% 18%,rgba(126,231,173,.08),transparent 32%),#0a1511
}
body:not(.light-theme) .city-summary>span{color:#42c786}
body:not(.light-theme) .city-summary li:before,
body:not(.light-theme) .city-checks div:before,
body:not(.light-theme) .city-faq summary:after{color:#7ee7ad}

@media (max-width:1024px){
  body.city-ads-page #theme-toggle,
  body.city-gbp-page #theme-toggle{display:none!important}
}

/* Shared approved mobile public header for all new city / niche / audit / dental pages. */
.city-mobile-avatar,
.city-mobile-brand-copy,
.city-mobile-menu-toggle,
.city-mobile-menu{display:none}

@media (max-width:1024px){
  body.city-mobile-header-enabled .site-header{
    position:sticky!important;
    top:0!important;
    z-index:80!important;
    height:70px!important;
    background:rgba(251,251,248,.98)!important;
    border-bottom:0!important;
    box-shadow:none!important;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px)
  }
  body.city-mobile-header-enabled .site-header .header-inner{
    width:min(100% - 28px,760px)!important;
    height:70px!important;
    display:flex!important;
    align-items:center!important;
    margin:0 auto!important
  }
  body.city-mobile-header-enabled .site-header .brand{
    min-width:0!important;
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:12px!important;
    color:#202421!important;
    text-decoration:none!important;
    line-height:1!important
  }
  body.city-mobile-header-enabled .site-header .brand>.brand-name,
  body.city-mobile-header-enabled .site-header .brand>.brand-sub{display:none!important}
  body.city-mobile-header-enabled .city-mobile-avatar{
    display:block!important;
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    border-radius:50%!important;
    object-fit:cover!important;
    object-position:center 18%!important;
    filter:grayscale(1) contrast(1.04)!important;
    box-shadow:0 0 0 1px rgba(24,33,29,.08)!important
  }
  body.city-mobile-header-enabled .city-mobile-brand-copy{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important
  }
  body.city-mobile-header-enabled .city-mobile-brand-name{
    display:block!important;
    color:#202421!important;
    font:800 21px/1 Manrope,Inter,Arial,sans-serif!important;
    letter-spacing:-.045em!important;
    white-space:nowrap!important
  }
  body.city-mobile-header-enabled .city-mobile-brand-name i{
    color:#7ee7ad!important;
    font-style:normal!important
  }
  body.city-mobile-header-enabled .city-mobile-brand-sub{
    display:block!important;
    margin-top:5px!important;
    color:#69716d!important;
    font:700 9.5px/1.1 Inter,Arial,sans-serif!important;
    letter-spacing:.015em!important;
    text-transform:none!important;
    white-space:nowrap!important
  }
  body.city-mobile-header-enabled .site-header .main-nav,
  body.city-mobile-header-enabled .site-header .top-cta,
  body.city-mobile-header-enabled .site-header #theme-toggle{display:none!important}
  body.city-mobile-header-enabled .site-header .header-actions{
    flex:0 0 auto!important;
    margin-left:12px!important;
    display:flex!important;
    align-items:center!important;
    gap:0!important
  }
  body.city-mobile-header-enabled .city-mobile-menu-toggle{
    display:inline-flex!important;
    width:40px!important;
    height:40px!important;
    padding:0!important;
    border:1px solid #d8ddd9!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.82)!important;
    align-items:center!important;
    justify-content:center!important;
    cursor:pointer!important;
    box-shadow:none!important;
    -webkit-tap-highlight-color:transparent!important
  }
  body.city-mobile-header-enabled .city-mobile-menu-toggle-box{
    position:relative!important;
    display:block!important;
    width:20px!important;
    height:16px!important
  }
  body.city-mobile-header-enabled .city-mobile-menu-toggle-box::before,
  body.city-mobile-header-enabled .city-mobile-menu-toggle-box::after,
  body.city-mobile-header-enabled .city-mobile-menu-toggle-box span{
    content:""!important;
    position:absolute!important;
    left:0!important;
    width:20px!important;
    height:2px!important;
    border-radius:999px!important;
    background:#202623!important;
    transition:transform .2s ease,top .2s ease,opacity .16s ease!important
  }
  body.city-mobile-header-enabled .city-mobile-menu-toggle-box::before{top:0!important}
  body.city-mobile-header-enabled .city-mobile-menu-toggle-box span{top:7px!important}
  body.city-mobile-header-enabled .city-mobile-menu-toggle-box::after{top:14px!important}
  body.city-mobile-header-enabled .city-mobile-menu-toggle[aria-expanded="true"] .city-mobile-menu-toggle-box::before{
    top:7px!important;transform:rotate(45deg)!important
  }
  body.city-mobile-header-enabled .city-mobile-menu-toggle[aria-expanded="true"] .city-mobile-menu-toggle-box span{opacity:0!important}
  body.city-mobile-header-enabled .city-mobile-menu-toggle[aria-expanded="true"] .city-mobile-menu-toggle-box::after{
    top:7px!important;transform:rotate(-45deg)!important
  }
  body.city-mobile-header-enabled .city-mobile-menu{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:14px!important;
    right:14px!important;
    z-index:90!important;
    padding:10px!important;
    border:1px solid #dce2dd!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.99)!important;
    box-shadow:0 22px 60px rgba(19,31,24,.14)!important
  }
  body.city-mobile-header-enabled .city-mobile-menu.is-open{display:block!important}
  body.city-mobile-header-enabled .city-mobile-menu nav{display:grid!important}
  body.city-mobile-header-enabled .city-mobile-menu nav a{
    display:flex!important;
    align-items:center!important;
    min-height:48px!important;
    padding:0 14px!important;
    border-radius:11px!important;
    color:#27302b!important;
    text-decoration:none!important;
    font:700 14px/1.2 Inter,Arial,sans-serif!important
  }
  body.city-mobile-header-enabled .city-mobile-menu nav a:active{background:#f0f5f1!important}
  body.city-mobile-header-enabled .city-mobile-menu-cta{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:48px!important;
    margin-top:8px!important;
    padding:0 16px!important;
    border-radius:12px!important;
    background:#42c786!important;
    color:#07100d!important;
    text-decoration:none!important;
    font:800 14px/1 Inter,Arial,sans-serif!important
  }
}