/* Styles pour les tests et la finalisation */

/* Amélioration des performances */
/* Optimisation des animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.animated {
    animation: fadeIn 0.5s ease forwards;
}

/* Amélioration de l'accessibilité */
/* Contraste des couleurs */
.pricing-table th {
    background-color: #0D3B56; /* Version plus foncée du bleu profond pour meilleur contraste */
}

.btn-primary {
    background-color: #D63C2E; /* Version plus foncée du corail pour meilleur contraste */
}

/* Amélioration des focus pour l'accessibilité au clavier */
a:focus, button:focus, input:focus, select:focus, textarea:focus {
    outline: 3px solid #3498DB;
    outline-offset: 2px;
}

/* Amélioration des états des boutons */
.btn:active {
    transform: translateY(2px);
}

/* Amélioration des performances d'affichage */
.hero, .map-container {
    will-change: transform;
}

/* Correction pour Safari */
@supports (-webkit-overflow-scrolling: touch) {
    input, textarea, select {
        font-size: 16px; /* Évite le zoom automatique sur iOS */
    }
    
    .btn {
        -webkit-appearance: none; /* Correction pour les boutons sur iOS */
        border-radius: var(--border-radius);
    }
}

/* Correction pour Firefox */
@-moz-document url-prefix() {
    .calendar-container {
        scrollbar-width: thin;
        scrollbar-color: var(--bleu-clair) var(--gris-clair);
    }
}

/* Correction pour Edge */
@supports (-ms-ime-align: auto) {
    .nav-links {
        display: flex;
    }
}

/* Amélioration des performances d'impression */
@media print {
    .header, .footer, .contact-form, .hero {
        display: none;
    }
    
    body {
        font-size: 12pt;
        color: #000;
        background-color: #fff;
    }
    
    a {
        text-decoration: underline;
        color: #000;
    }
    
    .container {
        width: 100%;
        max-width: none;
    }
    
    .pricing-info, .apartment-description {
        page-break-inside: avoid;
    }
}

/* Optimisation des images de fond */
.hero {
    /*background-image: url('https://images.unsplash.com/photo-1540541338287-41700207dee6?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80');*/
   /* background-image:url('../img/20210609_212143-EFFECTS.webp');*/
    
    background-image:url('../img/hero/8.jpg');
    background-size: cover;
    background-position: center;
    align-items: center;
}

/* Amélioration des transitions */
.nav-links a, .btn, .activity-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Amélioration des ombres */
.header, .description-item, .activity-item {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

/* Amélioration des états de survol */
.activity-item:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

/* Amélioration des formulaires */
input:focus, textarea:focus, select:focus {
    border-color: var(--bleu-clair);
    box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);
}

/* Correction des bugs visuels */
.gallery-placeholder, .map-placeholder {
    overflow: hidden;
}

/* Amélioration de la lisibilité */
p, li {
    line-height: 1.7;
}

/* Amélioration des espaces blancs */
section:not(:last-child) {
    margin-bottom: var(--spacing-md);
}