/*
Theme Name: Evermark Agency
Theme URI: https://evermark.nl
Description: Gebouwd door Evermark Agency. Dit child theme vormt de professionele basis van jouw website — lichtgewicht, snel en volledig afgestemd op jouw merk. Vragen of aanpassingen nodig? Neem contact op via evermark.nl.
Author: Evermark Agency
Author URI: https://evermark.nl
Template: hello-elementor
Version: 2.0.0
Text Domain: evermark-agency
*/




/* ===== INSTELLINGEN ===== */
:root {
    --toast-bg: #ffffff;
    --toast-text: #000000;
    --toast-link: #000000;
    --toast-shadow: 0 12px 35px rgba(0,0,0,.12);
}

/* ===== POSITIE ===== */
.woocommerce-notices-wrapper {
    position: fixed !important;
    right: 20px !important;
    bottom: 20px !important;
    z-index: 99999 !important;
    max-width: 380px !important;
    width: calc(100% - 40px) !important;
    pointer-events: none !important;
}

/* ===== MELDING ===== */
.woocommerce-notices-wrapper .woocommerce-message {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;

    background: var(--toast-bg) !important;
    color: var(--toast-text) !important;

    padding: 16px !important;
    border-radius: 12px !important;

    margin: 0 !important;
    border: none !important;
    box-shadow: var(--toast-shadow) !important;

    font-size: 14px !important;
    line-height: 1.5 !important;

    pointer-events: auto !important;

    /* animatie */
    opacity: 0;
    transform: translateY(20px) scale(0.96);
    transition: 
        opacity .35s ease,
        transform .35s cubic-bezier(.22,1,.36,1);
}

/* zichtbaar */
.woocommerce-notices-wrapper .woocommerce-message.show {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* ===== VINKJE FIX ===== */
.woocommerce-notices-wrapper .woocommerce-message::before {
    display: none !important;
}

/* ===== LINK ===== */
.woocommerce-notices-wrapper .woocommerce-message .button {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;

    color: var(--toast-link) !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}






/* ===== MERK HUISSTIJLEN KLANTEN PORTAAL ===== */

/* Variabelen per klant */
body.klant-evermark {
    --primary-color: #08BE52;
    --text-color: #000000;
    --bg-light: #EDFFF4;
    --primary-hover: #005723;
}

body.klant-adyen {
    --primary-color: #08BE52;
    --text-color: #000000;
    --bg-light: #EDFFF4;
    --primary-hover: #005723;
}


/* FORCE WooCommerce knop in portal */

.portal-btn.elementor-widget-button .elementor-button,
.portal-btn .elementor-button {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
    border: none !important;
}

.portal-btn.elementor-widget-button .elementor-button:hover,
.portal-btn .elementor-button:hover {
    background-color: var(--primary-hover) !important;
    color: #ffffff !important;
}


/* TEKST */
.portal-text {
    color: var(--primary-color) !important;
}


/* LICHTE ACHTERGROND */
.portal-bg-light {
    background: var(--bg-light) !important;
}

/* NORMALE ACHTERGROND KLEUR */
.portal-bg {
    background: var(--primary-color) !important;
}