Reverted back to
/* === Divine Daily News Navigation - Sticky Popup Style (Fixed) === */

/* Base nav container */
.ddn-nav,
.wp-block-navigation {
    background-color: rgba(18,18,18,0.95); /* Slightly transparent dark */
    padding: 1rem 2rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    position: sticky;
    top: calc(32px + 8px); /* Push below WP admin bar (~32px) + spacing */
    z-index: 999;
    box-shadow: 0 6px 18px rgba(0,0,0,0.4); /* Popup shadow */
    border-radius: 8px; /* Rounded popup look */
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease;
    width: auto; /* Full width minus padding */
    max-width: 1200px;
    margin: 0 auto; /* Center on large screens */
}

/* Menu links */
.ddn-nav a,
.wp-block-navigation .wp-block-navigation-item a {
    color: #1E88E5; /* Electric blue */
    text-decoration: none;
    padding: 0.5rem 1rem;
    transition: all 0.3s ease;
}

/* Hover effect */
.ddn-nav a:hover,
.wp-block-navigation .wp-block-navigation-item a:hover {
    color: #FFEB3B; /* Yellow hover */
    text-shadow: 0 0 4px rgba(255, 235, 59, 0.8);
}

/* Active/current menu item */
.ddn-nav .current-menu-item > a,
.wp-block-navigation .current-menu-item > a {
    color: #D32F2F; /* Red accent */
    font-weight: 700;
    border-bottom: 2px solid #D32F2F;
}

/* Dropdown submenu container */
.ddn-nav .sub-menu,
.wp-block-navigation .wp-block-navigation-submenu {
    background-color: #121212;
    padding: 0.5rem 0;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.5);
    position: absolute;
    display: none;
    margin-top: 0.5rem;
}

/* Dropdown submenu items */
.ddn-nav .sub-menu a,
.wp-block-navigation .wp-block-navigation-submenu a {
    color: #1E88E5;
    display: block;
    padding: 0.5rem 1.5rem;
}

/* Hover for submenu links */
.ddn-nav .sub-menu a:hover,
.wp-block-navigation .wp-block-navigation-submenu a:hover {
    color: #FFEB3B;
    text-shadow: 0 0 4px rgba(255, 235, 59, 0.6);
}

/* Show dropdown on hover (desktop) */
.ddn-nav li:hover > .sub-menu,
.wp-block-navigation li:hover > .wp-block-navigation-submenu {
    display: block;
}

/* Responsive/mobile menu */
@media (max-width: 1024px) {
    .ddn-nav,
    .wp-block-navigation {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        max-width: 100%;
        border-radius: 0; /* Full width on mobile */
        box-shadow: none;
    }

    .ddn-nav .sub-menu,
    .wp-block-navigation .wp-block-navigation-submenu {
        position: relative;
        width: 100%;
        display: none; /* Hidden initially for toggle */
    }
}

/* === Mobile Hamburger Menu Overlay Styles === */
.wp-block-navigation__responsive-container {
    background-color: #121212; /* Dark background from palette */
    color: #EAEAEA; /* Off-white text */
    padding: 1rem;
}

/* Mobile menu links */
.wp-block-navigation__responsive-container a {
    color: #1E88E5; /* Electric blue */
    display: block;
    padding: 0.75rem 1rem;
    text-decoration: none;
    transition: color 0.3s ease;
}

/* Hover effect */
.wp-block-navigation__responsive-container a:hover {
    color: #FFEB3B; /* Yellow hover */
    text-shadow: 0 0 4px rgba(255, 235, 59, 0.6);
}

/* Mobile submenu */
.wp-block-navigation__responsive-container .wp-block-navigation-submenu {
    background-color: #121212; /* Match palette */
    padding-left: 1rem;
}

/* Mobile submenu links */
.wp-block-navigation__responsive-container .wp-block-navigation-submenu a {
    color: #1E88E5;
}

.wp-block-navigation__responsive-container .wp-block-navigation-submenu a:hover {
    color: #FFEB3B;
}

/* Force mobile hamburger overlay background to match palette */
.wp-block-navigation__responsive-container {
    background-color: #121212 !important; /* dark gray */
    color: #EAEAEA !important; /* off-white text */
}

/* Force mobile menu links color */
.wp-block-navigation__responsive-container a {
    color: #1E88E5 !important; /* electric blue */
}

/* Hover links */
.wp-block-navigation__responsive-container a:hover {
    color: #FFEB3B !important; /* yellow hover */
}

/* Submenu container */
.wp-block-navigation__responsive-container .wp-block-navigation-submenu {
    background-color: #121212 !important; /* dark gray */
}

/* Submenu links */
.wp-block-navigation__responsive-container .wp-block-navigation-submenu a {
    color: #1E88E5 !important;
}

.wp-block-navigation__responsive-container .wp-block-navigation-submenu a:hover {
    color: #FFEB3B !important;
}

/* -----------------------------
  Articles submenu inline fix
----------------------------- */

/* Ensure top-level li (Articles) stays inline */
.ddn-nav > ul > li.has-child,
.wp-block-navigation__container > li.has-child {
    position: relative;      /* anchor point for submenu */
    display: inline-block;   /* keep on the same line as others */
}

/* Submenu dropdown */
.ddn-nav .wp-block-navigation-submenu,
.wp-block-navigation__submenu-container {
    position: absolute;      /* drop vertically under parent */
    top: 100%;               /* directly below Articles */
    left: 0;
    display: none;           /* hidden by default */
    background-color: #121212;
    border-radius: 6px;
    box-shadow: 0 10px 28px rgba(0,0,0,0.5);
    min-width: 220px;
    padding: 0.5rem 0;
    z-index: 9999;
}

/* Show submenu on hover */
.ddn-nav > ul > li.has-child:hover > .wp-block-navigation-submenu,
.wp-block-navigation__container > li.has-child:hover > .wp-block-navigation__submenu-container {
    display: block;
}

/* Submenu links stacked vertically */
.wp-block-navigation__submenu-container li,
.ddn-nav .wp-block-navigation-submenu li {
    display: block;
}

/* Submenu link styling */
.wp-block-navigation__submenu-container a,
.ddn-nav .wp-block-navigation-submenu a {
    display: block;
    padding: 0.5rem 1.25rem;
    color: #1E88E5;
}

.wp-block-navigation__submenu-container a:hover,
.ddn-nav .wp-block-navigation-submenu a:hover {
    color: #FFEB3B;
    text-shadow: 0 0 4px rgba(255,235,59,0.6);
}

/* Responsive: stack menu & submenus */
@media (max-width:1024px){
    .ddn-nav > ul > li.has-child,
    .wp-block-navigation__container > li.has-child {
        display: block;
    }

    .ddn-nav .wp-block-navigation-submenu,
    .wp-block-navigation__submenu-container {
        position: relative;
        top: auto;
        left: auto;
        display: none;
        width: 100%;
        box-shadow: none;
        border-radius: 0;
        padding-left: 1rem;
    }

    .ddn-nav li.has-child:hover > .wp-block-navigation-submenu,
    .wp-block-navigation__container li.has-child:hover > .wp-block-navigation__submenu-container {
        display: block;
    }
}