/* Container chính */
#event-date {
    background-color: #f8f8f8; /* Màu xám nhạt */
    padding: 15px;
    display: inline-block; /* Chiếm không gian vừa đủ */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Đổ bóng nhẹ */
    width: 100%;
    margin: auto;
    margin-bottom: 50px;

}

/* Dòng năm */
#event-years {
    display: flex;
    gap: 10px;
    margin-bottom: 12px; /* Khoảng cách với dòng tháng */
    justify-content: center;
    flex-wrap: wrap;
}

/* Các năm */
.event-year-back {
    padding: 8px 16px;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.2s;
}
.event-year-back:hover {
    background-color: #ffc155;
}
.event-year {
    padding: 8px 16px;
    background-color: #FFAD1D;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.2s;
}
.event-year:hover {
    background-color: #FFAD1D;
}
.event-year-next {
    padding: 8px 16px;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.2s;
}
.event-year-next:hover {
    background-color: #ffc155;
}

/* Dòng tháng */
#event-months {
    display: flex;
    gap: 8px;
    justify-content: center;
    flex-wrap: wrap;
}

/* Các tháng */
.event-month, #event-month {
    padding: 6px 12px;
    background-color: #e8e8e8;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
}
.event-month-active, #event-month-active {
    padding: 6px 12px;
    background-color: #FFAD1D;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.event-month:hover, #event-month:hover {
    background-color: #d8d8d8;
}
.event-month-active:hover, #event-month-active:hover {
    background-color: #d8d8d8;
}

/* Tháng "Tất cả" */

.article {
  position: relative; /* Thiết lập relative để absolute bên trong căn theo article */
}

.EventComing {
  position: absolute;
  top: 0;
  left: 50%; /* Đẩy sang giữa */
  transform: translateX(-50%); /* Dịch ngược lại 50% chiều rộng của chính nó */
  margin: 0; /* Loại bỏ margin mặc định nếu có */
  margin-top: -30px;
  padding: 0px; /* Tùy chỉnh padding nếu muốn */
}