/* ========================================
   CENTRAGE DES TITRES ET TEXTES - 6655.CH
   ======================================== */

/* Centrage général des titres et textes */
.hero-title,
.hero-subtitle,
.section-title,
.section-subtitle,
.contact-title,
.contact-subtitle,
.form-title,
.contact-info h3,
.contact-info p,
.contact-details h4,
.contact-details p,
.service-title,
.service-subtitle,
.about-title,
.about-subtitle,
.product-title,
.product-subtitle,
.feature-title,
.feature-subtitle,
.map-title,
.map-subtitle,
.location-title,
.location-address,
.address-line,
.map-actions {
    text-align: center;
}

/* Titres principaux */
.hero-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-align: center;
    color: #ffffff;
}

.hero-subtitle {
    font-size: 1.2rem;
    margin-bottom: 3rem;
    text-align: center;
    opacity: 0.9;
    color: #ffffff;
}

/* Titres de section */
.section-title {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-align: center;
    color: #00BFFF;
}

.section-subtitle {
    font-size: 1.1rem;
    margin-bottom: 2rem;
    text-align: center;
    opacity: 0.9;
    color: #ffffff;
}

/* Titres de contact */
.contact-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-align: center;
    color: #ffffff;
}

.contact-subtitle {
    font-size: 1.2rem;
    margin-bottom: 3rem;
    text-align: center;
    opacity: 0.9;
    color: #ffffff;
}

.form-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 2rem;
    text-align: center;
    color: #00BFFF;
}

/* Informations de contact */
.contact-info h3 {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    text-align: center;
    color: #00BFFF;
}

.contact-info p {
    text-align: center;
    line-height: 1.6;
    margin-bottom: 1rem;
    color: #ffffff;
}

.contact-details h4 {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    text-align: center;
    color: #ffffff;
}

.contact-details p {
    text-align: center;
    margin-bottom: 0.5rem;
    color: #ffffff;
}

/* Titres de services */
.service-title {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1rem;
    text-align: center;
    color: #00BFFF;
}

.service-subtitle {
    font-size: 1rem;
    margin-bottom: 1.5rem;
    text-align: center;
    color: #ffffff;
}

/* Titres de produits */
.product-title {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 1rem;
    text-align: center;
    color: #00BFFF;
}

.product-subtitle {
    font-size: 0.95rem;
    margin-bottom: 1.2rem;
    text-align: center;
    color: #ffffff;
}

/* Titres de fonctionnalités */
.feature-title {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 0.8rem;
    text-align: center;
    color: #00BFFF;
}

.feature-subtitle {
    font-size: 0.9rem;
    margin-bottom: 1rem;
    text-align: center;
    color: #ffffff;
}

/* Carte futuriste */
.location-title {
    font-size: 18px;
    font-weight: 700;
    color: #00BFFF;
    margin-bottom: 15px;
    text-shadow: 0 0 10px rgba(0, 191, 255, 0.5);
    font-family: 'Orbitron', monospace;
    text-align: center;
}

.location-address {
    margin-bottom: 20px;
    text-align: center;
}

.address-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 8px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
}

.map-actions {
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

/* Boutons centrés */
.btn-navigation,
.btn-call {
    width: 100%;
    max-width: 250px;
    text-align: center;
    justify-content: center;
}

/* Responsive pour tablette */
@media (max-width: 768px) {
    .hero-title {
        font-size: 2rem;
        text-align: center;
    }
    
    .hero-subtitle {
        font-size: 1rem;
        text-align: center;
    }
    
    .section-title {
        font-size: 1.8rem;
        text-align: center;
    }
    
    .section-subtitle {
        font-size: 1rem;
        text-align: center;
    }
    
    .contact-title {
        font-size: 2rem;
        text-align: center;
    }
    
    .contact-subtitle {
        font-size: 1rem;
        text-align: center;
    }
    
    .form-title {
        font-size: 1.3rem;
        text-align: center;
    }
    
    .contact-info h3 {
        font-size: 1.2rem;
        text-align: center;
    }
    
    .service-title {
        font-size: 1.5rem;
        text-align: center;
    }
    
    .product-title {
        font-size: 1.4rem;
        text-align: center;
    }
    
    .feature-title {
        font-size: 1.2rem;
        text-align: center;
    }
    
    /* Carte futuriste mobile */
    .map-info-panel {
        text-align: center;
    }
    
    .location-title {
        text-align: center;
    }
    
    .location-address {
        text-align: center;
    }
    
    .address-line {
        justify-content: center;
        text-align: center;
    }
    
    .map-actions {
        align-items: center;
        justify-content: center;
    }
    
    .btn-navigation,
    .btn-call {
        width: 100%;
        max-width: 300px;
        text-align: center;
    }
}

/* Responsive pour mobile */
@media (max-width: 480px) {
    .hero-title {
        font-size: 1.8rem;
        text-align: center;
    }
    
    .hero-subtitle {
        font-size: 0.9rem;
        text-align: center;
    }
    
    .section-title {
        font-size: 1.6rem;
        text-align: center;
    }
    
    .section-subtitle {
        font-size: 0.9rem;
        text-align: center;
    }
    
    .contact-title {
        font-size: 1.8rem;
        text-align: center;
    }
    
    .contact-subtitle {
        font-size: 0.9rem;
        text-align: center;
    }
    
    .form-title {
        font-size: 1.2rem;
        text-align: center;
    }
    
    .service-title {
        font-size: 1.3rem;
        text-align: center;
    }
    
    .product-title {
        font-size: 1.2rem;
        text-align: center;
    }
    
    .feature-title {
        font-size: 1.1rem;
        text-align: center;
    }
    
    /* Carte futuriste mobile */
    .location-title {
        text-align: center;
        font-size: 16px;
    }
    
    .address-line {
        text-align: center;
        font-size: 14px;
    }
    
    .btn-navigation,
    .btn-call {
        width: 100%;
        max-width: none;
        text-align: center;
        font-size: 14px;
        padding: 14px 20px;
    }
}

/* Centrage des éléments de navigation */
.nav-links {
    text-align: center;
}

.nav-links li {
    text-align: center;
}

/* Centrage des éléments de footer */
.footer-content {
    text-align: center;
}

.footer-content h3,
.footer-content p {
    text-align: center;
}

/* Centrage des cartes de service */
.service-card {
    text-align: center;
}

.service-card h3,
.service-card p {
    text-align: center;
}

/* Centrage des cartes de produit */
.product-card {
    text-align: center;
}

.product-card h3,
.product-card p {
    text-align: center;
}