/**
 * Video Simple Activity - Styles
 *
 * Styles pour l'activité de vidéo simple (sans quiz)
 *
 * @since 4.7.38
 * @package Crowdaa_Advent_Calendar
 */

/* ================================================================
   Badge vidéo visionnée - Style harmonisé avec poll/quiz
   ================================================================ */
.video-watched-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--cal-spacing-sm);
    background: #E8F5E9;
    color: #2E7D32;
    padding: var(--cal-spacing-md) var(--cal-spacing-lg);
    border-radius: var(--cal-radius-md);
    font-weight: 600;
    border: 2px solid #4CAF50;
    margin-bottom: var(--cal-spacing-lg);
    box-shadow: 0 2px 8px rgba(76, 175, 80, 0.15);
}

.video-watched-badge .badge-icon {
    font-size: var(--cal-font-size-xl);
    font-weight: 700;
}

.video-watched-badge .badge-text {
    font-size: var(--cal-font-size-base);
}

@media (max-width: 768px) {
    .video-watched-badge {
        padding: var(--cal-spacing-sm) var(--cal-spacing-md);
        flex-direction: column;
        text-align: center;
    }

    .video-watched-badge .badge-text {
        font-size: var(--cal-font-size-sm);
    }
}

/* ================================================================
   Spinner sur bouton de validation
   ================================================================ */
.mark-video-watched-btn .spinner {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spinner-rotate 0.6s linear infinite;
}

@keyframes spinner-rotate {
    to {
        transform: rotate(360deg);
    }
}