/*
 * Wattle Menu — Styles
 *
 * Header bar + dropdowns + full-page builder-picker overlay.
 * Menu text uses the Elementor global typography token de5faaa so it stays
 * in sync with the rest of the site.
 */

.wattle-menu {
    --wm-fg: #ffffff;
    --wm-fg-hover: #b39a7e;        /* gold accent on hover */
    --wm-accent: #b39a7e;
    --wm-green: #1e433a;            /* wattle deep green */
    --wm-green-mid: #3b6c5f;
    --wm-cream: #f5f2ee;
    --wm-dropdown-bg: #ffffff;
    --wm-dropdown-fg: #1e433a;
    --wm-dropdown-border: rgba(30, 67, 58, 0.12);
    --wm-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
    --wm-radius: 4px;
    --wm-row-h: 72px;
}

/* ---------- Top-level bar ---------- */
.wattle-menu {
    position: sticky;
    top: 0;
    z-index: 100;
    background: transparent;
    color: var(--wm-fg);
    font-family: 'Satoshi', sans-serif;
}

.wattle-menu__list {
    list-style: none;
    margin: 0;
    padding: 0 24px;
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: var(--wm-row-h);
}

.wattle-menu__item {
    position: relative;
    margin: 0;
    padding: 5px 16px;          /* outer box around label + icon */
    border-radius: 2px;
    transition: background-color 120ms ease;
}

.wattle-menu .wattle-menu__top-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;                 /* box padding lives on .wattle-menu__item */
    color: var(--wm-fg);
    font-size: var(--e-global-typography-de5faaa-font-size);
    line-height: var(--e-global-typography-de5faaa-line-height);
    letter-spacing: var(--e-global-typography-de5faaa-letter-spacing);
    word-spacing: var(--e-global-typography-de5faaa-word-spacing);
    font-weight: 500;
    text-decoration: none;
    background: transparent;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    transition: color 120ms ease;
    font-family: inherit;
    /* Neutralise <button> user-agent defaults so it matches <a>. */
    -webkit-appearance: none;
    appearance: none;
    box-shadow: none;
    text-align: left;
    -webkit-tap-highlight-color: transparent;
}

.wattle-menu button.wattle-menu__top-link {
    /* Some themes target button{} — re-assert the no-box look. */
    background: transparent;
    border: 0;
    box-shadow: none;
    border-radius: 0;
}

.wattle-menu .wattle-menu__top-link:hover,
.wattle-menu .wattle-menu__top-link:focus-visible {
    color: var(--wm-fg);
    outline: none;
}

/* B3: hover / active = faint white fill on the whole item (label + pin or
   chevron icon), replacing the old 3px tan underline. Lives on the <li> so
   the fill also spans the icon and stays lit while a dropdown is open. */
.wattle-menu .wattle-menu__item:hover,
.wattle-menu .wattle-menu__item:focus-within,
.wattle-menu .wattle-menu__item.is-active {
    background: rgba(255, 255, 255, 0.08);
}

.wattle-menu .wattle-menu__item.is-active > .wattle-menu__top-link,
.wattle-menu .wattle-menu__item.is-active > .wattle-menu__details > .wattle-menu__summary .wattle-menu__top-link {
    font-weight: 500;           /* active = fill only, no weight change */
}

/* Local Builder item: same typography as the other top-level links —
   neutralise any inherited uppercase / letter-spacing from theme rules. */
.wattle-menu .wattle-menu__item--local_builder .wattle-menu__top-link {
    text-transform: capitalize;
    font-weight: 500;
}

/* ---------- Dropdown (details/summary) ---------- */
.wattle-menu__details {
    display: inline-block;
    position: relative;
}

.wattle-menu__summary {
    display: inline-flex;
    align-items: center;
    gap: 8px;                   /* label → pin / chevron */
    list-style: none;
    cursor: pointer;
    padding: 0;
    color: var(--wm-fg);
}

.wattle-menu__summary::-webkit-details-marker { display: none; }
.wattle-menu__summary::marker { content: ''; }

.wattle-menu__chevron,
.wattle-menu__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: var(--wm-fg);
    transition: transform 160ms ease, color 120ms ease;
}

.wattle-menu__chevron svg,
.wattle-menu__icon svg {
    width: 24px;
    height: 24px;
    display: block;
}

.wattle-menu__summary:hover .wattle-menu__chevron,
.wattle-menu__summary:hover .wattle-menu__icon {
    color: var(--wm-fg);
}

