.footer-about {
    gap: 16px;
    display: flex;
    text-align: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.entry-banner {
    background: transparent;
}
.entry-banner::after {
    content: none;
}

.breadcrumb-area .entry-breadcrumb .current-item,
.breadcrumb-area .entry-breadcrumb span.current {
    color: #000;
}
[data-theme="dark-mode"] .breadcrumb-area .entry-breadcrumb span a,
[data-theme="dark-mode"] .breadcrumb-area .entry-breadcrumb .current-item,
[data-theme="dark-mode"] .breadcrumb-area .entry-breadcrumb span.current {
    color: var(--breadcrumb_link_color);
}

@media (min-width: 768px) {
    .footer-about {
        text-align: left;
        flex-direction: row;
    }
    .footer-about p {
        margin: 0;
    }
}

@media (min-width: 1025px) {
    .home #content {
        padding-top: 96px;
    }

    .home .site-header .main-navigation nav > ul > li > a {
        color: var(--title_dark_color);
    }
}

/* =========================================================
   Adapted fixes
   ========================================================= */

/* (1) Category / archive title was white on the transparent banner.
   Make it dark in light mode and white in dark mode. */
.entry-banner .entry-banner-content h1,
.entry-banner .entry-banner-content h1 a {
    color: var(--title_dark_color);
}
.entry-banner .entry-breadcrumb .delimiter {
    color: var(--title_dark_color);
}
[data-theme="dark-mode"] .entry-banner .entry-banner-content h1,
[data-theme="dark-mode"] .entry-banner .entry-banner-content h1 a,
[data-theme="dark-mode"] .entry-banner .entry-breadcrumb .delimiter {
    color: var(--title_light_color);
}

/* (3) Main menu links were dark-on-dark in dark mode (black text).
   Force white in dark mode; keep the accent colour on hover.
   !important is used so this always beats the .home { color: dark } override. */
[data-theme="dark-mode"] .site-header .main-navigation nav > ul > li > a,
[data-theme="dark-mode"] .home .site-header .main-navigation nav > ul > li > a {
    color: var(--title_light_color) !important;
}
[data-theme="dark-mode"] .site-header .main-navigation nav > ul > li > a:hover,
[data-theme="dark-mode"] .home .site-header .main-navigation nav > ul > li > a:hover,
[data-theme="dark-mode"] .site-header .main-navigation nav > ul > li.current-menu-item > a,
[data-theme="dark-mode"] .home .site-header .main-navigation nav > ul > li.current-menu-item > a {
    color: var(--primary_color) !important;
}