/* 
 * Tambahan style untuk header enhancement
 * Menyesuaikan dengan tema warna KONI Aceh
 * Copyright (c) 2023 KONI Aceh 
 */


.header-logo__img {
    position: relative;
    height: 80px;
}

.header-logo__img img {
    width: 100%;
    height: 130px;
    display: block;
    margin: 0 auto;
}



#jpreOverlay {
    background-color: #111111
}

#jpreLoader,
#jprePercentage {
    text-align: center;
    width: 260px;
    margin: 0 auto
}

#jprePercentage {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -.03em;
    color: #e30613
}

#jprePercentage:before {
    content: "Loading...";
    color: #fff
}

#jprePercentage:after {
    content: "KONI ACEH";
    display: block;
    font-size: 8px;
    line-height: 1.5em;
    color: #fff;
    letter-spacing: 0
}

/* Header dengan background putih */
.header {
    background-color: #ffb4b4 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    /* position: absolute; */
    position: relative;
    width: 100%;
    /* border-bottom: 2px solid rgba(227, 6, 19, 0.7); */
}

.header__primary {
    background-color: #f88e8e !important;
}

.header__primary-inner {
    background-color: #ffffff !important;
    position: relative;
}

.header__primary-inner::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 10%;
    height: 3px;
    background-color: #ffffff;
    /* KONI yellow accent */
}

