/* =========================================================
   HIỆU ỨNG THÔNG BÁO CUỘN TRANG (YARITACHI)
   ========================================================= */

.yaritachi-top-notice {
    padding: 15px 20px;
    margin-bottom: 25px;
    background: linear-gradient(45deg, #ff9800, #ff5722); /* Màu cam gradient nổi bật */
    color: #ffffff !important;
    border: 2px solid #e64a19;
    border-radius: 8px;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(255, 87, 34, 0.4);
    
    /* Gọi hiệu ứng chuyển động lặp lại liên tục */
    animation: yaritachi-bounce-pulse 1.5s infinite ease-in-out;
    
    /* Căn giữa chữ và icon */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

/* Định nghĩa keyframe cho hiệu ứng nảy và nhấp nháy bóng mờ */
@keyframes yaritachi-bounce-pulse {
    0% {
        transform: translateY(0);
        box-shadow: 0 4px 15px rgba(255, 87, 34, 0.4);
    }
    50% {
        transform: translateY(-6px); /* Nảy lên 6px */
        box-shadow: 0 12px 25px rgba(255, 87, 34, 0.9); /* Bóng mờ tỏa rộng và đậm hơn */
        background: linear-gradient(45deg, #ff5722, #ff9800); /* Đảo màu nhẹ */
    }
    100% {
        transform: translateY(0);
        box-shadow: 0 4px 15px rgba(255, 87, 34, 0.4);
    }
}