.wattle-menu__icon--pin {
    cursor: pointer;
    transition: transform 200ms ease, color 160ms ease;
}

.wattle-menu__icon--pin:hover,
.wattle-menu__icon--pin:focus-visible {
    color: #b39a7e;
    transform: translateY(-2px) scale(1.08);
}

.wattle-menu__details[open] .wattle-menu__icon--pin {
    color: #b39a7e;
}

.wattle-menu__details[open] .wattle-menu__chevron {
    transform: rotate(180deg);
}

.wattle-menu__dropdown {
    position: absolute;
    top: calc(100% + 9px);      /* 4px gap + the item's 5px bottom padding */
    left: -16px;                /* flush with the item box (its 16px side padding) */
    min-width: 240px;
    background: var(--wm-dropdown-bg);
    border: 1px solid var(--wm-dropdown-border);
    border-radius: 4px;
    box-shadow: var(--wm-shadow);
    padding: 8px;
    z-index: 110;
    animation: wm-fade 120ms ease both;
}

@keyframes wm-fade {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.wattle-menu__child {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 12px;
    font-size: var(--e-global-typography-dae6a25-font-size);
    letter-spacing: var(--e-global-typography-dae6a25-letter-spacing);
    word-spacing: var(--e-global-typography-dae6a25-word-spacing);
    color: var(--wm-dropdown-fg);
    text-decoration: none;
    background: transparent;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    font-family: inherit;
}

.wattle-menu__child:hover,
.wattle-menu__child:focus-visible {
    background: var(--wm-cream);
    color: var(--wm-green);
    outline: none;
}

.wattle-menu__child.is-active {
    background: var(--wm-cream);
    font-weight: 600;
}

.wattle-menu__child--trigger {
    color: var(--wm-green-mid);
    font-style: italic;
}

/* Scoped under .wattle-menu — the same class appears in the mobile drawer
   (menu-mobile-tree.php), which styles it its own way in style.css. */
.wattle-menu .wattle-menu__child--reset {
    margin-top: 4px;
    border-top: 1px solid var(--wm-dropdown-border);
    color: var(--wm-green-mid);
    font-style: italic;
    font-size: 0.85em;
}

.wattle-menu .wattle-menu__child--reset::before {
    content: '↺ ';
}

/* ---------- Mobile (< 768px) ---------- */
@media (max-width: 767px) {
    .wattle-menu__list {
        padding: 0 16px;
        gap: 0;
        flex-wrap: wrap;
        min-height: 56px;
    }
    .wattle-menu__item {
        padding: 5px 12px;
    }
    .wattle-menu__dropdown {
        position: static;
        box-shadow: none;
        border: 0;
        border-top: 1px solid var(--wm-dropdown-border);
        border-radius: 0;
        padding: 4px 0 8px;
        min-width: 0;
        width: 100%;
    }
    .wattle-menu__item {
        width: 100%;
    }
    .wattle-menu__details,
    .wattle-menu__summary {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
}

/* ---------- Full Page Menu overlay ---------- */
.wattle-menu-overlay {
    position: fixed;
    inset: 0;
    z-index: 2147483600; /* above any Elementor / sticky / modal */
    display: none;
}

.wattle-menu-overlay.is-open {
    display: block;
}

.wattle-menu-overlay__backdrop {
    position: absolute;
    inset: 0;
    background: #1e433a;
    animation: wm-fade 160ms ease both;
}

.wattle-menu-overlay__panel {
    position: absolute;
    inset: 0;
    background: #1e433a;
    color: #ffffff;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 48px clamp(32px, 3.5vw, 64px);
    animation: wm-fade 200ms ease both;
}

.wattle-menu-overlay__header {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 40px;
}

.wattle-menu-overlay__header-close,
.wattle-menu-overlay__header-title {
    display: flex;
    align-items: center;
}

/* Force white on headings — beats theme h2/h3 colour rules. */
.wattle-menu-overlay .wattle-menu-overlay__title,
.wattle-menu-overlay .wattle-menu-overlay__region,
.wattle-menu-overlay h2.wattle-menu-overlay__title,
.wattle-menu-overlay h3.wattle-menu-overlay__region {
    color: #ffffff;
    margin: 0;
}

.wattle-menu-overlay__close {
    position: relative;
    width: 24px;
    height: 24px;
    padding: 0;
    background: transparent;
    border: 0;
    color: #ffffff;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.wattle-menu-overlay__close::before,
.wattle-menu-overlay__close::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 24px;
    height: 2px;
    background: #ffffff;
    transform-origin: center;
}
.wattle-menu-overlay__close::before { transform: translate(-50%, -50%) rotate(45deg); }
.wattle-menu-overlay__close::after  { transform: translate(-50%, -50%) rotate(-45deg); }

.wattle-menu-overlay__close > * { display: none; }

.wattle-menu-overlay__close:hover,
.wattle-menu-overlay__close:focus-visible {
    opacity: 0.75;
    outline: none;
}

.wattle-menu-overlay__empty {
    color: rgba(255, 255, 255, 0.7);
    font-style: italic;
}

/* 2-col layout: sidebar (state tabs over coming-soon) | scrollable listing */
.wattle-menu-overlay__layout {
    display: grid;
    grid-template-columns:
        clamp(280px, 24vw, 420px)
        minmax(0, 1fr);
    gap: 0;
    align-items: stretch;
    flex: 1 1 auto;
    min-height: 0;
}

/* LEFT — sidebar: tabs (top half) + coming-soon (bottom half), each pane
   independently scrollable. */
.wattle-menu-overlay__sidebar {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding-right: clamp(24px, 2.5vw, 48px);
}

.wattle-menu-overlay__tabs {
    flex: 1 1 50%;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: thin;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-content: flex-start;
    padding-bottom: 16px;
}

.wattle-menu-overlay__coming-soon {
    flex: 1 1 50%;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: thin;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding-top: 24px;
}

.wattle-menu-overlay__listing {
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    padding: 0 clamp(24px, 2.5vw, 48px);
    overflow-y: auto;
    scrollbar-width: thin;
    min-height: 0;
}

.wattle-menu-overlay .wattle-menu-overlay__tab {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    color: #ffffff;
    font-family: inherit;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
    text-decoration: none;
    display: block;
    flex: 0 0 auto;
    padding: 14px 20px;
    cursor: pointer;
    box-shadow: none;
    border-radius: 0;
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.wattle-menu-overlay .wattle-menu-overlay__tab:hover,
.wattle-menu-overlay .wattle-menu-overlay__tab:focus-visible {
    background: rgba(255, 255, 255, 0.06);
    outline: none;
}

.wattle-menu-overlay .wattle-menu-overlay__tab.is-active {
    border-top-color: rgba(255,255,255,0.3);
    border-bottom-color: rgba(255,255,255,0.3);
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

/* RIGHT — all state sections stacked in the one scrollable pane */
.wattle-menu-overlay__state-panel {
    padding-bottom: clamp(32px, 3vw, 56px);
}

.wattle-menu-overlay__state-panel + .wattle-menu-overlay__state-panel {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding-top: clamp(28px, 2.5vw, 40px);
}

.wattle-menu-overlay .wattle-menu-overlay__state-heading {
    color: #ffffff;
    margin: 0 0 24px;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 500;
}

.wattle-menu-overlay__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(20px, 1.8vw, 32px);
}

.wattle-menu-overlay__card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: transparent;
    color: #ffffff;
    text-decoration: none;
    transition: opacity 160ms ease;
}

.wattle-menu-overlay__card:hover,
.wattle-menu-overlay__card:focus-visible {
    opacity: 0.92;
    outline: none;
}

.wattle-menu-overlay__card img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    background-color: #2a5448;
}

.wattle-menu-overlay .wattle-menu-overlay__card h5 {
    color: #ffffff;
    margin: 0;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 500;
}

.wattle-menu-overlay .wattle-menu-overlay__card p {
    color: #ffffff;
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    opacity: 0.85;
}

.wattle-menu-overlay__card .elementor-button {
    align-self: flex-start;
    margin-top: 4px;
}

.wattle-menu-overlay__state-empty {
    color: rgba(255, 255, 255, 0.7);
    font-style: italic;
}

/* Coming-soon list (re-uses .wattle-satellite-* base styles from style.css;
   overlay-scoped overrides flip text colour to white over the green panel). */
.wattle-menu-overlay .wattle-satellite-offices {
    color: #ffffff;
    background: transparent;
}

.wattle-menu-overlay .wattle-satellite-offices h4 {
    color: #ffffff;
}

.wattle-menu-overlay .wattle-satellite-item {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
}

.wattle-menu-overlay .wattle-satellite-item:hover {
    background: rgba(255, 255, 255, 0.12);
}

.wattle-menu-overlay .wattle-satellite-item a {
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-content: flex-end;
    align-items: center;
}

.wattle-menu-overlay .wattle-satellite-item h5,
.wattle-menu-overlay .wattle-satellite-item p {
    color: #ffffff;
}

.wattle-menu-overlay .wattle-satellite-empty {
    color: rgba(255, 255, 255, 0.7);
    font-style: italic;
}

/* >1440px — widen listing grid to 4-up cards */
@media (min-width: 1441px) {
    .wattle-menu-overlay__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* ≤1400px — drop middle grid from 3-up to 2-up cards */
@media (max-width: 1400px) {
    .wattle-menu-overlay__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ≤1199px — collapse to a single scrolling panel: sticky horizontal tab bar,
   all state sections in flow, coming-soon at the bottom. */
@media (max-width: 1199px) {
    .wattle-menu-overlay__panel {
        display: block;
        overflow-y: auto;
    }
    .wattle-menu-overlay__layout {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
    .wattle-menu-overlay__sidebar {
        display: contents;
    }
    .wattle-menu-overlay__tabs {
        order: 1;
        flex: 0 0 auto;
        flex-direction: row;
        overflow-x: auto;
        overflow-y: visible;
        gap: 8px;
        position: sticky;
        top: 0;
        z-index: 2;
        background: #1e433a;
        padding: 8px 0;
        scrollbar-width: thin;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }
    .wattle-menu-overlay__listing {
        order: 2;
        border-left: 0;
        padding: 0;
        overflow: visible;
    }
    .wattle-menu-overlay__coming-soon {
        order: 3;
        flex: 0 0 auto;
        overflow: visible;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
        padding: 24px 0 0;
    }
    /* Anchor targets clear the sticky tab bar. */
    .wattle-menu-overlay__state-panel {
        scroll-margin-top: 72px;
    }
    .wattle-menu-overlay .wattle-menu-overlay__tab {
        white-space: nowrap;
        flex: 0 0 auto;
        border: 1px solid rgba(255, 255, 255, 0.25);
        padding: 10px 18px;
    }
    .wattle-menu-overlay .wattle-menu-overlay__tab.is-active {
        border-color: #b39a7e;
    }
    .wattle-menu-overlay__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }
}

@media (max-width: 640px) {
    .wattle-menu-overlay__panel {
        padding: 24px 20px;
    }
    .wattle-menu-overlay__header {
        gap: 16px;
    }
    .wattle-menu-overlay__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

/* Body scroll lock when overlay is open (added by JS) */
html.wattle-menu-overlay-open,
body.wattle-menu-overlay-open {
    overflow: hidden;
}

/* ==========================================
   HEADER (Elementor template 2318) — responsive behaviour
   The header widgets lost their per-device visibility settings when the
   wattle-menu replaced the old nav widget, so the rules live here instead.
   Breakpoint mirrors Elementor's mobile cutoff (<768px).
   ========================================== */

/* Stray hamburger in the logo (left) container — never shown; the working
   trigger is the right-hand one (6589d4b). */
.elementor-2318 .elementor-element-f5cf0ac {
    display: none;
}

.elementor-2318 .mobile-menu-icon {
    cursor: pointer;
}

/* ---------- Header breakpoints (Elementor header template 2318) ----------
   The header is Elementor markup rendered by [wattle-header-menu-new]; these
   rules override the template's own custom CSS (selector specificity 0,3,1 vs
   its 0,3,0, so load order doesn't matter).

     ≥ 1800     desktop nav + Get In Touch at full size, no hamburger
     1200–1799  desktop nav scaled down fluidly (16px → 24px text) so it fits
                laptops on one line (launch feedback 2026-11-02 — it used to
                collapse at ≤1440 and wrap to two lines from 1441 to ~1730)
     901–1199   desktop nav hidden; Get In Touch + right hamburger (#6589d4b)
                sit together, flush right
     768–900    right hamburger hidden; left hamburger (#f5cf0ac) sits left of
                the logo; Get In Touch stays
     ≤ 767      as 768–900 but Get In Touch hidden (template rule)

   Widget ids: 6592d47 logo group (logo db29e29 + left hamburger f5cf0ac),
   a7d1ebf right group (nav 75c9f30 + button f8de0dc + legacy selector
   b0ada9a), 6589d4b right hamburger (direct child of the header row). */

header.elementor-2318 .elementor-element.elementor-element-6589d4b {
    display: none;
}

@media (max-width: 1199px) {
    header.elementor-2318 .elementor-element.elementor-element-75c9f30, /* [wattle-menu] nav */
    header.elementor-2318 .elementor-element.elementor-element-b0ada9a  /* legacy location selector */ {
        display: none;
    }
    /* Drawer popup slides from the left edge at every width it's used. */
    body #elementor-popup-modal-642 {
        justify-content: flex-start;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    /* Right group shrinks to its content and pushes itself (plus the
       right hamburger after it) to the far right. */
    header.elementor-2318 .elementor-element.elementor-element-387080c {
        --justify-content: flex-start;
    }
    header.elementor-2318 .elementor-element.elementor-element-a7d1ebf {
        --width: auto;
        width: auto !important;
        margin-left: auto;
    }
    header.elementor-2318 .elementor-element.elementor-element-f8de0dc {
        margin-left: 0;
    }
}

@media (max-width: 1199px) and (min-width: 901px) {
    header.elementor-2318 .elementor-element.elementor-element-6589d4b {
        display: inline-block;
    }
}

@media (max-width: 900px) and (min-width: 768px) {
    /* Left hamburger joins the logo group, to the left of the logo. */
    header.elementor-2318 .elementor-element.elementor-element-f5cf0ac {
        display: inline-block;
    }
    header.elementor-2318 .elementor-element.elementor-element-6592d47 {
        --width: auto;
        width: auto !important;
        min-width: 0;
        --flex-direction: row-reverse;
        --justify-content: flex-end;
        --align-items: center;
        --container-widget-width: auto;
        --container-widget-flex-grow: 0;
        --container-widget-align-self: center;
    }
}

/* ≤ 767: template already hides the button + shows the left hamburger in a
   row-reverse logo group; nav / selector hidden by the ≤1199 rule above. */

/* ---------- ≥1200: fluid desktop nav (launch feedback 2026-11-02) ----------
   At full size (24px text, 16px item padding) the nav + Get In Touch need
   ~1730px (more with a long office name like "Camden & Campbelltown"), so
   laptops either got the hamburger (≤1440) or a two-line wrapped bar
   (1441–1730). Sizes now scale linearly with the viewport — 16px text at
   1200, full size from 1800 (the clamps cap there) — and nothing wraps. The
   logo group gives up its fixed 25% so the nav gets the spare width; the nav
   stays right-aligned, so wide screens look as before. */
@media (min-width: 1200px) {
    header.elementor-2318 .wattle-menu {
        --wm-item-pad-x: clamp(6px, calc(6px + (100vw - 1200px) * 10 / 600), 16px);
    }
    header.elementor-2318 .elementor-element.elementor-element-6592d47 {
        --width: auto;
        width: auto !important;
        flex-shrink: 0;
    }
    header.elementor-2318 .elementor-element.elementor-element-a7d1ebf {
        --width: auto;
        width: auto !important;
        flex: 1 1 auto;
        min-width: 0;
        padding-left: 16px;     /* breathing room after the logo */
    }
    header.elementor-2318 .wattle-menu__list {
        flex-wrap: nowrap;
        padding: 0 clamp(0px, calc((100vw - 1200px) * 24 / 600), 24px);
        gap: clamp(0px, calc((100vw - 1200px) * 8 / 600), 8px);
    }
    header.elementor-2318 .wattle-menu__item {
        padding: 5px var(--wm-item-pad-x);
        flex-shrink: 0;
    }
    header.elementor-2318 .wattle-menu .wattle-menu__top-link {
        font-size: clamp(16px, calc(16px + (100vw - 1200px) * 8 / 600), 24px);
        white-space: nowrap;
    }
    header.elementor-2318 .wattle-menu__summary {
        gap: clamp(4px, calc(4px + (100vw - 1200px) * 4 / 600), 8px);
    }
    header.elementor-2318 .wattle-menu__chevron,
    header.elementor-2318 .wattle-menu__icon,
    header.elementor-2318 .wattle-menu__chevron svg,
    header.elementor-2318 .wattle-menu__icon svg {
        width: 20px;
        height: 20px;
    }
    /* Dropdown stays flush with the (now narrower) item box. */
    header.elementor-2318 .wattle-menu__dropdown {
        left: calc(-1 * var(--wm-item-pad-x));
    }
    /* Get In Touch: the template's 64px left margin shrinks to 16px at 1200. */
    header.elementor-2318 .elementor-element.elementor-element-f8de0dc {
        margin-left: clamp(16px, calc(16px + (100vw - 1200px) * 48 / 600), 64px);
    }
    header.elementor-2318 .elementor-element.elementor-element-f8de0dc .elementor-button {
        white-space: nowrap;
    }
}