/*
 Theme Name:   Astra Child - CoeurFusion
 Theme URI:    https://coeurfusion.fr
 Description:  Thème enfant d'Astra pour le site de rencontres CoeurFusion
 Author:       CoeurFusion
 Template:     astra
 Version:      1.0.0
 Text Domain:  astra-child
*/

/* ==========================================================================
   CoeurFusion - Styles personnalisés
   Ce fichier est chargé APRES le style d'Astra (voir functions.php)
   ========================================================================== */

/* --- Variables de couleurs du site --- */
:root {
    --cf-primary: #e63969;      /* rose/rouge principal - à ajuster */
    --cf-secondary: #ff8fa3;
    --cf-dark: #2b2b2b;
    --cf-light: #fff5f7;
}

/* --- Exemple : personnalisation des cartes de profil --- */
.cf-profile-card {
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    overflow: hidden;
    transition: transform 0.2s ease;
}

.cf-profile-card:hover {
    transform: translateY(-4px);
}

/* --- Sécurité anti-débordement horizontal ---
   Empêche un élément trop large (image, carrousel, etc.) de décaler
   toute la page vers la droite sur mobile. Ne corrige pas la CAUSE,
   mais bloque le SYMPTÔME (scroll horizontal indésirable). */
html, body {
    overflow-x: hidden;
    max-width: 100%;
}
 
/* --- Sécurité anti-chevauchement du bloc hero ---
   Le réglage "Min Height" corrigé sur un seul conteneur dans Elementor
   n'a pas suffi : la hauteur fixe (probablement en vh) semble définie
   sur un AUTRE niveau de conteneur imbriqué. On force donc les 3 niveaux
   probables de cette zone à s'ajuster à leur contenu. */
.elementor-element-ac41acd,
.elementor-element-3a826aa,
.elementor-element-65d93c4 {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
}
 
/* --- VRAIE CAUSE identifiée via l'inspecteur ---
   La photo a des attributs width="1024" height="1024" dans le HTML,
   ce qui force un ratio carré fixe : sa hauteur ne dépend QUE de la
   largeur de sa colonne, jamais de la hauteur du contenu de gauche.
   On force la photo à remplir toute la hauteur de sa colonne à la place,
   avec un recadrage propre (object-fit: cover) plutôt qu'une déformation. */
.elementor-element-38a6ba8,
.elementor-element-38a6ba8 .elementor-widget-container {
    height: 100% !important;
}
 
.elementor-element-38a6ba8 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    aspect-ratio: unset !important; /* ignore le ratio carré imposé par les attributs HTML */
}
 
.elementor-element-81c8c3f {
    align-self: stretch;
    height: auto !important;
}

/* --- Masquage de BP Better Messages pendant la phase d'inscription ---
   Filet de sécurité en complément du dequeue PHP (inc/profils.php).
   Sélecteur vérifié via l'inspecteur : .bp-messages-wrap-main est le
   conteneur racine du bloc de conversation intégré à l'onglet profil. */
body.cf-en-cours-inscription .bp-messages-wrap-main,
body.cf-en-cours-inscription .bp-messages-wrap,
body.cf-en-cours-inscription .um-profile-body.messages,
body.cf-en-cours-inscription #bp-better-messages-mini-mobile-container,
body.cf-en-cours-inscription [id*="better-messages"] {
    display: none !important;
}