/* ===== The Addison Edit — Site Refresh ===== */
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital@1&display=swap');

/* Lighter, whiter background */
body {
    background-color: #fdfcfa;
}
.site-content,
.content-area,
.entry-content,
.site-main {
    background-color: #ffffff;
}

/* Classic journal logo treatment */
.site-title,
.site-title a,
.site-title-wrap .site-title,
.site-title-wrap .site-title a,
.site-branding .site-title,
.site-branding .site-title a {
    font-family: 'Libre Baskerville', Georgia, serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 40px !important;
    line-height: 1.15 !important;
    color: #26392e !important;
    letter-spacing: 0.3px !important;
}

@media (max-width: 767px) {
    .site-title,
    .site-title a,
    .site-title-wrap .site-title,
    .site-title-wrap .site-title a,
    .site-branding .site-title,
    .site-branding .site-title a {
        font-size: 32px !important;
    }
}

/* ===== Top Header Band (light sage green) ===== */
#masthead,
#masthead .site-header-row-container-inner,
.site-main-header-wrap .site-header-row-container-inner,
.site-top-header-wrap .site-header-row-container-inner,
.site-bottom-header-wrap .site-header-row-container-inner {
    background-color: #dfeee3 !important;
}

/* Keep nav text readable on the band */
.main-navigation .primary-menu-container > ul > li.menu-item > a {
    color: #3a4a3f;
}
.main-navigation .primary-menu-container > ul > li.menu-item > a:hover {
    color: #1f3a28;
}

/* ===== Cookie Consent Banner — recolor from navy to match the site ===== */
#wpconsent-root {
    --wpconsent-background: #fdfcfa !important;
    --wpconsent-text: #3a3a3a !important;
    --wpconsent-outline-color: rgba(0, 0, 0, 0.1) !important;
    --wpconsent-accept-bg: #dfeee3 !important;
    --wpconsent-accept-color: #1f3a28 !important;
    --wpconsent-cancel-bg: #ffffff !important;
    --wpconsent-cancel-color: #3a3a3a !important;
    --wpconsent-preferences-bg: #ffffff !important;
    --wpconsent-preferences-color: #3a3a3a !important;
}
#wpconsent-root .wpconsent-banner-holder .wpconsent-banner {
    background: #fdfcfa !important;
    color: #3a3a3a !important;
}
#wpconsent-root .wpconsent-banner-button.wpconsent-accept-all {
    background-color: #dfeee3 !important;
    color: #1f3a28 !important;
}
#wpconsent-consent-floating,
.wpconsent-consent-floating-button {
    background-color: #dfeee3 !important;
    color: #1f3a28 !important;
}

/* ===== Colored Callout Boxes for Blog Posts ===== */
/* In the block editor: select a paragraph or group block, open the
   Advanced panel on the right, and add one of these under
   "Additional CSS Class(es)": steal-look, pro-tip, avoid-this, get-the-look */

.steal-look {
    background-color: #eaf2fb;
    border-left: 4px solid #6f9ed1;
    padding: 20px 24px;
    margin: 24px 0;
    border-radius: 4px;
}
.steal-look strong:first-child { color: #3a6ea5; }

.pro-tip {
    background-color: #fdf6e3;
    border-left: 4px solid #d9a441;
    padding: 20px 24px;
    margin: 24px 0;
    border-radius: 4px;
}
.pro-tip strong:first-child { color: #a8791f; }

.avoid-this {
    background-color: #fbeceb;
    border-left: 4px solid #c9615c;
    padding: 20px 24px;
    margin: 24px 0;
    border-radius: 4px;
}
.avoid-this strong:first-child { color: #a8433e; }

.get-the-look {
    background-color: #f2ecf7;
    border-left: 4px solid #9b7fb8;
    padding: 20px 24px;
    margin: 24px 0;
    border-radius: 4px;
}
.get-the-look strong:first-child { color: #6f4f8e; }