/* ========================================
   Brasserio – Foton Header Integration
   ======================================== */

/* Base hook to identify our items */
.brasserio-menu-item a .item_text {
    /* Inherit main menu typography by default */
}

/* CTA: "Get Started" */
.brasserio-menu-item-cta a .item_inner {
    padding: 10px 18px;
    border-radius: 8px;
    background-color: #1B3C57;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
}

.brasserio-menu-item-cta a .item_text {
    color: #ffffff !important;
    font-weight: 600;
}

.brasserio-menu-item-cta a:hover .item_inner {
    background-color: #2B4C67;
    box-shadow: 0 4px 12px rgba(27, 60, 87, 0.25);
    transform: translateY(-1px);
}

/* Account item – keep same height & alignment as other menu items */
.mkdf-main-menu > ul > li.brasserio-menu-item-account > a .item_outer,
.mkdf-main-menu > ul > li.brasserio-menu-item-dashboard > a .item_outer,
.mkdf-main-menu > ul > li.brasserio-menu-item-login > a .item_outer,
.mkdf-main-menu > ul > li.brasserio-menu-item-cta > a .item_outer {
    /* use theme’s defaults; no flex hacks needed */
}

/* Optional: color for Logout in dropdown */
.brasserio-menu-item-logout a .item_text {
    color: #EF4444;
}

.brasserio-menu-item-logout a:hover .item_text {
    color: #DC2626;
}

/* RTL tweaks */
[dir="rtl"] .brasserio-menu-item-cta a .item_inner {
    /* symmetric by default, nothing special needed */
}