/* 🎄 Vánoční režim – obecný vzhled, navazuje na .site-msg.information */
.site-msg.information.christmas-mode {
    background: linear-gradient(90deg, #005c2c, #009e4f);
    border-bottom-color: rgba(255, 255, 255, 0.6);
    position: relative;
    overflow: hidden;
}

/* Jemný "vánoční" overlay (není nutný obrázek) */
.site-msg.information.christmas-mode::after {
    content: "";
    position: absolute;
    inset: -50%;
    background-image:
        radial-gradient(circle at 10% 20%, rgba(255, 255, 255, 0.25) 0, transparent 55%),
        radial-gradient(circle at 80% 0, rgba(255, 255, 255, 0.18) 0, transparent 55%);
    opacity: 0.3;
    pointer-events: none;
}

/* Změna ikonky na "dárek" ve vánočním režimu */
.site-msg.information.christmas-mode .text::before {
    content: "\f06b"; /* FontAwesome 'gift' */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

/* Stav OK – stíháme */
.site-msg.information.christmas-ok {
    background: linear-gradient(90deg, #006837, #00a651);
    border-bottom-color: #4caf50;
}

/* Stav WARNING – PC už ne, ostatní ano */
.site-msg.information.christmas-warning {
    background: linear-gradient(90deg, #ff9800, #ffc107);
    border-bottom-color: #ff9800;
}

/* Stav FAIL – negarantujeme */
.site-msg.information.christmas-fail {
    background: linear-gradient(90deg, #b71c1c, #f44336);
    border-bottom-color: #f44336;
}

/* Tečka (LED) před textem – dynamicky přidává JS */
.site-msg.information .christmas-status-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 8px;
    border-radius: 50%;
    background: #4caf50;
    box-shadow: 0 0 0 4px rgba(76, 175, 80, 0.35);
}

/* Barva tečky podle stavu */
.site-msg.information.christmas-warning .christmas-status-dot {
    background: #ff9800;
    box-shadow: 0 0 0 4px rgba(255, 152, 0, 0.35);
}

.site-msg.information.christmas-fail .christmas-status-dot {
    background: #f44336;
    box-shadow: 0 0 0 4px rgba(244, 67, 54, 0.35);
}

/* Obal textu */
.site-msg.information .christmas-message {
    display: inline-block;
}

/* Mobilní úpravy – jen trochu víc místa */
@media (max-width: 768px) {
    .site-msg.information.christmas-mode {
        font-size: 13px;
        padding: 10px 12px;
    }

    .site-msg.information .christmas-status-dot {
        width: 8px;
        height: 8px;
        margin-right: 6px;
        box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.3);
    }
}