/* Стили для темной темы Telegram WebApp */
.telegram-dark-theme {
    background-color: var(--tg-theme-bg-color, #17212b);
    color: var(--tg-theme-text-color, #ffffff);
}

.telegram-dark-theme .screen {
    background-color: var(--tg-theme-bg-color, #17212b);
}

.telegram-dark-theme .content-block {
    background-color: var(--tg-theme-bg-color, #17212b);
}

.telegram-dark-theme .title-block h1 {
    color: var(--tg-theme-text-color, #ffffff);
}

.telegram-dark-theme .event-card {
    background-color: var(--tg-theme-secondary-bg-color, #232e3c);
    border-color: var(--tg-theme-hint-color, #708499);
}

.telegram-dark-theme .event-name {
    color: var(--tg-theme-text-color, #ffffff);
}

.telegram-dark-theme .event-about {
    color: var(--tg-theme-hint-color, #708499);
}

.telegram-dark-theme .event-address {
    color: var(--tg-theme-subtitle-text-color, #708499);
}

.telegram-dark-theme .event-date,
.telegram-dark-theme .event-time {
    color: var(--tg-theme-accent-text-color, #6ab7ff);
}

.telegram-dark-theme .text-field {
    background-color: var(--tg-theme-secondary-bg-color, #232e3c);
    color: var(--tg-theme-text-color, #ffffff);
    border-color: var(--tg-theme-hint-color, #708499);
}

.telegram-dark-theme .text-field::placeholder {
    color: var(--tg-theme-hint-color, #708499);
}

.telegram-dark-theme .control-block {
    background-color: var(--tg-theme-secondary-bg-color, #232e3c);
}

.telegram-dark-theme .tag {
    background-color: var(--tg-theme-button-color, #6ab7ff);
    color: var(--tg-theme-button-text-color, #ffffff);
}

.telegram-dark-theme .day-num {
    color: var(--tg-theme-text-color, #ffffff);
    border-color: var(--tg-theme-hint-color, #708499);
}

.telegram-dark-theme .day-num.included {
    background-color: var(--tg-theme-accent-text-color, #6ab7ff);
    color: var(--tg-theme-bg-color, #17212b);
}

/* Адаптация для мобильных устройств в Telegram */
@media (max-width: 768px) {
    .telegram-dark-theme .screen {
        padding: 0;
        margin: 0;
    }

    .telegram-dark-theme .content-block {
        padding: 16px;
    }

    .telegram-dark-theme .event-card {
        margin-bottom: 12px;
        border-radius: 12px;
        padding: 16px;
    }

    .telegram-dark-theme .title-block h1 {
        font-size: 24px;
        margin-bottom: 16px;
    }
}

/* ОТКЛЮЧЕНО - Скрыть элементы, которые не нужны в Telegram */
/* 
.telegram-webapp .calendar-block {
    display: none;
}

.telegram-webapp .control-block .form-block.date {
    display: none;
}
*/

/* Улучшения для сенсорного управления */
.telegram-webapp .event-card {
    cursor: pointer;
    transition: all 0.2s ease;
}

.telegram-webapp .event-card:hover,
.telegram-webapp .event-card:active {
    transform: scale(0.98);
    opacity: 0.8;
}