/**
 * Fix pour écrans 1080p (1920x1080)
 * Réduit les tailles excessives du contenu
 * Appliqué uniquement pour les résolutions desktop standard
 */

/* Réduction globale des titres pour tous les écrans desktop */
@media screen and (min-width: 768px) {
    h1 {
        font-size: 2rem !important;  /* 32px */
        line-height: 1.2 !important;
    }

    h2 {
        font-size: 1.625rem !important; /* 26px */
        line-height: 1.3 !important;
    }

    h3 {
        font-size: 1.375rem !important;   /* 22px */
        line-height: 1.4 !important;
    }

    h4 {
        font-size: 1.125rem !important;  /* 18px */
        line-height: 1.4 !important;
    }

    .hero-title {
        font-size: 2.25rem !important;   /* 36px */
        line-height: 1.2 !important;
    }

    /* Titres de sections */
    .section-title,
    section h2,
    section h1 {
        font-size: 1.75rem !important;  /* 28px */
    }

    .section-subtitle,
    section h3 {
        font-size: 1.25rem !important;  /* 20px */
    }

    /* FAQ */
    .faq-question,
    .faq-item h3 {
        font-size: 1.125rem !important; /* 18px */
    }

    /* Cards et témoignages */
    .card h3,
    .testimonial h3 {
        font-size: 1.125rem !important; /* 18px */
    }
}

/* Cibler spécifiquement les écrans 1080p (1920x1080) et similaires */
@media screen and (min-width: 1366px) and (max-width: 1920px) {
    /* Réduction des tailles de police globales */
    :root {
        --font-size-xs: 0.8rem;      /* 12.8px au lieu de 14px */
        --font-size-sm: 0.9rem;      /* 14.4px au lieu de 16px */
        --font-size-base: 1rem;      /* 16px (standard) */
        --font-size-lg: 1.1rem;      /* 17.6px au lieu de 20px */
        --font-size-xl: 1.25rem;     /* 20px au lieu de 24px */
        --font-size-2xl: 1.5rem;     /* 24px au lieu de 32px */
        --font-size-3xl: 2rem;       /* 32px au lieu de 48px */
        --font-size-4xl: 2.5rem;     /* 40px au lieu de 64px */

        /* Réduction des espacements */
        --spacing-xs: 0.375rem;      /* 6px */
        --spacing-sm: 0.625rem;      /* 10px */
        --spacing-md: 1rem;          /* 16px */
        --spacing-lg: 1.5rem;        /* 24px */
        --spacing-xl: 2.5rem;        /* 40px */
        --spacing-2xl: 4rem;         /* 64px */
    }

    /* Réduction des titres h1-h6 */
    h1 {
        font-size: 1.875rem !important;  /* 30px au lieu de 36px */
        line-height: 1.2;
    }

    h2 {
        font-size: 1.5rem !important; /* 24px au lieu de 30px */
        line-height: 1.3;
    }

    h3 {
        font-size: 1.25rem !important;   /* 20px au lieu de 24px */
        line-height: 1.4;
    }

    h4 {
        font-size: 1.125rem !important;  /* 18px au lieu de 20px */
        line-height: 1.4;
    }

    h5 {
        font-size: 1rem !important; /* 16px au lieu de 18px */
        line-height: 1.5;
    }

    h6 {
        font-size: 0.875rem !important;     /* 14px au lieu de 16px */
        line-height: 1.5;
    }

    /* Hero Section - Réduction des éléments principaux */
    .hero-section {
        padding: 3rem 0 !important;     /* Réduit de 6rem */
    }

    .hero-title {
        font-size: 2rem !important;   /* 32px - encore plus petit */
        line-height: 1.2 !important;
        margin-bottom: 1.25rem !important;
    }

    .hero-lead {
        font-size: 1.125rem !important; /* 18px */
        line-height: 1.6 !important;
        margin-bottom: 1.5rem !important;
    }

    .hero-badge {
        font-size: 0.9rem !important;   /* 14.4px */
        padding: 0.5rem 1rem !important;
        margin-bottom: 1.25rem !important;
    }

    /* Benefits Cards */
    .benefit-card {
        padding: 1.25rem !important;    /* Réduit */
        gap: 1rem !important;
    }

    .benefit-icon {
        font-size: 2rem !important;     /* 32px au lieu de trop grand */
    }

    .benefit-text strong {
        font-size: 1.125rem !important; /* 18px */
    }

    .benefit-text p {
        font-size: 0.95rem !important;  /* 15.2px */
        line-height: 1.5 !important;
    }

    /* Buttons */
    .btn,
    .btn-primary,
    .btn-secondary {
        font-size: 1rem !important;     /* 16px */
        padding: 0.75rem 1.5rem !important;
    }

    /* Container - Réduction de la largeur max */
    .container,
    .container-xtr {
        max-width: 1280px !important;   /* Au lieu de 1400px */
        padding: 0 2rem !important;
    }

    /* Sections padding */
    section {
        padding: 3rem 0 !important;     /* Réduit de 6rem */
    }

    /* Cards et éléments glassmorphism */
    .card,
    .glass-card {
        padding: 1.5rem !important;     /* Réduit */
    }

    /* Visual/Image containers */
    .hero-visual,
    .visual-container {
        max-width: 100% !important;
    }

    .demo-preview {
        padding: 1rem !important;
    }

    .preview-title {
        font-size: 0.9rem !important;
    }

    .preview-caption {
        font-size: 0.875rem !important;
        padding: 0.75rem !important;
    }

    /* FAQ Section */
    .faq-question {
        font-size: 1.125rem !important; /* 18px */
        padding: 1rem !important;
    }

    .faq-answer {
        font-size: 1rem !important;     /* 16px */
        padding: 1rem !important;
    }

    /* Stats/Numbers */
    .stat-number,
    .counter {
        font-size: 2.5rem !important;   /* 40px au lieu de trop grand */
    }

    .stat-label {
        font-size: 1rem !important;     /* 16px */
    }

    /* Partners Section */
    .partner-logo {
        max-width: 140px !important;    /* Réduit */
        height: auto !important;
    }

    /* Tech Section */
    .tech-card {
        padding: 1.5rem !important;
    }

    .tech-title {
        font-size: 1.25rem !important;
    }

    .tech-description {
        font-size: 0.95rem !important;
    }
}

/* Pour les écrans exactement 1920x1080 (le plus commun) */
@media screen and (width: 1920px) {
    html {
        font-size: 15px !important;     /* Réduit la base de 16px à 15px */
    }

    body {
        font-size: 1rem;                /* 15px effectif */
    }
}

/* Pour les laptops 15-17" (1366x768, 1600x900) */
@media screen and (min-width: 1366px) and (max-width: 1600px) {
    html {
        font-size: 14px !important;     /* Base encore plus petite */
    }

    .hero-title {
        font-size: 2.25rem !important;  /* 31.5px */
    }

    .container,
    .container-xtr {
        max-width: 1200px !important;
    }
}