/* Site-wide additions, loaded on every page after the theme's own CSS.
   Keep this tiny — anything page-specific belongs in that page's stylesheet. */

/* The cloned nav was built for six items and we added two. At the theme's own
   gap and type size the eighth item wraps the header onto two lines, which
   pushes the fixed header over the hero on every page. Tighten the gap and
   type slightly, only from the breakpoint where the horizontal menu appears,
   so everything sits on one line again. */
@media (min-width: 1024px) {
    #primary-menu #menu-main-menu {
        gap: 1.15rem;
    }

    #primary-menu #menu-main-menu > li > a {
        font-size: 0.875rem;
        white-space: nowrap;
    }
}

@media (min-width: 1280px) {
    #primary-menu #menu-main-menu {
        gap: 1.5rem;
    }

    #primary-menu #menu-main-menu > li > a {
        font-size: 0.9375rem;
    }
}

/* Seattle promo block on the homepage (replaces CB Curated, sits under Global
   Luxury). Dark panel so it reads as a deliberate break, not another feature. */
/* Light, not navy: the heritage-stats band immediately below is dark navy, and
   two dark blocks touching read as one section with no seam. The theme's
   heading classes also hard-set a dark colour, so white text here would need
   overriding on every child. */
.seattle-promo {
    background: #f4f5f7;
    padding: 5.5rem 1.5rem 6rem;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.seattle-promo__inner {
    max-width: 52rem;
    margin: 0 auto;
    text-align: center;
}

.seattle-promo__eyebrow {
    text-transform: uppercase;
    letter-spacing: 0.14em;
    opacity: 0.7;
    margin: 0 0 1rem;
}

.seattle-promo__title {
    margin: 0 0 1.5rem;
}

.seattle-promo__copy {
    max-width: 38rem;
    margin: 0 auto 2.25rem;
    opacity: 0.9;
}

/* Same treatment for the footer menu, which carries the same item list. */
@media (min-width: 1024px) {
    #footer-menu #menu-main-menu-2 > li > a {
        font-size: 0.875rem;
        white-space: nowrap;
    }
}