/* --- ОСНОВНІ КОНТЕЙНЕРИ --- */
.custom-events-container {
    max-width: 1100px;
}

/* Якорі для меню, щоб хедер їх не перекривав */
.event-section-anchor {
    scroll-margin-top: 130px;
}

/* --- КАРТКИ ПОДІЙ --- */
.custom-event-card {
    background-color: #f7faf4;
    border-radius: 24px !important; /* Робимо кути більш заокругленими */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.custom-event-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.15) !important;
}

/* --- ЗОБРАЖЕННЯ --- */
.event-img {
    max-height: 250px;
    width: 100%;
    object-fit: cover;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* --- ТЕКСТОВІ ЕЛЕМЕНТИ --- */
.event-title {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #6a410d;
    font-size: 26px;
    font-weight: 700;
}

/* --- БЛОКИ З ДЕТАЛЯМИ (Ціна, Опис) --- */
.detail-box {
    background-color: #f2f2e3; /* Світло-чайний фон */
    border: 1px solid #dad9ab;
    display: flex;
    flex-direction: column;
}

.detail-icon {
    font-size: 1.4rem;
    margin-bottom: 5px;
}

.detail-label {
    font-size: 0.85rem;
    color: #888;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.detail-value {
    font-weight: bold;
    color: #758144; /* Твій зелений */
    font-size: 1.1rem;
    display: block;
}
/* Значення опису (ТЕМНО-КОРИЧНЕВИЙ для читабельності) */
/* Краще не робити опис зеленим, бо він зливатиметься з ціною.
   Коричневий #4a3c2c ідеально пасує до чайної тематики. */
.detail-description {
    color: #758144;
    font-size: 0.95rem;
    line-height: 1.4;
    display: block;
}

/* Загальний шрифт для описів (якщо ти хотіла Comic Sans для певних елементів, хоча Segoe UI читається краще) */
.event-description {
    font-family: Comic Sans MS, Comic Sans, cursive;
    color: #6a410d;
}