/*
SarahKing.ca Seasonal Theme System
----------------------------------
PHP adds one of these body classes automatically:

.theme-spring
.theme-summer
.theme-autumn
.theme-winter
.theme-christmas
.theme-birthday

The background image is supplied by PHP as:
--seasonal-background-image
*/

:root {
    --site-bg: #f4ead8;
    --text-main: #3f392f;
    --text-soft: #6c6254;

    --accent: #9b7d53;
    --accent-strong: #765f3f;
    --accent-soft: #eadfce;

    --card-bg: rgba(255, 251, 243, 0.90);
    --card-border: rgba(130, 105, 72, 0.24);

    --button-bg: #8b7355;
    --button-text: #fffaf0;
    --button-hover: #6f5b43;

    --link: #7b6144;
    --link-hover: #51402e;

    --shadow: 0 12px 30px rgba(62, 49, 36, 0.12);
}

/* Main site background */
html,
body {
    min-height: 100%;
}

/* Keep seasonal artwork on the OUTSIDE of the site */
body {
    background-image: var(--seasonal-background-image) !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

/* Main site wrapper stays transparent so outer background can show */
.site,
#page {
    background: transparent !important;
}

/* Actual reading/content area gets a calm parchment panel */
.site-content,
.content-area,
.site-main {
    background: rgba(250, 241, 221, 0.96) !important;
}

/* Generic reusable styling */
.seasonal-card,
.entry-content,
.widget,
.wp-block-group.has-background {
    border-color: var(--card-border);
}

a {
    color: var(--link);
}

a:hover,
a:focus {
    color: var(--link-hover);
}

button,
input[type="submit"],
.wp-block-button__link {
    background-color: var(--button-bg);
    color: var(--button-text);
    border-color: var(--accent-strong);
}

button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
    background-color: var(--button-hover);
}

/* SPRING */
body.theme-spring {
    --site-bg: #f3ead8;
    --text-main: #394536;
    --text-soft: #65705d;

    --accent: #91a879;
    --accent-strong: #6d8358;
    --accent-soft: #dfe9d4;

    --card-bg: rgba(255, 252, 245, 0.90);
    --card-border: rgba(110, 137, 91, 0.25);

    --button-bg: #82996d;
    --button-hover: #667d56;

    --link: #6f845c;
    --link-hover: #4f6340;
}

/* SUMMER */
body.theme-summer {
    --site-bg: #f5e7c9;
    --text-main: #3f4430;
    --text-soft: #6f725d;

    --accent: #9da55e;
    --accent-strong: #777f42;
    --accent-soft: #ece6b8;

    --card-bg: rgba(255, 250, 235, 0.88);
    --card-border: rgba(130, 137, 77, 0.27);

    --button-bg: #8d9654;
    --button-hover: #70783f;

    --link: #7f8748;
    --link-hover: #5d632f;
}

/* AUTUMN */
body.theme-autumn {
    --site-bg: #ead6b7;
    --text-main: #4a3427;
    --text-soft: #755d4d;

    --accent: #b66f3d;
    --accent-strong: #8d4f2d;
    --accent-soft: #edd2b3;

    --card-bg: rgba(255, 246, 232, 0.90);
    --card-border: rgba(159, 92, 49, 0.27);

    --button-bg: #a45f37;
    --button-hover: #814727;

    --link: #98562f;
    --link-hover: #693920;
}

/* WINTER */
body.theme-winter {
    --site-bg: #e7edf0;
    --text-main: #35414a;
    --text-soft: #65727b;

    --accent: #738d9f;
    --accent-strong: #556f82;
    --accent-soft: #d8e3ea;

    --card-bg: rgba(250, 252, 252, 0.88);
    --card-border: rgba(89, 114, 132, 0.24);

    --button-bg: #6e8798;
    --button-hover: #536b7c;

    --link: #607b8e;
    --link-hover: #405866;
}

/* CHRISTMAS */
body.theme-christmas {
    --site-bg: #e8edf0;
    --text-main: #303f38;
    --text-soft: #667269;

    --accent: #9e2f34;
    --accent-strong: #762126;
    --accent-soft: #e7d8cc;

    --card-bg: rgba(255, 250, 243, 0.89);
    --card-border: rgba(127, 52, 47, 0.24);

    --button-bg: #8b2b30;
    --button-hover: #682025;

    --link: #8c2e32;
    --link-hover: #5d1d21;
}

/* BIRTHDAY */
body.theme-birthday {
    --site-bg: #f4dfd2;
    --text-main: #4b3737;
    --text-soft: #7b6464;

    --accent: #c47f8e;
    --accent-strong: #9d5b69;
    --accent-soft: #f0d7df;

    --card-bg: rgba(255, 247, 241, 0.90);
    --card-border: rgba(183, 104, 126, 0.25);

    --button-bg: #b96f80;
    --button-hover: #955667;

    --link: #a85f73;
    --link-hover: #7f4354;
}

