/*--HOVEDCSS--*/

/*-------------------------------------------------------
Theme Name: Portal Norge - Mal
Theme URI: https://portalnorge.no/
Description: Child for Divi
Author: Portal Norge
Author URI: https://portalnorge.no/
Template: Divi
Version: 4.14.4
----------------- ADDITIONAL CSS HERE ------------------*/

/* 🌞 Default Summer Theme */
body {
    --primary-color: #FFD166; /* Lemon Yellow */
    --secondary-color: #06D6A0; /* Ocean Blue */
    --background-color: #FAF3DD; /* Light Sand */
    --text-color: #073B4C; /* Deep Blue */
    
    background-color: var(--background-color);
    color: var(--text-color);
    transition: all 0.3s ease-in-out;
}

/* ❄️ Winter Theme */
body.winter-theme {
    --primary-color: #118AB2; /* Ice Blue */
    --secondary-color: #073B4C; /* Midnight Blue */
    --background-color: #E5F5FF; /* Frosted White */
    --text-color: #1D3557; /* Deep Gray */
    
    background-color: var(--background-color);
    color: var(--text-color);
}

/* Header */
#main-header {
    background-color: var(--primary-color) !important;
    color: var(--text-color) !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

/* Sections & Rows */
.et_pb_section, .et_pb_row {
    background-color: var(--background-color);
}

/* Buttons */
.et_pb_button {
    background-color: var(--secondary-color) !important;
    color: white !important;
    border-radius: 5px;
    transition: background 0.3s ease-in-out;
}

.et_pb_button:hover {
    background-color: var(--primary-color) !important;
    color: var(--text-color) !important;
}

/* Links */
a {
    color: var(--secondary-color);
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

a:hover {
    color: var(--primary-color);
}



/* Header (Winter) */
body.winter-theme #main-header {
    background-color: var(--primary-color) !important;
    color: var(--text-color) !important;
}

/* Sections & Rows (Winter) */
body.winter-theme .et_pb_section, 
body.winter-theme .et_pb_row {
    background-color: var(--background-color);
}

/* Buttons (Winter) */
body.winter-theme .et_pb_button {
    background-color: var(--secondary-color) !important;
    color: white !important;
}

body.winter-theme .et_pb_button:hover {
    background-color: var(--primary-color) !important;
    color: var(--text-color) !important;
}

/* Links (Winter) */
body.winter-theme a {
    color: var(--secondary-color);
}

body.winter-theme a:hover {
    color: var(--primary-color);
}

/* Smooth Transitions */
* {
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

/* 🌞 Summer Content (Visible in Summer, Hidden in Winter) */
.show-summer {
    display: block;
    transition: opacity 0.3s ease-in-out;
}
.winter-theme .show-summer {
    display: none;
}

/* ❄️ Winter Content (Visible in Winter, Hidden in Summer) */
.show-winter {
    display: none;
    transition: opacity 0.3s ease-in-out;
}
.winter-theme .show-winter {
    display: block;
}

/* Show all content inside Divi Visual Builder */
.et-fb .show-summer,
.et-fb .show-winter {
    display: block !important;
    opacity: 0.5; /* Slight transparency to indicate inactive state */
    position: relative;
}

/* Add an outline in the editor for better visibility */
.et-fb .show-summer::after {
    content: "🌞 Summer Content (Editor Preview)";
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    font-size: 12px;
    text-align: center;
    background: rgba(255, 209, 102, 0.8);
    color: #000;
    padding: 3px;
    border-radius: 5px;
}

.et-fb .show-winter::after {
    content: "❄️ Winter Content (Editor Preview)";
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    font-size: 12px;
    text-align: center;
    background: rgba(17, 138, 178, 0.8);
    color: #fff;
    padding: 3px;
    border-radius: 5px;
}

/* On the front end, still hide the inactive content */
/*body:not(.et-fb) .winter-theme .show-summer {
    display: none !important;
}

body:not(.et-fb) .show-winter {
    display: none !important;
}*/