@media only screen and (max-width: 991px) {
    /* Header mobile dengan background solid putih, tidak transparent */
    .header-mobile {
        background-color: #ffffff !important;
        border-bottom: 1px solid rgba(227, 6, 19, 0.3) !important;
        opacity: 1 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
    
    .header-mobile__inner {
        overflow: hidden;
        position: relative;
        z-index: 2;
        height: 100px;
        background-color: #ffffff !important;
        transition: all .4s ease-in-out;
        opacity: 1 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .burger-menu-icon__line,
    .burger-menu-icon__line:after,
    .burger-menu-icon__line:before {
        background-color: #e30613 !important;
    }
}

@media only screen and (max-width: 991px) {
    .main-nav .main-nav__back {
        width: 49px;
        height: 44px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 4;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 8'><path transform='translate(-238.75 -17.75)' fill='%23ff0000' d='M240,21h12v2H240V21Zm0.171-.415,4.243,4.243L243,26.242,238.757,22Zm4.243-1.414-4.243,4.242L238.757,22,243,17.757Z'/></svg>");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 13px 8px;
    }
}

@media only screen and (max-width: 991px) {

    .main-nav__toggle,
    .main-nav__toggle-2 {
        position: absolute;
        display: block;
        cursor: pointer;
        z-index: 1;
        background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><path transform='translate(-586.156 -1047.28)' fill='%23ff0000' d='M586.171,1048l0.708-.71,2.828,2.83-0.707.71Zm4.95-.71,0.707,0.71L589,1050.83l-0.707-.71Z'/></svg>");
        background-size: 6px 4px;
        background-repeat: no-repeat;
        background-position: 50%;
        transition: all .4s ease;
    }
}

/* Warna teks navigasi utama yang disesuaikan untuk background putih */
.main-nav__list>li>a {
    color: #323232 !important;
    font-weight: 600;
    transition: all 0.3s ease;
}

/* Efek hover pada menu utama dengan highlight merah KONI */
.main-nav__list>li:hover>a {
    color: #e30613 !important;
}

/* Aksen merah pada menu aktif */
.main-nav__list>li.active>a {
    color: #e30613 !important;
    position: relative;
}

.main-nav__list>li.active>a::after {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 34px;
    right: 34px;
    height: 3px;
    background-color: #e30613;
    border-radius: 2px;
}

/* Style untuk dropdown menu */
.main-nav__sub {
    border-top: 2px solid #e30613;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-color: #ffffff;
}

.main-nav__sub>li>a {
    color: #333 !important;
}

.main-nav__sub>li>a:hover {
    color: #e30613 !important;
    background-color: rgba(227, 6, 19, 0.05);
}

/* Style untuk sub-menu level 2 & 3 */
.main-nav__sub-2,
.main-nav__sub-3 {
    background-color: #ffffff;
    border-left: 2px solid #e30613;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.main-nav__sub-2>li>a,
.main-nav__sub-3>li>a {
    color: #333 !important;
}

.main-nav__sub-2>li>a:hover,
.main-nav__sub-3>li>a:hover {
    color: #e30613 !important;
    background-color: rgba(227, 6, 19, 0.05);
}

/* Toggle icons styling */
.main-nav__toggle,
.main-nav__toggle-2 {
    color: #e30613;
}

/* Active indicators for submenu items */
.main-nav__sub>li.active>a,
.main-nav__sub-2>li.active>a,
.main-nav__sub-3>li.active>a {
    color: #e30613 !important;
    font-weight: 600;
}

/* Transisi yang lebih halus untuk menu */
.main-nav__list>li>a,
.main-nav__sub>li>a {
    transition: all 0.3s ease;
}

/* Menambahkan aksen pada button search */
.header-mobile__search-icon {
    color: #e30613;
}

/* Warna header top bar */
.header__top-bar {
    background-color: #e30613;
}

.nav-account__item>a {
    color: #ffffff !important;
}

.nav-account__item>a .highlight {
    color: #ffd100 !important;
    /* KONI yellow */
}

.nav-account__item>a:hover {
    color: #ffd100 !important;
    /* KONI yellow */
}

/* Dropdown menu in the top bar */
.nav-account__item>ul.main-nav__sub {
    background-color: #ffffff;
    border-top: 2px solid #ffd100;
}

.nav-account__item>ul.main-nav__sub>li>a {
    color: #333 !important;
}

.nav-account__item>ul.main-nav__sub>li>a:hover {
    color: #e30613 !important;
}

/* Header secondary (Search area) */
.header__secondary {
    background-color: #ffffff;
    border-bottom: 1px solid rgba(227, 6, 19, 0.1);
}

/* Memperindah search form */
.header-search-form {
    background-color: transparent;
}

input.header-mobile__search-control {
    border: 1px solid rgba(227, 6, 19, 0.2);
    background-color: #ffffff;
    transition: all 0.3s ease;
}

input.header-mobile__search-control:focus {
    border-color: #e30613;
    box-shadow: 0 0 0 0.2rem rgba(227, 6, 19, 0.15);
}

.header-mobile__search-submit {
    color: #e30613;
}

/* Info block styling */
.info-block--header .info-block__item .info-block__link {
    color: #030303 !important;
}

.info-block--header .info-block__item .info-block__link:hover {
    color: #e30613 !important;
}

.info-block--header .info-block__item .info-block__link-secondary {
    color: #777;
}

/* Style untuk social links */
.social-links--inline .social-links__link:hover {
    color: #e30613;
}

/* Breadcrumb styling */
.page-heading__breadcrumb .breadcrumb-item.active {
    color: #e30613;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #ffd100;
    /* KONI yellow */
}

/* Megamenu Styling */
.main-nav__megamenu {
    background-color: #ffffff;
    border-top: 2px solid #e30613;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.main-nav__megamenu .main-nav__title {
    color: #e30613;
    font-weight: 700;
    border-bottom: 1px solid rgba(227, 6, 19, 0.2);
}

.main-nav__megamenu-col>a {
    color: #333 !important;
}

.main-nav__megamenu ul>li>a {
    color: #333 !important;
}

.main-nav__megamenu ul>li>a:hover {
    color: #e30613 !important;
    background-color: rgba(227, 6, 19, 0.05);
}

/* Active states for megamenu */
.main-nav__megamenu ul>li.active>a {
    color: #e30613 !important;
    font-weight: 600;
}

.main-nav__megamenu-link-wrapper h5 {
    color: #333;
    font-weight: 700;
}

/* Mobile menu adjustments */
@media (max-width: 991px) {
    .header-mobile {
        background-color: #ffffff;
        border-bottom: 1px solid rgba(227, 6, 19, 0.3);
    }

    .burger-menu-icon__line,
    .burger-menu-icon::before,
    .burger-menu-icon::after {
        background-color: #e30613;
    }

    .main-nav__list>li.has-children>span.main-nav__toggle::after {
        color: #e30613;
    }

    /* Mobile menu background and text colors */
    .main-nav {
        background-color: #ffffff;
    }

    .main-nav__list>li>a {
        color: #323232 !important;
    }

    .main-nav__back {
        color: #e30613;
    }

    /* Mobile megamenu */
    .main-nav__megamenu {
        background-color: #ffffff;
    }

    .main-nav__megamenu .main-nav__title {
        color: #e30613;
    }

    .main-nav__ul .main-nav__title {
        color: #e30613;
        border-bottom: 1px solid rgba(227, 6, 19, 0.2);
    }

    .main-nav__ul li a {
        color: #333 !important;
    }

    .main-nav__ul li a:hover {
        color: #e30613 !important;
    }
}


/**
 * Styles untuk navigasi aktif
 * Copyright (c) 2023 KONI Aceh
 */

/* Menu aktif pada desktop */


.main-nav__list>li.active>a {
    color: #e30613 !important;
    /* KONI red */
    font-weight: bold;
}

/* Submenu aktif */
.main-nav__sub>li.active>a {
    background-color: rgba(227, 6, 19, 0.1);
    /* KONI red with opacity */
    color: #e30613;
    /* KONI red */
}

/* Menu aktif pada mobile */
.navbar-nav>li.active>a,
.nav-mobile>li.active>a,
.mobile-nav__list>li.active>a {
    color: #e30613 !important;
    /* KONI red */
    font-weight: bold;
}

/* Indikator visual untuk menu aktif */
.main-nav__list>li.active::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    /* sedikit lebih tebal untuk emphasis */
    background-color: #e30613;
    /* KONI red */
    animation: active-menu-indicator 0.3s forwards ease-out;
}

@keyframes active-menu-indicator {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

/* Animasi hover untuk menu */
.main-nav__list>li>a {
    transition: color 0.2s ease;
}

.main-nav__list>li:not(.active):hover>a {
    color: rgba(227, 6, 19, 0.8) !important;
    /* KONI red dengan opacity */
}

/* Fix untuk dropdowns */
.main-nav__list>li.active .main-nav__sub {
    visibility: visible;
    opacity: 1;
    border-top: 2px solid #e30613;
    /* Garis merah KONI di atas dropdown */
}

/* Hide dropdown on mouseout if not active */
.main-nav__list>li.active:not(:hover) .main-nav__sub {
    visibility: hidden;
    opacity: 0;
}

/* Hover effect pada submenu */
.main-nav__sub>li>a:hover {
    color: #e30613 !important;
    /* KONI red */
    background-color: rgba(227, 6, 19, 0.05);
    /* Subtle red background on hover */
    padding-left: 1.5em;
}

/* Tambahkan aksen merah di setiap item submenu */
.main-nav__sub>li>a::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #e30613;
    margin-right: 8px;
    vertical-align: middle;
    border-radius: 50%;
    transition: transform 0.2s ease;
}

/* Effect hover pada icon submenu */
.main-nav__sub>li>a:hover::before {
    transform: scale(1.5);
}

/* Media query untuk layar kecil */
@media (max-width: 991px) {
    .main-nav__list>li.active::after {
        display: none;
    }

    .main-nav__list>li.active>a::before {
        content: '• ';
        color: #e30613;
        /* KONI red */
    }

    /* Mobile specific styling - softer borders */
    .main-nav__list {
        border-top: 1px solid rgba(227, 6, 19, 0.2);
    }

    /* Make active menu more prominent but softer on mobile */
    .main-nav__list>li.active {
        background-color: rgba(227, 6, 19, 0.03);
        border-left: 2px solid rgba(227, 6, 19, 0.5);
    }

    /* Move the olympic rings indicator to a better position on mobile */
    .main-nav__list>li.active>a::after {
        right: auto;
        left: -10px;
        top: 50%;
        transform: translateY(-50%);
    }
}

/* Tambahan style dengan aksen olympic rings seperti di footer */
.main-nav__list>li.active>a {
    position: relative;
}

.main-nav__list>li.active>a::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: -3px;
    right: -15px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #e30613;
    /* Red Olympic ring */
    box-shadow: 8px 0 0 #ffd100;
    /* Yellow Olympic ring */
    animation: pulse-koni 2s infinite;
}

/* Animation for the active indicator */
@keyframes pulse-koni {
    0% {
        box-shadow: 8px 0 0 #ffd100, 0 0 0 0 rgba(227, 6, 19, 0.7);
    }

    70% {
        box-shadow: 8px 0 0 #ffd100, 0 0 0 6px rgba(227, 6, 19, 0);
    }

    100% {
        box-shadow: 8px 0 0 #ffd100, 0 0 0 0 rgba(227, 6, 19, 0);
    }
}

/* 
 * Tambahan style untuk header enhancement
 * Menyesuaikan dengan tema warna KONI Aceh
 * Copyright (c) 2023 KONI Aceh 
 */



/* Efek hover pada menu utama dengan highlight merah */
.main-nav__list>li:hover>a {
    color: #e30613 !important;
}

/* Style untuk dropdown menu */
.main-nav__sub {
    border-top: 2px solid #e30613;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

/* Transisi yang lebih halus untuk menu */
.main-nav__list>li>a,
.main-nav__sub>li>a {
    transition: all 0.3s ease;
}

/* Menambahkan aksen pada button search */
.header-mobile__search-icon {
    color: #e30613;
}

/* Style untuk social links */
.social-links--inline .social-links__link:hover {
    color: #e30613;
}

/* Breadcrumb styling */
.page-heading__breadcrumb .breadcrumb-item.active {
    color: #e30613;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #ffd100;
    /* KONI yellow */
}

/* Mobile menu adjustments */
@media (max-width: 991px) {
    .header-mobile {
        background-color: #ffffff;
        border-bottom: 1px solid rgba(227, 6, 19, 0.3);
    }

    .burger-menu-icon__line,
    .burger-menu-icon::before,
    .burger-menu-icon::after {
        background-color: #e30613;
    }

    .main-nav__list>li.has-children>span.main-nav__toggle::after {
        color: #e30613;
    }
}

/* Memastikan header mobile tidak transparent dengan prioritas tinggi */
@media only screen and (max-width: 991px) {
    /* Header mobile dengan background solid - prioritas tertinggi */
    body .header-mobile,
    html .header-mobile,
    .site-wrapper .header-mobile,
    div.header-mobile {
        background-color: #ffffff !important;
        opacity: 1 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border-bottom: 3px solid #e30613 !important;
    }
    
    /* Header mobile inner dengan background solid */
    body .header-mobile__inner,
    html .header-mobile__inner,
    .site-wrapper .header-mobile__inner,
    div.header-mobile__inner {
        background-color: #ffffff !important;
        opacity: 1 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background-image: none !important;
    }
    
    /* Memastikan tidak ada overlay transparent */
    .header-mobile::before,
    .header-mobile::after,
    .header-mobile__inner::before,
    .header-mobile__inner::after {
        display: none !important;
        background: none !important;
    }
}

/**
 * Special fixes for KONI Aceh header
 * Targets specific edge cases in the menu structure
 */

/* Fixes for megamenu content areas */
.main-nav__megamenu-col {
    background-color: #ffffff !important;
}

/* Fixes for specific classes in submenus */
.main-nav__megamenu-col-inner h5 {
    color: #333333 !important;
}

/* Ensure all navigation icons have correct colors */
.main-nav__list>li>a>i,
.main-nav__sub>li>a>i,
.main-nav__sub-2>li>a>i {
    color: #e30613 !important;
}

/* Fix for specific badges in navigation */
.main-nav__list .badge,
.main-nav__sub .badge {
    background-color: #ffd100 !important;
    color: #333333 !important;
}

/* Fix specific megamenu featured content */
.main-nav__megamenu .posts__item-title>a {
    color: #333333 !important;
}

.main-nav__megamenu .posts__item-title>a:hover {
    color: #e30613 !important;
}

/* Fix for any remaining search form issues */
.header-search-form {
    background-color: transparent !important;
}

/* Fix for megamenu tabs if present */
.main-nav__megamenu .nav-tabs {
    border-bottom-color: rgba(227, 6, 19, 0.1) !important;
}

.main-nav__megamenu .nav-tabs .nav-link.active {
    color: #e30613 !important;
    border-bottom-color: #e30613 !important;
}

.main-nav__megamenu .tab-content {
    background-color: #ffffff !important;
}

/* Fix for mobile menu toggle icons */
.main-nav__toggle::after {
    color: #323232 !important;
}

.main-nav__list>li:hover>.main-nav__toggle::after,
.main-nav__list>li.active>.main-nav__toggle::after {
    color: #e30613 !important;
}

/* Pseudo-elements in menu items */
.main-nav__list>li>a::before,
.main-nav__sub>li>a::before,
.main-nav__sub-2>li>a::before {
    color: #e30613 !important;
}

/* Fixes for user navigation panel */
.nav-panel {
    background-color: #ffffff !important;
}

.nav-panel__item>a {
    color: #323232 !important;
}

.nav-panel__item>a:hover {
    color: #e30613 !important;
}

/* Fix sticky menu background if present */
.header.header--fixed {
    background-color: #ffffff !important;
}

/* Fix for any alerts or special components in header */
.header-banner,
.header-alert {
    background-color: rgba(227, 6, 19, 0.1) !important;
    color: #e30613 !important;
}

/* Fix any countdown timer in header */
.header-countdown {
    background-color: #ffffff !important;
    color: #323232 !important;
}

.header-countdown__number {
    color: #e30613 !important;
}

/* 
 * Enhanced specificity for header styling
 * Additional fixes for KONI Aceh header white theme
 * This file contains high-specificity rules to override the original dark theme
 */

/* High specificity header selectors to ensure overrides */
body .header,
html .header,
.site-wrapper .header,
div.header,
header.header {
    background-color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

body .header__primary,
html .header__primary,
.site-wrapper .header__primary,
div.header__primary {
    background-color: #ffffff !important;
}

body .header__primary-inner,
html .header__primary-inner,
.site-wrapper .header__primary-inner,
div.header__primary_inner {
    background-color: #ffffff !important;
}

.header__primary-inner:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 10%;
    height: 3px;
    background-color: #ffffff;
    /* KONI yellow accent */
}

.header__primary-inner:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 10%;
    height: 3px;
    background-color: #ffffff;
    /* KONI yellow accent */
}

.header--layout-1 .header__primary:after,
.header--layout-2 .header__primary:after,
.header--layout-3 .header__primary:after,
.header--layout-4 .header__primary:after,
.header--layout-5 .header__primary:after {
    background-color: #ffffff00;
    /* KONI yellow accent */
    content: '';
}

.header--layout-1 .header__primary-inner:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 10%;
    height: 3px;
    background-color: #ffffff;
    /* KONI yellow accent */
}

