/* Дополнительные стили для веб-сайта */

/* Изменение цвета текста на #f1ded0 */
p, span, div, a, h1, h2, h3, h4, h5, h6, label, input, textarea, button {
    color: #f1ded0 ;
}

/* Ссылки */
a {
    color: #f1ded0 ;
}

a:hover {
    color: #d4c4b0 ; /* Немного светлее при наведении */
}

/* Заголовки */
h1, h2, h3, h4, h5, h6 {
    color: #f1ded0 ;
}

/* Поля ввода */
input, textarea {
    color: #333 ; /* Текст в полях остается темным для читаемости */
    background-color: rgba(241, 222, 208, 0.1) ; /* Легкий фон */
}

/* Placeholder */
input::placeholder, textarea::placeholder {
    color: #999 ;
}

/* Специальные элементы */
.error-text, .success-text {
    color: #f1ded0 ;
}

/* Подписи к полям */
label {
    color: #f1ded0 ;
}

/* Навигация */
nav a {
    color: #f1ded0 ;
}

/* Футер */
footer p, footer a {
    color: #f1ded0 ;
}

/* Списки */
ul li, ol li {
    color: #f1ded0 ;
}

/* Таблицы */
table td, table th {
    color: #f1ded0 ;
}

/* Модальные окна и всплывающие элементы */
.modal, .popup, .tooltip {
    color: #f1ded0 ;
}

/* Адаптивность - на мобильных устройствах */
@media (max-width: 768px) {
    p, span, div, a, h1, h2, h3, h4, h5, h6, label {
        color: #f1ded0 ;
    }
}
.podcast-play p {
    color: black ;
}

/* Стили для категории подкаста */
.podcast-category {
    display: inline-block;
    background-color: rgba(241, 222, 208, 0.2);
    color: #f1ded0;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 12px;
    margin-bottom: 8px;
    border: 1px solid rgba(241, 222, 208, 0.3);
}

/* Стили для hero-info блока */
#heroInfo {
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.5s ease forwards;
}

#heroInfo.hidden {
    opacity: 0;
    transform: translateY(-20px);
    pointer-events: none;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Крестик для закрытия */
.hero-info .icon-close {
    cursor: pointer;
    transition: color 0.2s ease;
}

.hero-info .icon-close:hover {
    color: #d4c4b0;
}

/* Стили для иконки личного кабинета */
.header-actions {
    gap: 15px;
}

.header-actions .icon-user {
    color: #f1ded0;
    font-size: 20px;
    transition: color 0.2s ease;
    text-decoration: none;
}

.header-actions .icon-user:hover {
    color: #d4c4b0;
}

.header-actions .icon-user {
    font-size: 24px;
    background: #f1ded0;
}

/* Стили для страницы успешной регистрации */
.success-body {
    min-height: 100vh;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.success-block {
    margin-top: 2rem;
}

.success-block h1 {
    color: #f1ded0;
    margin-bottom: 1rem;
}
.podcast-img{
    justify-content: center;
}
.success-block p {
    color: #f1ded0;
    font-size: 1.1rem;
}

/* Стили для кнопок подкаста */
.podcast-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1rem;
    flex-direction: column-reverse;
}

.podcast-buttons .btn-light {
    flex: 1;
    min-width: 200px;
    text-align: center;
}

.podcast-tag {
    background-color: rgba(241, 222, 208, 0.2);
    color: #f1ded0;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    text-align: center;
    margin: 1rem 0;
    border: 1px solid rgba(241, 222, 208, 0.3);
}

@media (max-width: 768px) {
    .podcast-buttons {
        flex-direction: column;
    }
    
    .podcast-buttons .btn-light {
        min-width: auto;
    }
}