/*
Theme Name:   GeneratePress Child
Theme URI:    https://generatepress.com
Description:  Child theme til GeneratePress
Author:       Tommy
Template:     generatepress
Version:      2.0.0
Text Domain:  generatepress-child
*/

/* =========================================================
   (Nunito-fonte indlæses via functions.php)
   ========================================================= */
:root {
    /* Brand */
    --gs-marigold:      #FAA61B;   /* primær: CTA, aktive states, ikon-fyld */
    --gs-marigold-600:  #E8920A;   /* hover */
    --gs-marigold-700:  #C2780C;   /* press */
    --gs-hot-orange:    #FF9D00;   /* ikon-streger (lidt varmere) */
    --gs-petrol:        #194D64;   /* sekundær / ink: overskrifter, struktur, mørke sektioner */
    --gs-petrol-800:    #143E52;
    --gs-petrol-900:    #0F3243;
    --gs-peach:         #FFF2DF;   /* halo bag ikoner + varme sektions-baggrunde */
    --gs-peach-200:     #FCE7C6;   /* dybere peach: kanter/hover på peach */

    /* Neutrals (varme, let teal-tonede) */
    --gs-ink:           #25343B;   /* brødtekst, næsten-sort varm */
    --gs-grey-700:      #44565E;
    --gs-grey-500:      #7C8C92;
    --gs-grey-400:      #9DAAAF;
    --gs-grey-300:      #C2CCD0;
    --gs-grey-200:      #E3E9EB;   /* hårfine kanter */
    --gs-grey-100:      #EFF3F4;
    --gs-grey-50:       #F7FAFA;
    --gs-white:         #FFFFFF;

    /* Status (varme & harmoniske) */
    --gs-success:       #00B67A;   /* Trustpilot-grøn til anmeldelser/positivt */
    --gs-success-soft:  #E3F7EF;
    --gs-warning:       #FAA61B;   /* marigold-familien */
    --gs-warning-soft:  #FFF2DF;
    --gs-danger:        #D64B3F;   /* varm rød */
    --gs-danger-soft:   #FCEAE7;

    /* Radius — meget afrundet */
    --radius-pill:      999px;     /* knapper, chips, badges */
    --radius-card:      18px;      /* kort */
    --radius-panel:     28px;      /* store paneler */
    --radius-sm:        12px;

    /* Skygger — bløde, petroleums-tonede, lav opacitet */
    --shadow-sm:        0 1px 2px rgba(25, 77, 100, 0.06);
    --shadow:           0 8px 24px rgba(25, 77, 100, 0.08);
    --shadow-lg:        0 18px 50px rgba(25, 77, 100, 0.12);
    --shadow-cta:       0 10px 24px rgba(250, 166, 27, 0.32);   /* varm orange glød */
    --shadow-halo:      0 6px 16px rgba(255, 157, 0, 0.20);

    /* Motion — rolig og kort */
    --ease:             cubic-bezier(0.22, 0.61, 0.36, 1);
    --dur:              180ms;

    /* Fokus-ring */
    --focus-ring:       0 0 0 3px rgba(250, 166, 27, 0.45);
}

/* =========================================================
   BASE
   ========================================================= */
body {
    font-family: "Nunito Sans", system-ui, -apple-system, sans-serif;
    color: var(--gs-ink);
    background: var(--gs-white);
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title {
    font-family: "Nunito", system-ui, -apple-system, sans-serif;
    font-weight: 800;
    color: var(--gs-petrol);
    letter-spacing: -0.01em;
    line-height: 1.2;
}

a { color: var(--gs-marigold-600); }
a:hover { color: var(--gs-marigold-700); }

/* Eyebrow — versal marigold med tracking */
.gs-eyebrow,
.is-style-gs-eyebrow {
    display: inline-block;
    font-family: "Nunito", sans-serif;
    font-weight: 800;
    font-size: 0.8rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--gs-marigold);
}

/* Synlig tastatur-fokus på alt interaktivt */
a:focus-visible,
button:focus-visible,
.wp-block-button__link:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: none;
    box-shadow: var(--focus-ring);
    border-radius: var(--radius-sm);
}

/* Knapper — fulde piller, marigold, varm glød */
.wp-block-button__link,
button,
input[type="submit"],
.button {
    border-radius: var(--radius-pill);
    font-family: "Nunito", sans-serif;
    font-weight: 800;
    background-color: var(--gs-marigold);
    color: var(--gs-petrol-900);
    border: none;
    transition: transform var(--dur) var(--ease),
                box-shadow var(--dur) var(--ease),
                background-color var(--dur) var(--ease);
}
.wp-block-button__link:hover,
button:hover,
.button:hover {
    background-color: var(--gs-marigold-600);
    transform: translateY(-2px);
    box-shadow: var(--shadow-cta);
    color: var(--gs-petrol-900);
}
.wp-block-button__link:active,
button:active,
.button:active {
    background-color: var(--gs-marigold-700);
    transform: translateY(0);
    box-shadow: none;
}
/* Outline-knap (marigold kant) */
.wp-block-button.is-style-outline .wp-block-button__link {
    background: transparent;
    color: var(--gs-petrol);
    border: 2px solid var(--gs-marigold);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background: var(--gs-peach);
}

/* Bløde hjørner på indholds-billeder */
.entry-content img { border-radius: var(--radius-card); }