/*
* Theme Name: Divi Child
* Theme URI: https://uncm.ac.id
* Description: Divi Child Theme untuk uncm.ac.id
* Author: Digma Solution
* Author URI: https://digmasolution.com
* Template: Divi
* Version: 1.0.1
**/

/* Fix DiviFlash Logo Visibility - Added by AI Agent */
.difl_advancedmenuitem_8_tb_header,
.difl_advancedmenuitem_8_tb_header.df-am-item,
.df-am-col.left,
.difl_advancedmenuitem_8_tb_header a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
img.df-site-logo, .difl_advancedmenuitem_8_tb_header.df-am-item img {
    max-width: 100%;
    height: auto !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 9999 !important;
}
.df-am-col.left {
    display: flex !important;
    align-items: center !important;
    min-width: 100px;
}

/* Fix DiviFlash Mega Menu: Best Practice Spacing & Alignment */
.df-normal-menu-wrap .df-menu-wrap .df-menu-nav .df-mega-menu > .sub-menu:not(.df-custom-submenu) {
    padding: 24px 30px !important;
}
.df-normal-menu-wrap .df-menu-wrap .df-menu-nav .df-mega-menu > .sub-menu .col,
.sub-menu .col,
.df-mega-menu-item .col {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    gap: 10px !important;
}
.df-normal-menu-wrap .df-menu-wrap .df-menu-nav .df-mega-menu > .sub-menu .col > li,
.sub-menu .col > li,
.df-mega-menu-item .col > li {
    margin: 0 !important;
    padding: 0 !important;
}
.df-normal-menu-wrap .df-menu-wrap .df-menu-nav .df-mega-menu > .sub-menu .col > li > a,
.sub-menu .col > li > a {
    display: inline-block !important;
    padding: 4px 0 !important;
    line-height: 1.4 !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}
.df-normal-menu-wrap .df-menu-wrap .df-menu-nav .df-mega-menu > .sub-menu .col > li > a:hover,
.sub-menu .col > li > a:hover {
    transform: translateX(3px) !important;
}

/* ==========================================================================
   Fix DiviFlash Advanced Menu: Stacking Context, Submenu Hover Gap & Alignment
   ========================================================================== */
/* 1. Stacking Context Fix: Pastikan Baris Menu selalu berada di ATAS Baris Breadcrumbs */
.et_pb_row_0_tb_header,
.et_pb_row:has(.difl_advancedmenu) {
    z-index: 99 !important;
    position: relative !important;
}
.et_pb_row_1_tb_header,
.et_pb_row:has(.difl_breadcrumbs) {
    z-index: 1 !important;
    position: relative !important;
}

/* 2. Submenu Standar (BUKAN Mega Menu): Hilangkan Gap Celah & Pastikan Menempel Rapat */
.df-normal-menu-wrap .df-menu-wrap .df-menu-nav > li.menu-item-has-children:not(.df-mega-menu) {
    position: relative !important;
    overflow: visible !important;
}
.df-normal-menu-wrap .df-menu-wrap .df-menu-nav > li.menu-item-has-children:not(.df-mega-menu) > .sub-menu:not(.df-custom-submenu) {
    left: 0 !important;
    margin-top: 0 !important; /* Rapatkan celah 36px agar kursor tidak jatuh ke ruang hampa */
    z-index: 9999 !important;
}

/* 3. Link Menu Induk: Prioritas Klik Tertinggi (Z-Index di Atas Dropdown) */
.df-normal-menu-wrap .df-menu-wrap .df-menu-nav > li.menu-item-has-children > a {
    position: relative !important;
    z-index: 10005 !important;
    cursor: pointer !important;
}

/* 4. Native CSS hover support */
.df-normal-menu-wrap .df-menu-wrap .df-menu-nav > li.menu-item-has-children:not(.df-mega-menu):hover > .sub-menu:not(.df-custom-submenu) {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: all !important;
}


