:root {
    /* --- COLORS --- */
    /* Top Bar Colors */
    --ebmenu1-topbar-bg: #ffffff;
    --ebmenu1-topbar-text-color: #000000;
    --ebmenu1-lang-text-color: #000000;
    --ebmenu1-icon-primary-color: #000000;
    --ebmenu1-whatsapp-text-color: #000000;


    /* --- FONT SIZES (All clamped for responsiveness) --- */
    --ebmenu1-fs-regular: clamp(0.875rem, 2.5vw, 1rem);
    --ebmenu1-fs-medium: clamp(1.25rem, 4vw, 1.5rem);
    --ebmenu1-fs-large: clamp(1.50rem, 5vw, 1.55rem);

    /* --- SPACING (Padding & Gaps) --- */
    --ebmenu1-gap-topbar: 16px;
    --ebmenu1-gap-actions: 12px;
}

/* =========================================
       RESET & BASE
       ========================================= */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    /* All margins zeroed out; using flex gap exclusively */
}

a {
    text-decoration: none;
}

button {
    background: none;
    border: none;
    cursor: pointer;
}

/* =========================================
       TOP BAR
       ========================================= */
.ebmenu1-top-bar {
    position: sticky;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 12px 16px;
    background-color: var(--ebmenu1-topbar-bg);
    gap: var(--ebmenu1-gap-topbar);
}

.ebmenu1-lang-btn {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--ebmenu1-lang-text-color);
    font-size: var(--ebmenu1-fs-regular);
    font-weight: bold;
}

.ebmenu1-action-section {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ebmenu1-action-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    color: var(--ebmenu1-icon-primary-color);
    font-size: var(--ebmenu1-fs-medium);
    font-weight: bold;
}

.ebmenu1-whatsapp {
    font-size: var(--ebmenu1-fs-large);
    font-weight: bold;
}

/* .ebmenu1-whatsapp-text {
    color: var(--ebmenu1-whatsapp-text-color);
    font-size: var(--ebmenu1-fs-regular);
    font-weight: bold;
} */

.ebmenu1-icon {
    width: 24px;
    color: var(--ebmenu1-icon-primary-color);
}