/**
 * Menü tema — Tasarım Ayarları → Menü
 * Değişkenler head.php / design_menu_theme_vars üzerinden enjekte edilir.
 */

/* —— Ana menü —— */
.header-style-1 .main-menu > nav > ul > li > a,
.rimberio-header .rim-menu-wrap .main-menu > nav > ul > li > a {
    display: inline-flex !important;
    align-items: center !important;
    flex-direction: row;
    color: var(--menu-main-text) !important;
    font-size: var(--menu-main-font-size) !important;
    font-weight: var(--menu-main-font-weight) !important;
    gap: var(--menu-main-icon-gap) !important;
    padding: var(--menu-main-padding) !important;
}

/* Açılır ok — gap ile ayrılsın, eski margin-left ile çakışmasın */
.header-style-1 .main-menu > nav > ul > li > a > i.fi-rs-angle-down,
.rimberio-header .rim-menu-wrap .main-menu > nav > ul > li > a > i.fa-angle-down {
    margin-left: 0 !important;
    flex-shrink: 0;
}

.header-style-1 .main-menu > nav > ul > li > a > i:not(.fi-rs-angle-down),
.rimberio-header .rim-menu-wrap .main-menu > nav > ul > li > a > .rim-menu-link-icon {
    color: var(--menu-main-icon) !important;
    font-size: var(--menu-main-icon-size) !important;
    flex-shrink: 0;
}

/* Ana menü resim ikonları — aralık <a> gap ile; margin-right sıfırlamayız */
.header-style-1 .main-menu > nav > ul > li > a > img[src*="api.iconify.design"],
.header-style-1 .main-menu > nav > ul > li > a > img[src*="/pages/"],
.rimberio-header .rim-menu-wrap .main-menu > nav > ul > li > a > .rim-menu-link-icon-img {
    width: var(--menu-main-icon-size);
    height: var(--menu-main-icon-size);
    flex-shrink: 0;
    object-fit: contain;
    display: block;
}

.rimberio-header .rim-mega-menu-icon-img,
.header-style-1 .header-mega-menu-icon-img {
    width: var(--menu-mega-item-icon-size);
    height: var(--menu-mega-item-icon-size);
}

.header-style-1 .main-menu > nav > ul > li:hover > a,
.header-style-1 .main-menu > nav > ul > li > a.active,
.rimberio-header .rim-menu-wrap .main-menu > nav > ul > li:hover > a {
    color: var(--menu-main-hover) !important;
}

.header-style-1 .main-menu > nav > ul > li:hover > a > i:not(.fi-rs-angle-down),
.rimberio-header .rim-menu-wrap .main-menu > nav > ul > li:hover > a > .rim-menu-link-icon {
    color: var(--menu-main-hover) !important;
}

/* —— Alt menü kutusu —— */
.header-style-1 .main-menu > nav > ul > li ul.sub-menu,
.rimberio-header .rim-menu-wrap .main-menu ul li ul.sub-menu {
    border-color: var(--menu-sub-border) !important;
    border-radius: var(--menu-sub-radius) !important;
    box-shadow: var(--menu-sub-shadow) !important;
}

.header-style-1 .main-menu > nav > ul > li ul.sub-menu li a,
.rimberio-header .rim-menu-wrap .main-menu ul li ul.sub-menu li a {
    color: var(--menu-sub-text) !important;
    font-size: var(--menu-sub-font-size) !important;
    font-weight: var(--menu-sub-font-weight) !important;
    gap: var(--menu-sub-icon-gap);
    padding: var(--menu-sub-padding) !important;
}

.header-style-1 .main-menu > nav > ul > li ul.sub-menu li a:hover,
.rimberio-header .rim-menu-wrap .main-menu ul li ul.sub-menu li a:hover {
    color: var(--menu-sub-hover) !important;
    background: var(--menu-sub-hover-bg) !important;
}

