/*
 Theme Name:   Academica Child
 Theme URI:    https://ienetwork.org/
 Description:  Child theme of Academica for ienetwork.org customizations.
 Author:       cyberbeing
 Template:     academica
 Version:      1.0.1
 Text Domain:  academica-child
*/

/* ============================================================
   Restore ienetwork.org original palette (twentytwenty defaults)
   - Accent: crimson #cd2653
   - Background: cream #f5efe0
   - Text: black #000
   Updated: 2026-05-25
   ============================================================ */

:root {
    --ie-accent: #cd2653;
    --ie-accent-dark: #b91d4c;
    --ie-bg: #f5efe0;
    --ie-text: #000;
    --ie-border: #dcd7ca;
}

/* Body / Page background */
body,
.site,
.site-content {
    background-color: var(--ie-bg);
    color: var(--ie-text);
}

/* Links */
a,
a:visited {
    color: var(--ie-accent);
}
a:hover,
a:focus,
a:active {
    color: var(--ie-accent-dark);
}

/* Site header (Academica typically uses .site-header / #header) */
.site-header,
#header,
.site-branding,
.header-wrap {
    background-color: var(--ie-accent);
    border-bottom: 4px solid var(--ie-accent-dark);
}
.site-header a,
.site-title,
.site-title a,
.site-description,
#header .site-title a {
    color: #fff !important;
}

/* Main navigation */
.main-navigation,
.menu-main-menu-container,
.nav-menu {
    background-color: var(--ie-accent);
}
.main-navigation a,
.nav-menu a,
.menu-item a {
    color: #fff;
}
.main-navigation a:hover,
.nav-menu a:hover {
    color: #fcd7e1;
    background-color: transparent;
    text-decoration: underline;
}
.menu-item.current-menu-item > a,
.current-menu-item > a {
    color: #fff;
    background-color: transparent;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 6px;
}

/* Buttons */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.wp-block-button__link {
    background-color: var(--ie-accent);
    color: #fff;
    border: none;
}
button:hover,
input[type="submit"]:hover,
.button:hover,
.wp-block-button__link:hover {
    background-color: var(--ie-accent-dark);
}

/* Post titles / headings accent */
.entry-title a,
h1.entry-title,
.post-title a {
    color: var(--ie-text);
}
.entry-title a:hover,
.post-title a:hover {
    color: var(--ie-accent);
}

/* Sidebar widgets */
.widget-title,
.widget h2,
.widget h3 {
    color: var(--ie-accent);
    border-bottom: 2px solid var(--ie-accent);
    padding-bottom: 4px;
}

/* Footer */
.site-footer,
#footer {
    background-color: var(--ie-text);
    color: var(--ie-bg);
}
.site-footer a,
#footer a {
    color: var(--ie-accent);
}

/* Borders / dividers */
hr,
.entry-content hr {
    border-color: var(--ie-border);
}

/* ============================================================
   Force sidebar-left layout side-by-side via flexbox
   Override academica float-based grid that was stacking.
   Updated: 2026-05-25
   ============================================================ */

@media screen and (min-width: 769px) {
    #content {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 0 30px;
    }

    /* Breadcrumb / title row: full width */
    #content > .column-title {
        flex: 0 0 100%;
        max-width: 100%;
        float: none;
        margin-right: 0;
    }

    /* Left sidebar (column-narrow) */
    #content > .column-narrow {
        flex: 0 0 250px;
        max-width: 250px;
        float: none;
        margin-right: 0;
    }

    /* Content column — take remaining width */
    #content > .column-content,
    #content > .column-double.column-content {
        flex: 1 1 auto;
        max-width: calc(100% - 280px);
        width: auto;
        float: none;
        margin-left: 0;
        margin-right: 0;
    }

    /* Footer columns still use float — leave alone */
}

/* ============================================================
   Homepage block images — uniform full content-width
   Each .wp-block-image takes full width of content column.
   Heights differ (preserves aspect ratio) but widths match.
   ============================================================ */
.entry-content .wp-block-image,
.entry-content figure.wp-block-image {
    width: 100%;
    max-width: 100%;
    margin: 1em 0;
}
.entry-content .wp-block-image img,
.entry-content figure.wp-block-image img {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
}