/*
 * theme-refresh.css — Exit Here -tyylinen värimaailma-päivitys
 *
 * Vanhat värit (alkuperäinen blankslate):
 *   #193652  pää-sininen (raskas)
 *   #D9AE94  salmon-aksentti
 *   #4B8A8B  teal
 *   #FCFBFA  off-white
 *
 * Uudet värit (raikas, valoisa):
 *   --humat-ink:    #2c4a6b  — pää-sininen (hieman lämpimämpi, vähemmän tumma)
 *   --humat-ink-2:  #3a5878  — pehmeämpi sininen aksentteihin
 *   --humat-paper:  #fbfaf7  — warm cream (ei valkoinen)
 *   --humat-paper-2:#f3efe8  — beige korostuksiin
 *   --humat-rose:   #d4a896  — rose-beige aksentti (entinen #D9AE94 pehmennetty)
 *   --humat-sage:   #93a89a  — pehmeä sage-green (entinen #4B8A8B pehmennetty)
 *
 * Jos haluat palauttaa vanhan ilmeen, kommentoi enqueue-rivi
 * functions.php:stä (humat-theme-refresh).
 *
 * Versio 1.0 / 2026-06-08
 */

:root {
    --humat-ink:     #2c4a6b;
    --humat-ink-2:   #3a5878;
    --humat-paper:   #fbfaf7;
    --humat-paper-2: #f3efe8;
    --humat-rose:    #d4a896;
    --humat-rose-2:  #c89685;
    --humat-sage:    #93a89a;
    --humat-text:    #2a2e33;
    --humat-text-soft:#5a6068;
    --humat-line:    #e4ddd1;
}

/* ──────────────────────────────────────────────────────────────────────────
 * BODY + GLOBAALI TAUSTA
 * Pehmeämpi off-white kuin puhdas valkoinen → "raikas", ei steriili
 * ────────────────────────────────────────────────────────────────────────── */
body {
    background: var(--humat-paper);
    color: var(--humat-text);
}

/* ──────────────────────────────────────────────────────────────────────────
 * PÄÄ-SININEN — kaikki #193652 -instanssit (raskas tumma sininen)
 *   → vaihtuvat lämpimämpään #2c4a6b
 * ────────────────────────────────────────────────────────────────────────── */

/* Taustat */
#keskiblokki,
.sininen,
header#keskiblokki,
.menu-banner,
.bg-sininen { background-color: var(--humat-ink) !important; }

/* Reunaviivat */
#tel,
.raja,
.menu-banner-bottom,
hr.raja { border-color: var(--humat-ink) !important; }

/* Tekstit */
a,
.link-sininen,
.menu-item a,
.sininen-teksti,
h1, h2, h3, h4 { color: var(--humat-ink); }

/* Buttonit ja CTA:t */
.btn-primary,
.cta-button,
button[type="submit"]:not(.submit-btn) {
    background: var(--humat-ink);
    color: #fff;
    border-color: var(--humat-ink);
}
.btn-primary:hover,
.cta-button:hover { background: var(--humat-ink-2); }

/* ──────────────────────────────────────────────────────────────────────────
 * AKSENTTI — entinen salmon #D9AE94 → pehmeämpi rose-beige #d4a896
 * ────────────────────────────────────────────────────────────────────────── */
.pinkki { color: var(--humat-rose) !important; }
.pinkkibg { background-color: var(--humat-rose) !important; }
.aksentti { color: var(--humat-rose); }

/* ──────────────────────────────────────────────────────────────────────────
 * TEAL — entinen #4B8A8B → pehmeämpi sage-green
 * ────────────────────────────────────────────────────────────────────────── */
.teal { color: var(--humat-sage) !important; }
.tealbg { background-color: var(--humat-sage) !important; }

/* ──────────────────────────────────────────────────────────────────────────
 * SUUNNITTELUKONE — pää-väri pehmennys (#193652 → #2c4a6b)
 *   Ei muuteta layoutia, vain värisävyt
 * ────────────────────────────────────────────────────────────────────────── */