/* —— Mega menü panel —— */
.header-style-1 .main-menu > nav > ul > li ul.mega-menu,
.rimberio-header .rim-menu-wrap .main-menu > nav > ul > li .mega-menu {
    border-color: var(--menu-mega-panel-border) !important;
    border-radius: var(--menu-mega-panel-radius) !important;
    padding: var(--menu-mega-panel-padding) !important;
    box-shadow: var(--menu-mega-panel-shadow) !important;
}

.header-style-1 .mega-menu > .sub-mega-menu + .sub-mega-menu,
.rimberio-header .mega-menu > .sub-mega-menu + .sub-mega-menu {
    border-left: 1px solid var(--menu-mega-column-border);
}

/* —— Mega başlık —— */
.header-style-1 .mega-menu .menu-title,
.rimberio-header .mega-menu .menu-title {
    color: var(--menu-mega-title-text) !important;
    font-size: var(--menu-mega-title-font-size) !important;
    font-weight: var(--menu-mega-title-font-weight) !important;
    border-bottom-color: var(--menu-mega-title-border) !important;
    gap: var(--menu-mega-title-icon-gap) !important;
    padding: var(--menu-mega-title-padding) !important;
}

.header-style-1 .mega-menu .menu-title i,
.rimberio-header .mega-menu .menu-title i {
    color: var(--menu-mega-title-icon) !important;
    font-size: var(--menu-mega-title-icon-size) !important;
}

/* —— Mega öğeler —— */
.header-style-1 .mega-menu .sub-mega-menu ul li a,
.header-style-1 .mega-menu .mega-menu-leaf-link,
.rimberio-header .mega-menu .sub-mega-menu ul li a,
.rimberio-header .mega-menu .mega-menu-leaf-link {
    color: var(--menu-mega-item-text) !important;
    font-size: var(--menu-mega-item-font-size) !important;
    font-weight: var(--menu-mega-item-font-weight) !important;
    gap: var(--menu-mega-item-icon-gap) !important;
    padding: var(--menu-mega-item-padding) !important;
    display: flex;
}

.header-style-1 .mega-menu .sub-mega-menu ul li a:hover,
.header-style-1 .mega-menu .mega-menu-leaf-link:hover,
.rimberio-header .mega-menu .sub-mega-menu ul li a:hover,
.rimberio-header .mega-menu .mega-menu-leaf-link:hover {
    color: var(--menu-mega-item-hover) !important;
    background: var(--menu-mega-item-hover-bg) !important;
}

.header-style-1 .header-mega-menu-link-with-icon {
    gap: var(--menu-mega-title-icon-gap) !important;
}

/* —— Mobil menü —— */
.header-style-1 .mobile-menu-wrap nav ul.mobile-menu li a,
.rimberio-header .mobile-menu-wrap nav ul.mobile-menu li a {
    color: var(--menu-mobile-text) !important;
    font-size: var(--menu-mobile-font-size) !important;
    font-weight: var(--menu-mobile-font-weight) !important;
    padding: var(--menu-mobile-padding) !important;
}

.header-style-1 .mobile-menu-wrap nav ul.mobile-menu li.active > a,
.header-style-1 .mobile-menu-wrap nav ul.mobile-menu li a:hover,
.rimberio-header .mobile-menu-wrap nav ul.mobile-menu li.active > a,
.rimberio-header .mobile-menu-wrap nav ul.mobile-menu li a:hover {
    color: var(--menu-mobile-hover) !important;
}

.header-style-1 .mobile-menu img[src*="api.iconify.design"],
.header-style-1 .mobile-menu img[src*="/pages/"],
.rimberio-header .mobile-menu img[src*="api.iconify.design"],
.rimberio-header .mobile-menu img[src*="/pages/"] {
    width: var(--menu-mobile-icon-size) !important;
    height: var(--menu-mobile-icon-size) !important;
    margin-right: var(--menu-mobile-icon-gap) !important;
}