/*
Optional card helper. Add class="seasonal-card" to any section
you want to sit on a soft readable panel.
*/
.seasonal-card {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    box-shadow: var(--shadow);
    backdrop-filter: blur(2px);
}

/* Mobile: fixed backgrounds can be jerky on phones */
@media (max-width: 900px) {
    body {
        background-attachment: scroll;
        background-position: center top;
    }
}

/* SPRING */
body.theme-spring {
    --sidebar--background-color: #344536;
    --sidebar--text-color: #edf1e6;
    --sidebar--link-color: #c7d996;
    --sidebar--link-color-hover: #f1e8bb;
    --sidebar--styled-divider-border-color: #61735e;
    --sidebar--input-background-color: #405342;
    --sidebar--input-text-color: #ffffff;
    --mobile-button--background-color: #344536;
    --site-title--color: #f4edd5;
    --social-menu--icon-color: #d9c88b;
}

/* SUMMER */
body.theme-summer {
    --sidebar--background-color: #374531;
    --sidebar--text-color: #f3ecd4;
    --sidebar--link-color: #e7c75c;
    --sidebar--link-color-hover: #fff0a3;
    --sidebar--styled-divider-border-color: #657254;
    --sidebar--input-background-color: #43523b;
    --sidebar--input-text-color: #ffffff;
    --mobile-button--background-color: #374531;
    --site-title--color: #fff0c6;
    --social-menu--icon-color: #e7c75c;
}

/* AUTUMN */
body.theme-autumn {
    --sidebar--background-color: #3b291f;
    --sidebar--text-color: #ead8bf;
    --sidebar--link-color: #e4ad4f;
    --sidebar--link-color-hover: #f6d58d;
    --sidebar--styled-divider-border-color: #74513a;
    --sidebar--input-background-color: #4a3428;
    --sidebar--input-text-color: #f5eadb;
    --mobile-button--background-color: #3b291f;
    --site-title--color: #f5dfb5;
    --social-menu--icon-color: #e4ad4f;
}

/* WINTER */
body.theme-winter {
    --sidebar--background-color: #293946;
    --sidebar--text-color: #e8eef2;
    --sidebar--link-color: #adc8d9;
    --sidebar--link-color-hover: #ffffff;
    --sidebar--styled-divider-border-color: #506878;
    --sidebar--input-background-color: #344754;
    --sidebar--input-text-color: #ffffff;
    --mobile-button--background-color: #293946;
    --site-title--color: #ffffff;
    --social-menu--icon-color: #d6b978;
}

/* CHRISTMAS */
body.theme-christmas {
    --sidebar--background-color: #183327;
    --sidebar--text-color: #efe8da;
    --sidebar--link-color: #d9b768;
    --sidebar--link-color-hover: #ffffff;
    --sidebar--styled-divider-border-color: #496250;
    --sidebar--input-background-color: #254536;
    --sidebar--input-text-color: #ffffff;
    --mobile-button--background-color: #183327;
    --site-title--color: #f4e7c6;
    --social-menu--icon-color: #d9b768;
}

/* BIRTHDAY */
body.theme-birthday {
    --sidebar--background-color: #5a3945;
    --sidebar--text-color: #f8e7e9;
    --sidebar--link-color: #efb2bd;
    --sidebar--link-color-hover: #ffe1a8;
    --sidebar--styled-divider-border-color: #865868;
    --sidebar--input-background-color: #684652;
    --sidebar--input-text-color: #ffffff;
    --mobile-button--background-color: #5a3945;
    --site-title--color: #fff0dc;
    --social-menu--icon-color: #e7bd73;
}

/* =========================================
   POST CATEGORY / SECTION HEADER
   ========================================= */

.entry-categories {
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
}

.entry-categories-inner {
    display: block !important;
}

/* Remove Iceberg's badge/pill appearance */
.entry-categories a {
    display: inline-block !important;

    margin: 0 !important;
    padding: 0 0 7px 0 !important;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;

    color: var(--accent-strong) !important;

    font-size: 0.85rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    line-height: 1.3 !important;

    text-transform: uppercase !important;
    text-decoration: none !important;
}

/* Small elegant underline */
.entry-categories a::after {
    content: "";
    display: block;

    width: 42px;
    height: 2px;

    margin-top: 7px;

    background: var(--accent);
}

/* Hover */
.entry-categories a:hover,
.entry-categories a:focus {
    color: var(--accent) !important;
    background: transparent !important;
}