/* Override for header top bar specifically */
body .header__top-bar,
html .header__top-bar,
.site-wrapper .header__top-bar,
div.header__top-bar {
    background-color: #e30613 !important;
}

/* Override for header secondary */
body .header__secondary,
html .header__secondary,
.site-wrapper .header__secondary,
div.header__secondary {
    /* background-color: #ffffffe3 !important; */
    background-color: #ffffff !important;
    border-bottom: 1px solid rgba(227, 6, 19, 0.1) !important;
}

/* High specificity main navigation overrides */
body .main-nav,
html .main-nav,
.site-wrapper .main-nav,
div.main-nav,
header .main-nav,
nav.main-nav {
    background-color: #ffffff !important;
}

/* Dropdown menu with higher specificity */
body .main-nav__list>li>.main-nav__sub,
html .main-nav__list>li>.main-nav__sub,
.site-wrapper .main-nav__list>li>.main-nav__sub,
div .main-nav__list>li>.main-nav__sub,
.main-nav .main-nav__list>li>.main-nav__sub {
    background-color: #ffffff !important;
    border-top: 2px solid #e30613 !important;
}

/* Sub-menu level 2 with higher specificity */
body .main-nav__list .main-nav__sub .main-nav__sub-2,
html .main-nav__list .main-nav__sub .main-nav__sub-2,
.site-wrapper .main-nav__list .main-nav__sub .main-nav__sub-2,
div .main-nav__list .main-nav__sub .main-nav__sub-2,
.main-nav .main-nav__list .main-nav__sub .main-nav__sub-2 {
    background-color: #ffffff !important;
    border-left: 2px solid #e30613 !important;
}

