/* Love Studios NYC - top menu bar, new design (inc/ls-header.php). */
body.ls-new-header #header-container { position: sticky !important; top: 0; z-index: 999; background: rgba(255,255,255,.9) !important; -webkit-backdrop-filter: saturate(180%) blur(14px); backdrop-filter: saturate(180%) blur(14px); border-bottom: 1px solid #e8e8e6; box-shadow: none !important; }
body.ls-new-header.admin-bar #header-container { top: 32px; }
body.ls-new-header #header, body.ls-new-header #header.cloned { position: relative !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
body.ls-new-header #header.cloned { display: none !important; }
body.ls-new-header #header > .container { display: flex; align-items: center; gap: 24px; width: 100% !important; max-width: 1360px; min-height: 68px; margin: 0 auto; padding: 0 32px; box-sizing: border-box; }
body.ls-new-header #header > .container::before, body.ls-new-header #header > .container::after { display: none; }
body.ls-new-header #header .left-side { display: flex; align-items: center; flex: 1 1 auto; width: auto !important; float: none !important; min-width: 0; }
body.ls-new-header #header .right-side { display: flex; align-items: center; flex: 0 0 auto; width: auto !important; float: none !important; height: auto; }
body.ls-new-header #logo { display: flex; align-items: center; margin: 0 28px 0 0 !important; padding: 0 !important; background: transparent !important; }
body.ls-new-header #logo a { display: flex; align-items: center; }
body.ls-new-header #logo img { max-height: 34px !important; width: auto; margin: 0 !important; transform: none !important; }
body.ls-new-header #navigation { flex: 1 1 auto; float: none !important; margin: 0 !important; }
body.ls-new-header #navigation.style-1 > ul { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; margin: 0 !important; padding: 0 !important; float: none !important; }
body.ls-new-header #navigation.style-1 > ul > li { float: none !important; margin: 0 !important; }
body.ls-new-header #navigation.style-1 > ul > li > a { display: inline-flex; align-items: center; min-height: 40px; margin: 0 !important; padding: 0 12px !important; border-radius: 999px; background: transparent !important; font-family: 'Inter', system-ui, sans-serif !important; font-size: 14.5px !important; font-weight: 500 !important; letter-spacing: 0 !important; line-height: 1 !important; color: #111 !important; transition: background .15s, color .15s; }
body.ls-new-header #navigation.style-1 > ul > li > a:hover { background: #f4f4f2 !important; color: #111 !important; }
body.ls-new-header #navigation.style-1 > ul > li.current-menu-item > a, body.ls-new-header #navigation.style-1 > ul > li.current_page_item > a, body.ls-new-header #navigation.style-1 > ul > li.current-menu-ancestor > a { background: #f4f4f2 !important; color: #111 !important; }
body.ls-new-header #navigation.style-1 > ul > li > a::after, body.ls-new-header #navigation.style-1 > ul > li > a::before { display: none !important; }
body.ls-new-header #navigation.style-1 > ul > li > a img { max-height: 22px; width: auto; }
body.ls-new-header #navigation.style-1 ul ul { border-radius: 14px !important; border: 1px solid #e8e8e6 !important; box-shadow: 0 16px 40px rgba(0,0,0,.1) !important; padding: 8px !important; }
body.ls-new-header #navigation.style-1 ul ul li a { border-radius: 10px; font-family: 'Inter', system-ui, sans-serif; font-size: 14px; color: #111 !important; }
/* The black button */
body.ls-new-header #navigation.style-1 > ul > li.ls-nav-cta { margin-left: auto !important; }
body.ls-new-header #navigation.style-1 > ul > li.ls-nav-cta > a { min-height: 44px; padding: 0 20px !important; background: #111 !important; color: #fff !important; font-weight: 600 !important; }
body.ls-new-header #navigation.style-1 > ul > li.ls-nav-cta > a:hover { background: #333 !important; color: #fff !important; }
/* Cart and account on the right */
body.ls-new-header .header-widget { display: flex; align-items: center; gap: 10px; height: auto !important; padding: 0 !important; margin: 0 !important; border: 0 !important; }
body.ls-new-header .header-widget .listeo-cart-container, body.ls-new-header .header-widget .user-menu { margin: 0 !important; }
body.ls-new-header .header-widget .listeo-cart-container > a, body.ls-new-header .header-widget .mini-cart-button { background: #f4f4f2 !important; border: 0 !important; }
body.ls-new-header .header-widget .cart-count, body.ls-new-header .header-widget .listeo-cart-container .count, body.ls-new-header .header-widget .mini-cart-count { background: #111 !important; color: #fff !important; }
body.ls-new-header .header-widget .user-menu .user-name { font-family: 'Inter', system-ui, sans-serif; font-size: 14.5px; font-weight: 500; color: #111; }
body.ls-new-header .header-widget .sign-in, body.ls-new-header .header-widget a.button.border { min-height: 40px; padding: 0 16px !important; border: 1px solid #cfcfcc !important; border-radius: 999px !important; background: #fff !important; color: #111 !important; font-family: 'Inter', system-ui, sans-serif; font-size: 14.5px !important; font-weight: 500 !important; line-height: 38px !important; }
body.ls-new-header .header-widget .sign-in i { display: none; }
/* Phones and tablets: logo, then cart and account, menu behind the burger */
@media (max-width: 1024px) {
    body.ls-new-header #header > .container { min-height: 60px; padding: 0 16px; gap: 12px; flex-wrap: nowrap; }
    body.ls-new-header #logo img { max-height: 28px !important; }
    body.ls-new-header #navigation { display: none !important; }
    body.ls-new-header .mmenu-trigger { order: 3; margin: 0 0 0 8px !important; position: static !important; }
    body.ls-new-header #header .left-side { order: 1; }
    body.ls-new-header #header .right-side { order: 2; margin-left: auto; }
    body.ls-new-header .header-widget .user-menu .user-name { display: none; }
}

/* Cart and account sit side by side */
body.ls-new-header .header-widget .listeo-cart-container { position: relative; float: none !important; display: flex; align-items: center; }
body.ls-new-header .header-widget .mini-cart-button { position: relative; display: flex !important; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0 !important; border-radius: 50%; background: #f4f4f2 !important; color: #111 !important; }
body.ls-new-header .header-widget .mini-cart-button .badge { position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: #111 !important; color: #fff !important; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; }
body.ls-new-header .header-widget .user-menu { top: 0 !important; margin: 0 0 0 4px !important; padding: 0 !important; display: flex; align-items: center; float: none !important; }
body.ls-new-header .header-widget .user-menu .user-name { display: flex; align-items: center; gap: 8px; padding: 0 0 0 0 !important; line-height: 40px; }
body.ls-new-header .header-widget .user-menu .user-name span { position: static !important; display: inline-flex; width: 32px; height: 32px; margin: 0 !important; transform: none !important; }
body.ls-new-header .header-widget .user-menu .user-name span img { width: 32px; height: 32px; border-radius: 50%; }
body.ls-new-header .header-widget .user-menu ul { top: 48px !important; right: 0; left: auto !important; border-radius: 14px; border: 1px solid #e8e8e6; box-shadow: 0 16px 40px rgba(0,0,0,.1); }
body.ls-new-header #header-container { overflow-x: clip; }
@media (max-width: 1024px) {
    body.ls-new-header .header-widget .user-menu .user-name { font-size: 0; }
    body.ls-new-header .header-widget .sign-in { padding: 0 12px !important; font-size: 14px !important; }
    body.ls-new-header #header .right-side { position: static !important; display: flex !important; width: auto !important; }
    body.ls-new-header .mmenu-trigger { display: flex !important; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: #f4f4f2 !important; }
}
body.ls-new-header .header-widget .user-menu::before, body.ls-new-header .header-widget .user-menu::after, body.ls-new-header .header-widget .user-menu .user-name::before, body.ls-new-header .header-widget .user-menu .user-name span::before, body.ls-new-header .header-widget .user-menu .user-name span::after { display: none !important; }
body.ls-new-header .header-widget .user-menu .user-name::after { position: static !important; margin-left: 2px; }
@media (max-width: 1024px) {
    body.ls-new-header #header .right-side { order: 2; }
    body.ls-new-header .mmenu-trigger { order: 3; float: none !important; top: auto !important; right: auto !important; height: 44px !important; margin: 0 !important; }
    body.ls-new-header .mmenu-trigger .hamburger { display: flex !important; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0 !important; margin: 0 !important; transform: none !important; }
    body.ls-new-header .mmenu-trigger .hamburger-box { transform: scale(.8); }
    body.ls-new-header #header .left-side { flex: 1 1 auto; }
    body.ls-new-header .header-widget .user-menu { display: flex !important; }
    body.ls-new-header .header-widget .user-menu .user-name::after { display: none !important; }
}
@media (max-width: 1024px) {
    body.ls-new-header #header > .container { position: relative; padding-right: 72px !important; }
    body.ls-new-header .mmenu-trigger { position: absolute !important; right: 16px !important; top: 50% !important; transform: translateY(-50%); }
}
@media (max-width: 1024px) {
    body.ls-new-header .header-widget .user-menu { flex: 0 0 auto !important; }
    body.ls-new-header .header-widget .user-menu .user-name { max-width: none !important; overflow: visible !important; width: 32px; }
    body.ls-new-header .header-widget .user-menu .user-name span img { border: 0 !important; box-shadow: none !important; }
    body.ls-new-header .mmenu-trigger { width: 44px !important; height: 44px !important; padding: 0 !important; border-radius: 12px; background: #f4f4f2 !important; }
    body.ls-new-header .mmenu-trigger .hamburger { position: relative; top: 0 !important; left: 0 !important; width: 44px; height: 44px; transform: none !important; }
    body.ls-new-header .mmenu-trigger .hamburger-box { position: relative; display: block; width: 20px; height: 14px; transform: none; }
    body.ls-new-header .mmenu-trigger .hamburger-inner, body.ls-new-header .mmenu-trigger .hamburger-inner::before, body.ls-new-header .mmenu-trigger .hamburger-inner::after { width: 20px; height: 2px; border-radius: 2px; background-color: #111 !important; }
    body.ls-new-header .mmenu-trigger .hamburger:not(.is-active) .hamburger-inner { top: 6px; bottom: auto; margin: 0; }
    body.ls-new-header .mmenu-trigger .hamburger:not(.is-active) .hamburger-inner::before { top: -6px; }
    body.ls-new-header .mmenu-trigger .hamburger:not(.is-active) .hamburger-inner::after { top: 6px; bottom: auto; }
}
body.ls-new-header .header-widget .user-menu .user-name span { flex: 0 0 32px; overflow: hidden; border-radius: 50%; }
body.ls-new-header .header-widget .user-menu .user-name span img { width: 32px !important; height: 32px !important; max-width: none !important; object-fit: cover; }

/* Phone menu: light, like the header and the rest of the new design */
body.ls-new-header .mobile-navigation-wrapper { background: #fff; color: #111; font-family: 'Inter', system-ui, sans-serif; }
body.ls-new-header .mobile-nav-header { position: relative; height: 72px; padding: 0 20px; display: flex; align-items: center; border-bottom: 1px solid #ececea; }
body.ls-new-header .mobile-nav-header .menu-logo a img { max-height: 40px; }
body.ls-new-header .mobile-nav-header .menu-icon-toggle { top: 14px; right: 16px; width: 44px; height: 44px; border-radius: 12px; background: #f4f4f2; }
body.ls-new-header .mobile-nav-header .menu-icon-toggle::before, body.ls-new-header .mobile-nav-header .menu-icon-toggle::after { background-color: #111 !important; left: 25%; }
body.ls-new-header .mobile-navigation-list { margin: 8px 20px 0; }
body.ls-new-header .mobile-navigation-list li { border-bottom: 1px solid #ececea; }
body.ls-new-header .mobile-navigation-list li a { color: #111; font-size: 18px; font-weight: 600; padding: 16px 4px; }
body.ls-new-header .mobile-navigation-list li a:hover, body.ls-new-header .mobile-navigation-list li.current-menu-item > a { color: #111; opacity: .65; }
body.ls-new-header .mobile-navigation-list li.ls-nav-cta { border-bottom: 0; padding-top: 20px; }
body.ls-new-header .mobile-navigation-list li.ls-nav-cta > a { display: flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 24px; border-radius: 999px; background: #111; color: #fff !important; opacity: 1; }
body.ls-new-header .mobile-nav-widgets { color: #5a5a5a; padding: 8px 24px 32px; }
body.ls-new-header .mobile-nav-widgets h4, body.ls-new-header .mobile-nav-widgets h5 { color: #111; font-weight: 700; }
body.ls-new-header .mobile-nav-widgets a { color: #111; }
body.ls-new-header .mobile-menu-widget:first-child { border-top: 1px solid #ececea; }

/* Phones: the theme's red "back to top" button sits on top of content and booking bars */
@media (max-width: 768px) { body.ls-new-header #backtotop { display: none !important; } }
body.ls-new-header .mobile-navigation-wrapper .mobile-nav-header { background: #fff !important; }
body.ls-new-header .mobile-navigation-list li.ls-nav-cta > a { justify-content: center !important; text-align: center !important; }

/* Links that jump down the page (Check dates, See the spaces...) stop below the sticky header */
html:has(body.ls-new-header) { scroll-padding-top: 104px; }
@media (max-width: 768px) { html:has(body.ls-new-header) { scroll-padding-top: 84px; } }

/* Mid-size screens (small laptops, iPad landscape): keep the menu on one line */
@media (min-width: 1025px) and (max-width: 1360px) {
    body.ls-new-header #navigation.style-1 > ul { flex-wrap: nowrap !important; }
    body.ls-new-header #navigation.style-1 > ul > li > a { padding: 0 8px !important; font-size: 13.5px !important; white-space: nowrap; }
    body.ls-new-header #navigation.style-1 > ul > li.ls-nav-cta > a { padding: 0 14px !important; }
    body.ls-new-header .header-widget .user-menu .user-name { font-size: 13.5px; }
}
@media (min-width: 1025px) and (max-width: 1200px) {
    body.ls-new-header #navigation.style-1 > ul > li.ls-nav-cta { display: none !important; }
}
@media (min-width: 1025px) and (max-width: 1360px) {
    body.ls-new-header #header > .container { display: flex !important; align-items: center; flex-wrap: nowrap; }
    body.ls-new-header #header .left-side { flex: 1 1 auto; min-width: 0; width: auto !important; }
    body.ls-new-header #header .right-side { flex: 0 0 auto; width: auto !important; margin: 0 0 0 12px !important; float: none !important; top: auto !important; }
    body.ls-new-header #navigation { padding: 0 !important; }
}

/* Dashboard pages print a second logo for the old dark sidebar: show one */
body.ls-new-header #logo a.dashboard-logo { display: none !important; }
body.ls-new-header #logo a:not(.dashboard-logo) { display: flex !important; }

/* ---------- Sign in / Register pop-up, new design ---------- */
body.ls-new-header .mfp-bg { background: rgba(17,17,17,.55) !important; opacity: 1 !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
body.ls-new-header #sign-in-dialog {
    max-width: 460px !important; width: calc(100% - 32px); margin: 40px auto !important; padding: 0 !important;
    border-radius: 24px !important; overflow: hidden; background: #fff !important;
    box-shadow: 0 30px 80px rgba(0,0,0,.25) !important; font-family: 'Inter', system-ui, sans-serif;
}
body.ls-new-header #sign-in-dialog .small-dialog-header {
    margin: 0 !important; padding: 30px 32px 6px !important; background: #fff !important; border: 0 !important; width: auto !important;
}
body.ls-new-header #sign-in-dialog .small-dialog-header h3 {
    margin: 0 !important; padding: 0 !important; font-family: 'Inter Tight', 'Inter', sans-serif !important; font-size: 28px !important; font-weight: 700 !important; letter-spacing: -.02em; color: #111 !important;
}
body.ls-new-header #sign-in-dialog .mfp-close {
    top: 24px !important; right: 24px !important; width: 40px !important; height: 40px !important; border-radius: 50% !important;
    background: #f4f4f2 !important; color: #111 !important; opacity: 1 !important; line-height: 40px !important; box-shadow: none !important;
}
body.ls-new-header #sign-in-dialog .mfp-close:hover { background: #e8e8e6 !important; }
body.ls-new-header #sign-in-dialog .sign-in-form { padding: 18px 32px 32px !important; }
/* Log in | Register as a two-part switch */
body.ls-new-header #sign-in-dialog .tabs-nav {
    display: flex !important; gap: 4px; margin: 0 0 22px !important; padding: 4px !important; border: 0 !important;
    border-radius: 999px; background: #f1f1ee; list-style: none;
}
body.ls-new-header #sign-in-dialog .tabs-nav li { flex: 1 1 0; float: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
body.ls-new-header #sign-in-dialog .tabs-nav li a {
    display: flex !important; align-items: center; justify-content: center; height: 42px; margin: 0 !important; padding: 0 !important;
    border: 0 !important; border-radius: 999px; background: transparent; color: #5a5a5a !important; font-size: 15px !important; font-weight: 600 !important;
}
body.ls-new-header #sign-in-dialog .tabs-nav li a::after, body.ls-new-header #sign-in-dialog .tabs-nav li a::before { display: none !important; }
body.ls-new-header #sign-in-dialog .tabs-nav li.active a { background: #fff !important; color: #111 !important; box-shadow: 0 2px 8px rgba(0,0,0,.08); }
body.ls-new-header #sign-in-dialog .tabs-container { border: 0 !important; }
body.ls-new-header #sign-in-dialog .tab-content { padding: 0 !important; border: 0 !important; background: transparent !important; }
/* Fields */
body.ls-new-header #sign-in-dialog .form-row { margin: 0 0 12px !important; padding: 0 !important; }
body.ls-new-header #sign-in-dialog .form-row label { position: relative; display: block; margin: 0 !important; }
body.ls-new-header #sign-in-dialog .form-row label > i { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); margin: 0 !important; font-size: 15px; color: #8a8a86; z-index: 1; }
body.ls-new-header #sign-in-dialog input.input-text, body.ls-new-header #sign-in-dialog input[type=email], body.ls-new-header #sign-in-dialog input[type=password], body.ls-new-header #sign-in-dialog input[type=text] {
    height: 52px !important; margin: 0 !important; padding: 0 16px 0 44px !important; border: 1px solid #d6d6d2 !important; border-radius: 12px !important;
    background: #fff !important; box-shadow: none !important; font-size: 16px !important; color: #111 !important; box-sizing: border-box; width: 100%;
}
body.ls-new-header #sign-in-dialog input.input-text:focus, body.ls-new-header #sign-in-dialog input[type=password]:focus { border-color: #111 !important; box-shadow: 0 0 0 3px rgba(0,0,0,.08) !important; outline: none; }
body.ls-new-header #sign-in-dialog .lost_password { display: block; margin: 4px 0 18px !important; }
body.ls-new-header #sign-in-dialog .lost_password a, body.ls-new-header #sign-in-dialog .checkboxes a { color: #111 !important; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }
/* Main button */
body.ls-new-header #sign-in-dialog input[type=submit].button, body.ls-new-header #sign-in-dialog .button.border {
    display: block; width: 100% !important; height: 54px !important; margin: 6px 0 0 !important; padding: 0 24px !important;
    border: 0 !important; border-radius: 999px !important; background: #111 !important; color: #fff !important;
    font-size: 16px !important; font-weight: 600 !important; line-height: 54px !important; box-shadow: none !important; cursor: pointer;
}
body.ls-new-header #sign-in-dialog input[type=submit].button:hover { background: #333 !important; }
/* Checkboxes */
body.ls-new-header #sign-in-dialog .checkboxes { margin: 12px 0 0 !important; font-size: 14px; color: #3d3d3a; }
body.ls-new-header #sign-in-dialog .checkboxes label { display: inline-flex !important; align-items: center; gap: 10px; padding: 0 !important; font-size: 14px !important; color: #3d3d3a !important; }
body.ls-new-header #sign-in-dialog .checkboxes input[type=checkbox] + label::before { border-radius: 6px !important; border-color: #cfcfcc !important; }
body.ls-new-header #sign-in-dialog .checkboxes input[type=checkbox]:checked + label::before { background: #111 !important; border-color: #111 !important; }
body.ls-new-header #sign-in-dialog .notification { border-radius: 12px !important; }
body.ls-new-header #sign-in-dialog .account-type { display: flex; gap: 8px; margin: 0 0 14px; }
@media (max-width: 480px) {
    body.ls-new-header #sign-in-dialog { margin: 16px auto !important; border-radius: 20px !important; }
    body.ls-new-header #sign-in-dialog .small-dialog-header { padding: 24px 20px 4px !important; }
    body.ls-new-header #sign-in-dialog .sign-in-form { padding: 14px 20px 24px !important; }
    body.ls-new-header #sign-in-dialog .mfp-close { top: 18px !important; right: 16px !important; }
}

/* Dashboard pages: the logo sits in the bar like on every other page */
body.ls-new-header.dashboard #logo, body.ls-new-header #dashboard ~ * #logo, body.ls-new-header .dashboard #logo {
    position: static !important; height: auto !important; min-width: 0 !important; max-width: none !important; width: auto !important;
    background: transparent !important; margin: 0 28px 0 0 !important; top: auto !important; left: auto !important;
}
body.ls-new-header.dashboard #logo a, body.ls-new-header.dashboard #logo a img { margin: 0 !important; height: auto !important; top: auto !important; transform: none !important; }
body.ls-new-header.dashboard #header .left-side { display: flex !important; flex-direction: row !important; align-items: center; }

/* Sign-in pop-up: title padding and plain checkboxes */
body.ls-new-header #sign-in-dialog .small-dialog-header { position: relative !important; left: auto !important; right: auto !important; transform: none !important; width: 100% !important; box-sizing: border-box !important; }
body.ls-new-header #sign-in-dialog .checkboxes input[type=checkbox] {
    display: inline-block !important; position: static !important; width: 18px !important; height: 18px !important; margin: 0 8px 0 0 !important;
    opacity: 1 !important; visibility: visible !important; vertical-align: middle; accent-color: #111; -webkit-appearance: checkbox; appearance: auto;
}
body.ls-new-header #sign-in-dialog .checkboxes label { display: inline !important; padding: 0 !important; margin: 0 !important; vertical-align: middle; }
body.ls-new-header #sign-in-dialog .checkboxes label::before, body.ls-new-header #sign-in-dialog .checkboxes label::after { display: none !important; }
body.ls-new-header #sign-in-dialog .checkboxes { display: flex; align-items: center; flex-wrap: wrap; }

/* Laptops and up: menu always on one line (also on dashboard pages) */
@media (min-width: 1025px) {
    body.ls-new-header #navigation.style-1 > ul { flex-wrap: nowrap !important; }
    body.ls-new-header #navigation.style-1 > ul > li { flex: 0 0 auto; }
    body.ls-new-header.dashboard #header > .container, body.ls-new-header #header.dashboard-header > .container, body.ls-new-header #header-container.fullwidth #header > .container {
        max-width: 1360px !important; width: 100% !important; margin: 0 auto !important; padding: 0 32px !important; display: flex !important; align-items: center; flex-wrap: nowrap !important;
    }
    body.ls-new-header.dashboard #header .right-side { position: static !important; margin: 0 0 0 12px !important; }
}

/* Dashboard pages (My Bookings...): the old theme pushed the logo 33px right, so the
   menu ran under the cart. Same logo spot as every other page. */
body.ls-new-header .dashboard #logo a, body.ls-new-header .dashboard #logo a img,
body.ls-new-header #header-container.dashboard #logo a, body.ls-new-header #header-container.dashboard #logo a img { margin: 0 !important; }
/* Always a clear gap between the black button and the cart */
@media (min-width: 1025px) {
    body.ls-new-header #header .right-side { margin-left: 16px !important; }
    body.ls-new-header #header .left-side, body.ls-new-header #navigation { min-width: 0; }
}
/* Laptops up to 1480px: a slightly tighter menu so it always fits on one line */
@media (min-width: 1025px) and (max-width: 1480px) {
    body.ls-new-header #navigation.style-1 > ul > li > a { padding: 0 9px !important; font-size: 14px !important; white-space: nowrap; }
    body.ls-new-header #navigation.style-1 > ul > li.ls-nav-cta > a { padding: 0 16px !important; }
    body.ls-new-header #logo { margin-right: 18px !important; }
}
@media (min-width: 1025px) and (max-width: 1360px) {
    body.ls-new-header #navigation.style-1 > ul > li > a { padding: 0 7px !important; font-size: 13.5px !important; }
}

/* Set by the header script when the menu would touch the cart (inc/ls-header.php) */
@media (min-width: 1025px) {
    body.ls-new-header.ls-hdr-tight #navigation.style-1 > ul > li > a { padding: 0 6px !important; font-size: 13.5px !important; }
    body.ls-new-header.ls-hdr-tight #navigation.style-1 > ul > li.ls-nav-cta > a { padding: 0 14px !important; }
    body.ls-new-header.ls-hdr-tight #logo { margin-right: 12px !important; }
    body.ls-new-header.ls-hdr-tighter #navigation.style-1 > ul > li.ls-nav-cta { display: none !important; }
}

/* ---------- Menu: a little smaller and lighter, clearer hover (Nov 2026) ---------- */
body.ls-new-header #navigation.style-1 > ul > li > a { font-size: 14px !important; font-weight: 400 !important; color: #2a2a28 !important; }
body.ls-new-header #navigation.style-1 > ul > li > a:hover, body.ls-new-header #navigation.style-1 > ul > li > a:focus-visible { background: #e9e9e6 !important; color: #000 !important; box-shadow: inset 0 0 0 1px #d6d6d2; }
body.ls-new-header #navigation.style-1 > ul > li.current-menu-item > a, body.ls-new-header #navigation.style-1 > ul > li.current_page_item > a, body.ls-new-header #navigation.style-1 > ul > li.current-menu-ancestor > a { font-weight: 500 !important; color: #000 !important; }
body.ls-new-header #navigation.style-1 > ul > li.ls-nav-cta > a { font-weight: 600 !important; color: #fff !important; box-shadow: none; }
body.ls-new-header #navigation.style-1 > ul > li.ls-nav-cta > a:hover { background: #333 !important; color: #fff !important; box-shadow: none; }

/* ---------- Signed out: "Log in" + "Sign up" ---------- */
body.ls-new-header .header-widget .sign-in.ls-auth-login { border-color: transparent !important; background: transparent !important; padding: 0 10px !important; }
body.ls-new-header .header-widget .sign-in.ls-auth-login:hover { background: #f1f1ef !important; }
body.ls-new-header .header-widget .sign-in.ls-auth-join { border-color: #111 !important; }
body.ls-new-header .header-widget .sign-in.ls-auth-join:hover { background: #111 !important; color: #fff !important; }
body.ls-new-header .header-widget .sign-in { white-space: nowrap; }
body.ls-new-header .ls-auth-narrow { display: none; }
@media (max-width: 600px) {
    body.ls-new-header .header-widget .sign-in.ls-auth-join { display: none !important; }
    body.ls-new-header .header-widget .sign-in.ls-auth-login { border-color: #cfcfcc !important; background: #fff !important; padding: 0 12px !important; font-size: 13.5px !important; }
    body.ls-new-header .ls-auth-wide { display: none; }
    body.ls-new-header .ls-auth-narrow { display: inline; }
}
body.ls-new-header #sign-in-dialog .small-dialog-header { flex-direction: column; align-items: flex-start; }
body.ls-new-header #sign-in-dialog .ls-auth-sub { margin: 6px 0 0 !important; font-size: 14.5px; line-height: 1.45; color: #5a5a56; }