/* Logos supplied by the salon: preserve proportions. */
.navbar .logo-img{width:140px;height:auto;max-width:100%;object-fit:contain}
.footer .footer-brand{display:inline-block;margin-bottom:24px;max-width:100%;line-height:1}
.footer .footer-logo{width:240px;max-width:100%;height:auto;object-fit:contain;border-radius:0}
.footer-logo-light{display:block}.footer-logo-dark{display:none}
html[data-theme="dark"] .footer-logo-light{display:none}
html[data-theme="dark"] .footer-logo-dark{display:block}
@media(prefers-color-scheme:dark){html:not([data-theme]) .footer-logo-light{display:none}html:not([data-theme]) .footer-logo-dark{display:block}}
@media(max-width:380px){.navbar .logo-img{width:100px}}

/* Desktop navigation: shared vertical rhythm, understated appointment link. */
@media(min-width:1200px){
 .navbar .navbar-nav{align-items:center}
 .navbar .navbar-nav .nav-link{line-height:1.5;padding-top:10px;padding-bottom:10px}
 .navbar .navbar-nav .nav-link.rdv{position:relative;border:0;background:transparent;padding:10px 12px;font-weight:500;margin-top:1px;margin-bottom:1px;transition:color .25s ease}
 .navbar .navbar-nav .nav-link.rdv::after{content:'';position:absolute;left:12px;right:12px;bottom:5px;height:1px;background:#c5a643;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
 .navbar .navbar-nav .nav-link.rdv:hover::after,.navbar .navbar-nav .nav-link.rdv:focus-visible::after{transform:scaleX(1)}
}