.funeral-planner .planner-hero h1,
.funeral-planner h2,
.funeral-planner h3,
.funeral-planner .kepler { color: var(--humat-ink); }

.funeral-planner .city-btn:hover,
.funeral-planner .funeral-option-card.selected,
.funeral-planner .funeral-option-card:hover {
    border-color: var(--humat-ink) !important;
    color: var(--humat-ink);
}

/* Submit-btn ennakkoon-flow:ssa pysyy omassa CSS:ssä (template-ennakkoon-suunnittele.php)
   Tavallisessa suunnittelukoneessa: salmon-tausta → rose-beige */
.funeral-planner:not([data-mode="ennakko"]) #summary-form-page .submit-btn {
    background: var(--humat-rose) !important;
    color: var(--humat-ink) !important;
}
.funeral-planner:not([data-mode="ennakko"]) #summary-form-page .submit-btn:hover {
    background: var(--humat-rose-2) !important;
}

/* Spinner-väri (#193652 → uusi sininen) */
.spinner,
.planner-loader .spinner { border-top-color: var(--humat-ink) !important; }

/* ──────────────────────────────────────────────────────────────────────────
 * LINKIT — pehmeämpi sävy, alleviivaus vain hoverissa
 * ────────────────────────────────────────────────────────────────────────── */
a {
    color: var(--humat-ink);
    text-decoration-color: var(--humat-rose);
}
a:hover { color: var(--humat-ink-2); }

/* ──────────────────────────────────────────────────────────────────────────
 * FOOTER
 * style.css:ssä .footer-main background on #173652 (typo, kovakoodattu).
 * Pakotetaan override !important:llä koska luokka-selektori on spesifisempi
 * kuin pelkkä 'footer'.
 * ────────────────────────────────────────────────────────────────────────── */
footer,
.site-footer,
#footer,
.footer-main {
    background: var(--humat-ink) !important;
    color: var(--humat-paper);
}
footer a { color: var(--humat-paper); }
footer a:hover { color: var(--humat-rose); }

/* footer-col h4 perii globaalin h4-värin (uusi sininen) → ei näy taustalla.
   Pakotetaan valkoiseksi. */
.footer-col h4 {
    color: #ffffff !important;
}
.footer-col a {
    color: rgba(255,255,255,0.9) !important;
}
.footer-col a:hover {
    color: var(--humat-rose) !important;
    text-decoration: underline;
}

/* ──────────────────────────────────────────────────────────────────────────
 * KUSTOMOIDUT POSTBOX-TYYLISET KEHYKSET (jos käytössä)
 * ────────────────────────────────────────────────────────────────────────── */
.info-box,
.highlight-box,
.callout {
    background: var(--humat-paper-2);
    border-left: 3px solid var(--humat-ink);
    color: var(--humat-text);
}

/* ──────────────────────────────────────────────────────────────────────────
 * MOBIILI-HAMPURILAISVALIKKO
 * Default tumma sininen → vaaleaksi cream, tumma teksti (Exit Here -tyyli)
 * ────────────────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    /* Hampurilais-nappi (klikkaa avataksesi) */
    .hamburger {
        background-color: var(--humat-paper) !important;
        color: var(--humat-ink) !important;
        border: 1px solid var(--humat-line);
        border-radius: 4px;
    }

    /* Avautuva mobiilivalikko-paneeli */
    #menu,
    #menu .menu-valikko2025-container,
    .menu-paavalikko-container,
    nav#menu ul,
    #menu-paavalikko {
        background-color: var(--humat-paper) !important;
        color: var(--humat-ink) !important;
        border-color: var(--humat-line) !important;
    }

    /* Linkit valkoiselle taustalle: tummansinistä */
    #menu a,
    #menu li a,
    #menu-paavalikko li a {
        color: var(--humat-ink) !important;
    }
    #menu a:hover,
    #menu li a:hover,
    #menu-paavalikko li a:hover {
        color: var(--humat-rose) !important;
    }
}