/* Megamenu with higher specificity */
body .main-nav__list>li>.main-nav__megamenu,
html .main-nav__list>li>.main-nav__megamenu,
.site-wrapper .main-nav__list>li>.main-nav__megamenu,
div .main-nav__list>li>.main-nav__megamenu,
.main-nav .main-nav__list>li>.main-nav__megamenu {
    background-color: #ffffff !important;
    border-top: 2px solid #e30613 !important;
}

/* Override burger menu icon on mobile */
body .burger-menu-icon__line,
body .burger-menu-icon::before,
body .burger-menu-icon::after,
html .burger-menu-icon__line,
html .burger-menu-icon::before,
html .burger-menu-icon::after {
    background-color: #e30613 !important;
}

/* Header mobile with higher specificity */
body .header-mobile,
html .header-mobile,
.site-wrapper .header-mobile,
div.header-mobile {
    background-color: #ffffff !important;
    border-bottom: 3px solid #e30613 !important;
}

/* Force menu item colors to dark for white background */
body .main-nav__list>li>a,
html .main-nav__list>li>a,
.site-wrapper .main-nav__list>li>a,
div .main-nav__list>li>a,
.main-nav .main-nav__list>li>a {
    color: #323232 !important;
}

/* Style for language selector dropdown */
body .nav-account__item>ul.main-nav__sub,
html .nav-account__item>ul.main-nav__sub,
.header__top-bar .nav-account__item>ul.main-nav__sub {
    background-color: #ffffff !important;
    border-top: 2px solid #ffd100 !important;
}

