.custom-menu-button {
    margin-right: 10px;
    display: flex;
    /* needed so our anchor stays centered inside li */
    align-items: center;
    /* vertically center the button */
}

/* style the actual button */
.custom-reserve-btn {
    background-color: #e89005;
    border-radius: 25px;
    padding: 4px 20px;
    /* control button size */
    line-height: 1;
    display: inline-block;
    transition: background-color 0.3s ease;
    position: relative;
    top: 25px;
}

.custom-reserve-btn:hover {
    background-color: #e6b800;
}

/* optional: fine-tune alignment inside the 84px header */
.fusion-header .fusion-main-menu .custom-menu-button {
    align-items: flex-end;
    /* or center / flex-end — try what looks best */
    padding-bottom: 10px;
    /* pushes button down a bit visually */
}

/* RTL */
.rtl .custom-menu-button {
    margin-right: 0;
    margin-left: 10px;
}


.wc-chat-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.wc-chat-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 12px 18px;
    border-radius: 8px;

    font-size: 15px;
    font-weight: 600;
    color: #fff !important;
    text-decoration: none !important;
    white-space: nowrap;

    transition: all 0.25s ease;
}

.wc-chat-btn svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

/* WhatsApp */
.wc-chat-btn.whatsapp {
    background-color: #25D366;
}

.wc-chat-btn.whatsapp:hover {
    background-color: #1ebe5d;
}

/* Telegram */
.wc-chat-btn.telegram {
    background-color: #229ED9;
}

.wc-chat-btn.telegram:hover {
    background-color: #1c8ac7;
}