/* ==========================================================================
   Base & Typography
   ========================================================================== */
body {
    color: black;
}

.entry-content a {
    text-decoration-color: #5993a6;
}

.entry-content a:hover {
    text-decoration: underline;
    text-decoration-color: #5993a6;
}

li::marker {
    color: #5993a6;
}

/* Adds breathing room to both bullet (ul) and numbered (ol) lists */
.editor-styles-wrapper ul li,
.editor-styles-wrapper ol li,
main ul li,
main ol li,
.entry-content ul li,
.entry-content ol li {
    margin-bottom: 18px; 
    line-height: 1.7;    
}

/* ==========================================================================
   Layout & Content Containers
   ========================================================================== */
.site-content {
    margin: 0 auto;
    max-width: 65rem; /* slightly narrower for better readability */
    padding: 0 1.5rem;
    width: 100%;
    float: none;       /* prevents floating issues */
    position: relative;/* ensures proper positioning */
    left: 0;           /* resets any left positioning */
    right: 0;          /* resets any right positioning */
}

/* Center inner content if needed */
.entry-content {
    margin: 0 auto;
    width: 100%;
}

/* ==========================================================================
   Desktop Navigation (≥ 1024px)
   ========================================================================== */
@media screen and (min-width: 1024px) {
    /* 1. Hide the mobile hamburger button/three dots */
    .menu-toggle,
    .mobile-navigation-toggle,
    .nav-toggle,
    .hamburger,
    [class*="toggle"] {
        display: none !important;
    }

    /* 2. Remove horizontal header lines & shadows */
    header, 
    .site-header, 
    .header-container {
        border-bottom: none !important;
        box-shadow: none !important;
    }

    /* 3. Navigation wrapper centering and spacing */
    .main-navigation, 
    #site-navigation {
        border: none !important;
        background: transparent !important;
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        margin-top: 20px !important;
    }

    /* 4. Horizontal menu list layout */
    .main-navigation ul, 
    #site-navigation ul {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        gap: 35px !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 auto !important;
        list-style: none !important;
    }

    /* 5. Clean text links with no borders/jagged underlines */
    .main-navigation li, 
    #site-navigation li,
    .main-navigation a, 
    #site-navigation a {
        border: none !important;
        border-bottom: none !important;
        text-decoration: none !important;
        padding: 10px 0 !important;
        background: none !important;
    }

    /* 6. Subtle hover effect */
    .main-navigation a:hover, 
    #site-navigation a:hover {
        opacity: 0.7 !important;
    }
}

/* ==========================================================================
   WPBot Ghost Bubbles Removal
   ========================================================================== */
li:has(.kill-bubble),
div.wp-chatbot-msg:has(.kill-bubble),
div.wp-chat-msg:has(.kill-bubble),
.wp-chatbot-comment-loader:has(.kill-bubble) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}