/* Styles extraits de page-pedagogy.php — servis en fichier cacheable (voir colibris_enqueue_template_css). */

    @keyframes fadeInUpHero {
        from {
            opacity: 0;
            transform: translateY(30px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    @keyframes float {
        0%, 100% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-8px);
        }
    }
    
    .hook-title.floating {
        animation: float 3s ease-in-out infinite !important;
    }

    /* Rapprocher l'intro "Chaque enfant est unique" de la citation d'accroche */
    .pedagogy-page .text-only-section {
        padding-top: 20px;
    }

            .alumni-split-video { margin: 0; }
            .alumni-split-video__frame {
                position: relative;
                width: 100%;
                padding-bottom: 56.25%;
                border-radius: 16px;
                overflow: hidden;
                box-shadow: 0 20px 50px rgba(0, 0, 0, 0.10);
            }
            .alumni-split-video__frame iframe {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                border: 0;
            }
            .alumni-split-video__caption {
                font-size: 0.92rem;
                color: var(--color-text, #3f3f46);
                line-height: 1.6;
                font-style: italic;
                margin: 16px 0 8px;
            }
            .alumni-split-video__author {
                font-size: 0.85rem;
                color: var(--color-text-soft, #6b7280);
                margin: 0;
            }
            .alumni-split-video__author strong { color: var(--color-text, #3f3f46); font-weight: 600; }

    .classroom-mini-blocks .highlights-grid__item {
        border-top: 4px solid var(--color-primary, #487bff);
    }
    .classroom-mini-blocks .highlights-grid__item:nth-child(1) {
        border-top-color: var(--color-primary, #487bff);
    }
    .classroom-mini-blocks .highlights-grid__item:nth-child(2) {
        border-top-color: var(--color-secondary, #ba078c);
    }
    .classroom-mini-blocks .highlights-grid__item:nth-child(3) {
        border-top-color: var(--color-accent, #ffb415);
    }
    .classroom-mini-blocks .highlights-grid__item:nth-child(1) .highlights-grid__item-title {
        color: var(--color-primary, #487bff);
    }
    .classroom-mini-blocks .highlights-grid__item:nth-child(2) .highlights-grid__item-title {
        color: var(--color-secondary, #ba078c);
    }
    .classroom-mini-blocks .highlights-grid__item:nth-child(3) .highlights-grid__item-title {
        color: var(--color-accent, #ffb415);
    }

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

@keyframes subtleBounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(4px);
    }
}

/* Responsive pour la section V3 */
@media (max-width: 768px) {
    .text-only-section {
        padding: 80px 20px !important;
    }
    
    .text-content p:first-child {
        font-size: 1.2rem !important;
        margin-bottom: 40px !important;
    }
    
    .text-content p:last-child {
        font-size: 1.4rem !important;
    }
    
    .proofs-section {
        padding: 80px 20px !important;
    }
    
    .proofs-list {
        gap: 30px !important;
    }
    
    .proof-item {
        flex-direction: column !important;
        text-align: center !important;
        gap: 12px !important;
    }
    
    .final-signature {
        padding: 80px 20px !important;
    }
    
    .final-signature p {
        font-size: 1.3rem !important;
    }
}

@media (max-width: 480px) {
    .text-content p:first-child {
        font-size: 1.1rem !important;
    }
    
    .text-content p:last-child {
        font-size: 1.2rem !important;
    }
    
    .final-signature p {
        font-size: 1.1rem !important;
    }
}

/* Responsive pour classroom-detail */
@media (max-width: 968px) {
    .classroom-detail-grid {
        grid-template-columns: 1fr !important;
        gap: 60px !important;
    }
    
    .classroom-detail-image {
        order: 1 !important;
    }
    
    .classroom-detail-content {
        order: 2 !important;
    }
    
    .classroom-mini-blocks {
        gap: 25px !important;
    }
    
    .mini-block {
        padding: 20px !important;
    }
}

@media (max-width: 640px) {
    .classroom-detail-section {
        padding: 80px 20px !important;
    }
    
    .classroom-detail-title {
        font-size: 1.6rem !important;
        margin-bottom: 25px !important;
    }
    
    .classroom-detail-intro {
        font-size: 1rem !important;
        margin-bottom: 30px !important;
    }
    
    .classroom-mini-blocks {
        gap: 20px !important;
    }
    
    .mini-block {
        padding: 18px !important;
    }
    
    .mini-block-title {
        font-size: 1rem !important;
        margin-bottom: 10px !important;
    }
    
    .mini-block-text {
        font-size: 0.9rem !important;
    }
}

/* Responsive pour transition */
@media (max-width: 768px) {
    .pedagogy-transition {
        padding: 60px 0 80px 0;
    }
    
    .transition-text {
        font-size: 1.1rem !important;
    }
    
    .scroll-hint {

    /* Responsive pour classroom-detail */
    @media (max-width: 968px) {
        .classroom-detail-grid {
            grid-template-columns: 1fr !important;
            gap: 60px !important;
        }
        
        .classroom-detail-image {
            order: 1 !important;
        }
        
        .classroom-detail-content {
            order: 2 !important;
        }
        
        .classroom-mini-blocks {
            gap: 25px !important;
        }
        
        .mini-block {
            padding: 20px !important;
        }
    }

    @media (max-width: 640px) {
        .classroom-detail-section {
            padding: 80px 20px !important;
        }
        
        .classroom-detail-title {
            font-size: 1.6rem !important;
            margin-bottom: 25px !important;
        }
        
        .classroom-detail-intro {
            font-size: 1rem !important;
            margin-bottom: 30px !important;
        }
        
        .classroom-mini-blocks {
            gap: 20px !important;
        }
        
        .mini-block {
            padding: 18px !important;
        }
        
        .mini-block-title {
            font-size: 1rem !important;
            margin-bottom: 10px !important;
        }
        
        .mini-block-text {
            font-size: 0.9rem !important;
        }
    }

    /* Responsive pour transition */
    @media (max-width: 768px) {
        .pedagogy-transition {
            padding: 60px 0 80px 0;
        }
        
        .transition-text {
            font-size: 1.1rem !important;
        }
        
        .scroll-hint {
    }
}