/*
 * Envio24 - General UI Component: Notices (komunikaty/ograniczenia, np. Guest)
 *
 * @version 1.0.1
 * @package envio24-core/assets/css/general/
 *
 * SPIS TREŚCI (PL):
 * 1) Tokeny i fallbacki (RESKIN: bez lokalnego :root)
 * 2) Bazowy komponent .e24-notice
 * 3) Warianty: warn / error / info / success
 * 4) Wariant inline (pod przyciskiem / pod polem)
 * 5) RWD
 *
 * ZMIANY 1.0.1 (PL):
 * - RESKIN (Etap 2): usunięto lokalne :root z tokenami tekstu.
 *   Źródło: assets/css/general/theme-tokens.css
 * - NIE zmieniano kolorów wariantów warn/error (zgodnie z ustaleniami).
 * - Dodano lekkie fallbacki w var() dla odporności, gdyby notices były użyte bez tokenów.
 */

/* ========================================
 * 1) Tokeny i fallbacki (RESKIN)
 * ===================================== */
/*
 * UWAGA (PL):
 * - Ten plik NIE definiuje :root.
 * - Teksty/kolory globalne są w theme-tokens.css.
 * - Zostawiamy lokalne zmienne komponentu jako zwykłe custom properties na .e24-notice,
 *   żeby nie „brudzić” globalnego :root.
 */

/* ========================================
 * 2) Bazowy komponent
 * ===================================== */
.e24-notice{
    /* Lokalne tokeny komponentu (nie globalne) */
    --e24-notice-radius: 8px;
    --e24-notice-shadow: 0 2px 6px rgba(0,0,0,0.06);

    --e24-notice-pad-y: 4px;
    --e24-notice-pad-x: 14px;

    --e24-notice-font-size: 13px;
    --e24-notice-line-height: 1.35;

    display: flex;
    gap: 10px;
    align-items: flex-start;

    border-radius: var(--e24-notice-radius);
    padding: var(--e24-notice-pad-y) var(--e24-notice-pad-x);

    font-size: var(--e24-notice-font-size);
    line-height: var(--e24-notice-line-height);

    box-shadow: var(--e24-notice-shadow);

    /* domyślny styl (info) */
    background: #EEF6FF;
    border: 2px solid #A6D3FF;
    color: #114A7A;

    /* stabilność w różnych motywach */
    box-sizing: border-box;

    /* fallback pod font/kolory z systemu */
    font-family: inherit;
}

.e24-notice__icon{
    flex: 0 0 auto;
    font-weight: 700;
    font-size: 15px;
    line-height: 1;
    margin-top: 1px;
}

.e24-notice__text{
    flex: 1 1 auto;
    font-weight: 500;
    color: inherit;
}

/* ========================================
 * 3) Warianty kolorystyczne
 * ===================================== */
.e24-notice--warn{
    background: var(--e24-warn-bg, #FFF8E1);
    border-color: var(--e24-warn-border, #FFC94A);
    color: var(--e24-warn-text, #8A6D1A);
}

.e24-notice--error{
    background: var(--e24-error-bg, #FDECEC);
    border-color: var(--e24-error-border, #D93025);
    color: var(--e24-error-text, #B3261E);
}

.e24-notice--success{
    background: #E9F9EF;
    border-color: #34A853;
    color: #1E6B3B;
}

.e24-notice--info{
    background: #EEF6FF;
    border-color: #A6D3FF;
    color: #114A7A;
}

/* ========================================
 * 4) Wariant inline
 * - pod przyciskiem/polem, bez “pływającego” wrażenia
 * ===================================== */
.e24-notice--inline{
    box-shadow: 0 10px 26px rgba(0,0,0,0.10);
    margin-top: 10px;
}

/* ========================================
 * 5) RWD
 * ===================================== */
@media (max-width: 768px){

    .e24-notice{
        --e24-notice-pad-y: 12px;
        --e24-notice-pad-x: 14px;
        --e24-notice-font-size: 14px;
    }

    .e24-notice__icon{
        font-size: 15px;
    }
}