/* Responsive - Ajustements complémentaires BEN-BATI */

/* Petit mobile */
@media (max-width: 375px) {
    :root {
        --container-padding: 1rem;
    }
    
    .hero__title {
        font-size: var(--text-3xl);
    }
    
    .section__title {
        font-size: var(--text-2xl);
    }
    
    .presentation__badge {
        right: var(--space-4);
        bottom: var(--space-4);
        padding: var(--space-4);
        max-width: 180px;
    }
    
    .badge__name {
        font-size: var(--text-sm);
    }
}

/* Tablette paysage */
@media (min-width: 1024px) and (max-width: 1279px) {
    .presentation__inner {
        gap: var(--space-12);
    }
    
    .contact__inner {
        gap: var(--space-12);
    }
}

/* Grand écran */
@media (min-width: 1440px) {
    .container {
        max-width: 1400px;
    }
    
    .hero__content {
        max-width: 900px;
    }
}

/* Très grand écran */
@media (min-width: 1920px) {
    :root {
        --text-6xl: 4.5rem;
    }
    
    .hero__title {
        font-size: 5rem;
    }
}

/* Hauteur d'écran */
@media (max-height: 700px) {
    .hero {
        min-height: auto;
        padding: 120px 0 100px;
    }
    
    .hero__scroll {
        display: none;
    }
}

/* Mode sombre (optionnel, si supporté) */
@media (prefers-color-scheme: dark) {
    /* Garder le design clair par défaut pour cette landing */
}

/* Réduction de mouvement */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    
    .hero__scroll a {
        animation: none;
    }
}

/* Impression */
@media print {
    .header,
    .hero__scroll,
    .nav__toggle,
    .btn {
        display: none !important;
    }
    
    .hero {
        min-height: auto;
        padding: 2rem 0;
        page-break-after: avoid;
    }
    
    .hero__overlay {
        display: none;
    }
    
    .hero__title {
        color: var(--color-primary) !important;
        text-shadow: none;
    }
    
    section {
        padding: 2rem 0;
        page-break-inside: avoid;
    }
    
    .contact__form-wrapper {
        border: 1px solid var(--color-gray-300);
    }
}

/* Orientation paysage sur mobile */
@media (max-height: 500px) and (orientation: landscape) {
    .hero {
        min-height: auto;
        padding: 100px 0 60px;
    }
    
    .hero__title {
        font-size: var(--text-3xl);
    }
    
    .hero__scroll {
        display: none;
    }
}