/*
Theme Name: Blockskit Health Care Custom
Template: blockskit-base
Version: 1.0.0
Text Domain: blockskit-healthcare-custom
*/

/* ======================================
   GLOBAL RESET
====================================== */
.wp-block-navigation .wp-block-navigation-item {
    padding: 0 !important;
    margin: 0 !important;
}

/* ======================================
   MAIN MENU ITEMS
====================================== */
/* ================================
   CLEAN UNDERLINE (DESKTOP SAFE)
================================ */

.wp-block-navigation .wp-block-navigation-item__content {
    position: relative;
    display: inline-block;
    padding: 0.25em 0;
    text-decoration: none;
    color: inherit;
}


.wp-block-navigation .wp-block-navigation-item__content:hover {
    color: #FF6900;
}

/* ======================================
   SUBMENU BASE STYLING (SHARED)
====================================== */
.wp-block-navigation .has-child > .wp-block-navigation__submenu-container {
    min-width: max-content;
}

/* submenu links */

/* make label match text width exactly */
.wp-block-navigation .wp-block-navigation__submenu-container 
.wp-block-navigation-item__label {
    display: inline-block;
    position: relative;
}

/* underline EXACT text width */
.wp-block-navigation .wp-block-navigation__submenu-container 
.wp-block-navigation-item__label::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background-color: #FF6900;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

/* hover trigger */
.wp-block-navigation .wp-block-navigation__submenu-container 
.wp-block-navigation-item__content:hover 
.wp-block-navigation-item__label::after {
    transform: scaleX(1);
}
/* ======================================
   DESKTOP NAVIGATION (hover dropdown)
====================================== */
@media (min-width: 1025px) {

    .wp-block-navigation .has-child {
        position: relative;
    }

    .wp-block-navigation .has-child > .wp-block-navigation__submenu-container {
        position: absolute;
        top: 100%;
        left: 0;

        background: #fff;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);

        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: 0.25s ease;

        display: block;
    }

    .wp-block-navigation .has-child:hover > .wp-block-navigation__submenu-container,
    .wp-block-navigation .has-child:focus-within > .wp-block-navigation__submenu-container {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

/* ======================================
   MOBILE NAVIGATION (WP controlled)
====================================== */
/* MOBILE OPEN STATE (FIXED) */
@media (max-width: 991px) {

    .wp-block-navigation__submenu-container {
        display: none;
        position: relative !important;
        box-shadow: none;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .wp-block-navigation-submenu.open 
    > .wp-block-navigation__submenu-container {
        display: block;
    }

}



/* ======================================
   TYPOGRAPHY / EXTRA FIXES (your original intent)
====================================== */
.wp-block-navigation.items-justified-right
.wp-block-navigation__container
.has-child
.wp-block-navigation__submenu-container {
    margin-left: -1rem;
}

.wp-block-navigation__responsive-container .wp-block-navigation-item__content {
    display: inline-block !important;
    width: auto !important;
}

.wp-block-navigation:not(.has-background)
.wp-block-navigation__submenu-container {
    border: none;
}

.wp-block-navigation ul.wp-block-navigation-submenu li {
    border-bottom: none !important;
}

/* submenu alignment tweak */
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    transform: translateX(-15px);
}

/* image safety */
.wp-block-post-featured-image img {
    width: auto !important;
}
.wp-block-navigation .has-child.open > .wp-block-navigation__submenu-container,
.wp-block-navigation .has-child.open-on-click > .wp-block-navigation__submenu-container {
    display: block !important;
}