/* Файл: app/static/css/seminar_selection.css (с изменением для наследования) */

/* ИЗМЕНЕНИЕ: Стиль фона теперь применяется через класс, 
а не напрямую к тегу body.
*/
.page-background-clean {
    background-color: #f8f9fa;
    background-image: radial-gradient(royalblue 0.5px, transparent 0.5px);
    background-size: 25px 25px;
}

/* Стили для заголовка портала */
.portal-title {
    color: #212529;
    font-weight: 700;
}

.portal-subtitle {
    color: #6c757d;
    font-size: 1.1rem;
}

/* Анимация появления карточки */
@keyframes cardFadeIn {
    from { opacity: 0; transform: translateY(30px) scale(0.98);}
    to   { opacity: 1; transform: translateY(0) scale(1);}
}

/* Главный стиль для карточки семинара */
.seminar-card-clean {
    background: #fff;
    border: none;
    border-radius: 18px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.13);
    transition: transform 0.25s, box-shadow 0.25s;
    overflow: hidden;
    animation: cardFadeIn 0.7s cubic-bezier(.4,2,.6,1) both;
    min-height: 270px;
    max-width: 270px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Яркие цвета для разных типов */
.seminar-card-teacher {
    border-top: 8px solid #1565c0;
    background: linear-gradient(120deg, #e3f0ff 0%, #eaf3ff 100%);
}
.seminar-card-kindergarten {
    border-top: 8px solid #ff9800;
    background: linear-gradient(120deg, #fff3e0 0%, #fff8e1 100%);
}
.seminar-card-parent {
    border-top: 8px solid #43a047;
    background: linear-gradient(120deg, #e8f5e9 0%, #f1fff0 100%);
}

.seminar-card-clean:hover {
    transform: translateY(-8px) scale(1.04);
    box-shadow: 0 16px 40px rgba(0,0,0,0.18);
}

/* Стилизация заголовка карточки */
.seminar-card-clean .card-header {
    background: transparent;
    border-bottom: none;
    padding: 1.2rem 1rem 0.7rem 1rem;
    font-size: 1.1rem;
    font-weight: 600;
}

/* Анимированные иконки */
.teacher-animated-icon,
.kindergarten-animated-icon,
.parent-animated-icon {
    font-size: 2.8rem;
    display: inline-block;
    margin-bottom: 0.2rem;
    animation: iconWobble 1.8s infinite cubic-bezier(.4,2,.6,1);
}
.teacher-animated-icon { color: #1565c0; }
.kindergarten-animated-icon { color: #ff9800; }
.parent-animated-icon { color: #43a047; }

@keyframes iconWobble {
    0%, 100% { transform: translateY(0) rotate(-8deg);}
    20% { transform: translateY(-10px) rotate(8deg);}
    40% { transform: translateY(0) rotate(-8deg);}
    60% { transform: translateY(-6px) rotate(8deg);}
    80% { transform: translateY(0) rotate(-8deg);}
}

.seminar-card-clean .list-group-item {
    background: transparent;
    border: none;
    padding: 0.5rem 1rem;
    font-size: 1rem;
}

.seminar-card-clean .list-group-item i {
    margin-right: 0.5rem;
    color: #1565c0;
}
.seminar-card-kindergarten .list-group-item i {
    color: #ff9800;
}
.seminar-card-parent .list-group-item i {
    color: #43a047;
}

/* Стили для кнопки */
.btn-register {
    display: block;
    width: 100%;
    background-color: #1565c0;
    border: none;
    color: #fff;
    font-weight: 600;
    padding: 12px;
    font-size: 1rem;
    border-radius: 8px;
    transition: background-color 0.2s, transform 0.2s;
    margin-top: 10px;
}
.seminar-card-kindergarten .btn-register {
    background-color: #ff9800;
}
.seminar-card-parent .btn-register {
    background-color: #43a047;
}
.btn-register:hover {
    filter: brightness(0.95);
    transform: scale(1.04);
}

.seminar-card-clean .card-footer {
    background: transparent;
    border-top: none;
    padding: 1rem;
}

/* Стили для сообщения, если нет активных семинаров */
.alert-clean {
    background-color: #ffffff;
    border: none;
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    color: #333;
}