/* ============================================
   Liberation Collective — Child Theme CSS
   Palette: Forest Canopy | Font: Inverted-Contrast (Bitter/Inter)
   Sig-B: left-sidebar, sep-containers, nav-below-header
   ============================================ */

/* --- Self-hosted fonts --- */
@font-face {
    font-family: 'Bitter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('assets/fonts/Bitter-Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'Bitter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('assets/fonts/Bitter-Bold.woff2') format('woff2');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('assets/fonts/Inter-Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('assets/fonts/Inter-Italic.woff2') format('woff2');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('assets/fonts/Inter-Bold.woff2') format('woff2');
}

/* --- Body font weight fix (GP parent sets 300) --- */
body {
    font-weight: 400;
}

/* --- Typography overrides --- */
body, p, li, td, th, .entry-content {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #001219;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title,
.widget-title {
    font-family: 'Bitter', Georgia, serif;
    font-weight: 700;
    color: #001219;
}

/* --- Forest Canopy palette --- */
a { color: #006D77; }
a:hover, a:focus { color: #004F58; }

.button,
input[type="submit"],
button,
.wp-block-button__link {
    background-color: #006D77;
    color: #FFFFFF;
    border: none;
}
.button:hover,
input[type="submit"]:hover,
button:hover,
.wp-block-button__link:hover {
    background-color: #004F58;
}

/* --- Nav below header (sig-B) --- */
.nav-below-header .main-navigation {
    border-top: 2px solid #83C5BE;
    background-color: #006D77;
}
.nav-below-header .main-navigation .main-nav ul li a,
.nav-below-header .main-navigation .menu-toggle,
.nav-below-header .main-navigation .menu-bar-items {
    color: #FFFFFF;
}
.nav-below-header .main-navigation .main-nav ul li:hover > a,
.nav-below-header .main-navigation .main-nav ul li:focus > a {
    color: #EDF6F9;
}

/* --- Sidebar left (sig-B) --- */
.widget-area .widget {
    border-left: 3px solid #83C5BE;
    padding-left: 1rem;
}
.widget-title {
    font-family: 'Bitter', Georgia, serif;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #006D77;
}

/* --- Site header --- */
.site-header {
    background-color: #FFFFFF;
    border-bottom: 1px solid #D1E7E4;
}

/* --- Post meta & secondary text --- */
.entry-meta,
.entry-meta a,
.post-meta,
time {
    color: #4A5568;
    font-size: 0.875rem;
}

/* --- Category/tag labels --- */
.cat-links a,
.tags-links a {
    background-color: #EDF6F9;
    color: #006D77;
    border-radius: 3px;
    padding: 0.1em 0.5em;
    font-size: 0.8rem;
    text-decoration: none;
}

/* --- Separate containers surface --- */
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header {
    background-color: #FFFFFF;
}

/* --- Footer 3-col-dark --- */
.footer-widgets {
    background-color: #001219;
    color: #EDF6F9;
}
.footer-widgets .widget-title {
    color: #83C5BE;
}
.footer-widgets a {
    color: #83C5BE;
}
.footer-widgets a:hover {
    color: #FFFFFF;
}
.site-info {
    background-color: #001219;
    color: #4A5568;
    font-size: 0.8rem;
    border-top: 1px solid #004F58;
}
.site-info a {
    color: #83C5BE;
}

/* --- Page header style --- */
.page-header {
    background-color: #EDF6F9;
    padding: 1.5rem 2rem;
    border-left: 4px solid #006D77;
}
.page-header .page-title {
    font-family: 'Bitter', Georgia, serif;
    color: #001219;
    margin: 0;
}

/* --- Search submit button (scoped to avoid GP override) --- */
body .search-form .search-submit {
    background-color: #006D77;
    color: #FFFFFF;
}
body .search-form .search-submit:hover {
    background-color: #004F58;
}

/* --- Featured image styling --- */
.post-image img,
.featured-image img {
    border-radius: 4px;
}

/* --- Mobile navigation --- */
@media (max-width: 768px) {
    .nav-below-header .main-navigation .main-nav > ul {
        background-color: #006D77;
    }
}