/*
Theme Name: Oak St PRO
Author: Local Starter Themes
Author URI: https://localstarterthemes.com
Description: A PRO edition of Oak St — a dark block theme for barbershops, men's salons, grooming studios, and wet-shave parlors. Ships with five distinct ready-made home page layouts (Signature, Urban Edge, Heritage, Tonic & Trade, Gentleman's Retreat) — each with a unique hero, services, story, gallery, and contact design. Elegant serif headlines, brass accents, no page builder required.
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: oak-st-pro
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, wide-blocks, block-styles, portfolio
*/

.is-style-no-wrap {
    white-space: nowrap;
}

.wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--wp--preset--color--surface, #131313) !important;
    color: var(--wp--preset--color--on-surface, #e5e2e1) !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item a {
    color: var(--wp--preset--color--on-surface-variant, #d0c5b5) !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item a:hover {
    color: var(--wp--preset--color--primary, #e5c487) !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close-button {
    color: var(--wp--preset--color--primary, #e5c487) !important;
}

@media screen and (max-width: 600px) {
    .wp-block-navigation__responsive-container {
        padding: 2rem !important;
    }

    .wp-block-navigation__responsive-container-content {
        align-items: center !important;
    }

    .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
       align-items: center !important;
    }
}

.is-style-oak-badge {
    display: inline-block;
    padding: 0.4rem 0.9rem;
    border: 1px solid var(--wp--preset--color--primary, #e5c487);
    color: var(--wp--preset--color--primary, #e5c487);
    font-family: var(--wp--preset--font-family--label);
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.25em;
    text-transform: uppercase;
}

.is-style-oak-ticker {
    display: flex;
    gap: 2rem;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    padding: 1rem 0;
    border-top: 1px solid var(--wp--preset--color--outline-variant, #4d463a);
    border-bottom: 1px solid var(--wp--preset--color--outline-variant, #4d463a);
    font-family: var(--wp--preset--font-family--headline);
    font-size: clamp(1.5rem, 3vw, 2.25rem);
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--wp--preset--color--primary, #e5c487);
}

.oak-number-display {
    font-family: var(--wp--preset--font-family--headline);
    font-size: clamp(3rem, 7vw, 5.5rem);
    line-height: 1;
    letter-spacing: -0.04em;
    color: var(--wp--preset--color--primary, #e5c487);
    display: block;
}