body .nav-account__item>ul.main-nav__sub>li>a,
html .nav-account__item>ul.main-nav__sub>li>a,
.header__top-bar .nav-account__item>ul.main-nav__sub>li>a {
    color: #333 !important;
}

body .nav-account__item>ul.main-nav__sub>li>a:hover,
html .nav-account__item>ul.main-nav__sub>li>a:hover,
.header__top-bar .nav-account__item>ul.main-nav__sub>li>a:hover {
    color: #e30613 !important;
}

/* Fix for any remaining dark overlays */
.header-mobile__search-icon {
    color: #e30613 !important;
}

/* Fix for account navigation */
.nav-account__item.has-children ul.main-nav__sub--account {
    background-color: #ffffff !important;
    border-top: 2px solid #e30613 !important;
}

.nav-account__item.has-children ul.main-nav__sub--account li>a {
    color: #333333 !important;
}

.nav-account__item.has-children ul.main-nav__sub--account li>a:hover {
    color: #e30613 !important;
}

/* 
 * Additional styles for header enhancement
 * Additional fixes for dark elements in the KONI Aceh header
 */

/* Fix for language dropdown hover */
.nav-account__item:hover>.main-nav__sub {
    background-color: #ffffff;
    border-top: 2px solid #ffd100;
}

/* Fix for any dark backgrounds in social links */
.social-links--main-nav .social-links__link {
    color: #323232;
    transition: all 0.3s ease;
}

