/* easyFam – Globale WooCommerce-Benachrichtigungen als Toast unter dem Header */
:root { --ef-dark:#2c3b3c; --ef-green:#97c748; --ef-line:#e6e9ea; }

/* Container fuer Toasts */
#easyfam-wc-toasts {
        position:fixed !important;
        top:0 !important; left:0 !important; right:0 !important;
        z-index:99999 !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        pointer-events:none !important;
        margin:0 !important; padding:0 !important;
}
/* Falls ein Sticky-Header da ist, JS setzt --ef-header-h passend nach */
body.admin-bar #easyfam-wc-toasts { top:32px !important; }
@media (max-width:782px) { body.admin-bar #easyfam-wc-toasts { top:46px !important; } }

#easyfam-wc-toasts .ef-toast {
        pointer-events:auto !important;
        display:flex !important;
        align-items:center !important;
        gap:14px !important;
        width:100% !important;
        margin:0 !important;
        padding:14px 24px !important;
        background:var(--ef-dark) !important;
        color:#fff !important;
        font-size:15px !important;
        font-weight:600 !important;
        line-height:1.4 !important;
        box-shadow:0 6px 20px rgba(0,0,0,.25) !important;
        border:none !important;
        border-radius:0 !important;
        transform:translateY(-110%) !important;
        transition:transform .35s cubic-bezier(.2,.8,.2,1), opacity .25s !important;
        opacity:0 !important;
        position:relative !important;
}
#easyfam-wc-toasts .ef-toast.ef-show { transform:translateY(0) !important; opacity:1 !important; }

#easyfam-wc-toasts .ef-toast::before {
        content:"" !important;
        flex:0 0 auto !important;
        width:24px !important; height:24px !important;
        border-radius:50% !important;
        background:var(--ef-green) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/16px no-repeat !important;
}
#easyfam-wc-toasts .ef-toast.ef-error { background:#a83a3a !important; }
#easyfam-wc-toasts .ef-toast.ef-error::before { background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a83a3a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><line x1='18' y1='6' x2='6' y2='18'/><line x1='6' y1='6' x2='18' y2='18'/></svg>") center/14px no-repeat !important; }
#easyfam-wc-toasts .ef-toast.ef-info { background:#2c5b7c !important; }

#easyfam-wc-toasts .ef-toast .ef-toast-msg { flex:1 1 auto !important; min-width:0 !important; }
#easyfam-wc-toasts .ef-toast .ef-toast-msg a { color:#fff !important; text-decoration:underline !important; text-underline-offset:3px !important; font-weight:700 !important; margin-left:8px !important; }
#easyfam-wc-toasts .ef-toast .ef-toast-close {
        flex:0 0 auto !important;
        background:transparent !important;
        border:none !important;
        color:#fff !important;
        font-size:22px !important;
        line-height:1 !important;
        cursor:pointer !important;
        padding:4px 8px !important;
        opacity:.7 !important;
        transition:opacity .15s !important;
}
#easyfam-wc-toasts .ef-toast .ef-toast-close:hover { opacity:1 !important; }

/* Optional Cart-Button neben der Nachricht */
#easyfam-wc-toasts .ef-toast .ef-toast-cta {
        flex:0 0 auto !important;
        display:inline-flex !important;
        align-items:center !important;
        background:var(--ef-green) !important;
        color:#fff !important;
        padding:8px 14px !important;
        border-radius:10px !important;
        text-decoration:none !important;
        font-size:13.5px !important;
        font-weight:700 !important;
        letter-spacing:.2px !important;
        transition:background .18s, transform .18s !important;
}
#easyfam-wc-toasts .ef-toast .ef-toast-cta:hover { background:#86b73e !important; transform:translateY(-1px) !important; }

@media (max-width:560px) {
        #easyfam-wc-toasts .ef-toast { padding:12px 14px !important; font-size:14px !important; gap:10px !important; }
        #easyfam-wc-toasts .ef-toast .ef-toast-cta { padding:7px 10px !important; font-size:12.5px !important; }
}

/* Default-WC-Notices auf Shop/Produkt-Seiten ausblenden – Toast uebernimmt */
body.woocommerce .woocommerce-notices-wrapper > .woocommerce-message,
body.woocommerce .woocommerce-notices-wrapper > .woocommerce-info,
body.woocommerce .woocommerce-notices-wrapper > .woocommerce-error,
body.woocommerce-page .woocommerce-notices-wrapper > .woocommerce-message,
body.woocommerce-page .woocommerce-notices-wrapper > .woocommerce-info,
body.woocommerce-page .woocommerce-notices-wrapper > .woocommerce-error { display:none !important; }
/* Aber NICHT auf Cart/Checkout/MyAccount – dort sind die Boxen wichtig im Flow */
body.woocommerce-cart .woocommerce-notices-wrapper > *,
body.woocommerce-checkout .woocommerce-notices-wrapper > *,
body.woocommerce-account .woocommerce-notices-wrapper > * { display:block !important; }