.social-links--main-nav .social-links__link:hover {
    color: #e30613;
}

.social-links__item i {
    font-size: 12px;
    margin-right: 5px;
    color: #e30613;
    transition: color .2s ease;
}

.social-links__link:hover i {
    color: #ff3511d2;
}


/* Ensuring all menu toggles have proper styling */
.main-nav__list>li.has-children>.main-nav__toggle {
    color: #e30613;
}

/* Additional megamenu fixes */
.main-nav__megamenu-link-wrapper {
    background-color: #ffffff;
}

.main-nav__megamenu-link {
    color: #333 !important;
}

.main-nav__megamenu-link:hover {
    color: #e30613 !important;
}

/* Make sure any images in megamenu have proper border styling */
.main-nav__megamenu img {
    border: 1px solid rgba(227, 6, 19, 0.1);
}

/* Fix any potential issues with panel navigation */
.main-nav__panel {
    background-color: #ffffff;
}

/* Fix for nested submenus in mobile view */
@media (max-width: 991px) {

    .main-nav__sub-2,
    .main-nav__sub-3 {
        background-color: #ffffff;
    }

    .main-nav__list>li.active,
    .main-nav__list>li.active>a,
    .main-nav__list>li.has-children.active>.main-nav__toggle {
        color: #e30613 !important;
    }

    /* Fix for mobile menu toggle */
    .main-nav__toggle::after,
    .main-nav__toggle-2::after {
        color: #e30613;
    }

    /* Fix for search form in mobile view */
    .header-mobile__search-form {
        background-color: #ffffff;
    }
}

/* Ensure all search elements match the theme */
.header-search-form input[type="search"],
.header-search-form input[type="text"] {
    background-color: #ffffff;
    border: 1px solid rgba(227, 6, 19, 0.2);
    color: #333;
}

/* Making sure dropdowns have proper z-index and positioning */
.main-nav__list>li:hover>.main-nav__sub,
.main-nav__list>li:hover>.main-nav__megamenu {
    border-top-color: #e30613;
}