/**
 * Theme Name:     Theme enfant
 * Author:         Ced
 * Template:       astra
 * Text Domain:	   theme-enfant
 * Description:    C\'est un thème enfant
 */

/* Utilisation de l'ID pour cibler le conteneur du widget */
#liste-processus ol {
  /* Supprime le retrait par défaut du navigateur */
  padding-left: 0 !important;
  margin-left: 0 !important;
}

#liste-processus li {
  /* Assure que la numérotation fait partie du retrait */
  list-style-position: inside;

  /* Alignement du texte après le numéro */
  text-indent: -1em; /* Ajustez cette valeur si besoin */

  /* Décalage du bloc entier vers la droite pour l'aligner sous votre titre */
  padding-left: 30px; /* Ajustez cette valeur (30px) jusqu'à ce que le '1.' soit bien aligné */
}
/* * Styles pour le nouveau widget avec l'ID CSS #liste-apropos
 * Corrige l'alignement des listes (<ol> et <ul>)
*/

/*
 * Styles pour la liste à puces du widget #liste-apropos
 * Ce code corrige le décalage automatique et aligne le texte.
*/

#liste-apropos ul {
  /* 1. Neutraliser les retraits par défaut du navigateur sur la liste */
  padding-left: 0 !important;
  margin-left: 0 !important;
}

#liste-apropos li {
  /* Clé 1: Force la puce à l'intérieur du bloc li */
  list-style-position: inside;

  /* Clé 3: Ramène la première ligne de texte pour qu'elle s'aligne avec la deuxième */
  /* Ajustez -1.5em si la deuxième ligne de texte ne s'aligne pas bien. */
  text-indent: -1.4em;

  /* Clé 4: Déplacer l'ensemble du bloc (puce + texte) vers la droite pour l'alignement visuel sous le titre */
  /* Ajustez 30px pour aligner la puce sous votre titre. */
  margin-left: 28px !important;
}
/* Nouvelle règle CSS pour cibler la structure Elementor */
.elementor-button-link:hover .elementor-button-icon {
  /* Assurez-vous que l'icône est l'élément enfant direct du .elementor-button-icon */
  transform: translateX(6px);
  transition: transform 0.3s ease; /* Optionnel : pour rendre l'animation fluide */
}
/* =========================================
   LOGO OFF-CANVAS TABLETTE – taille forcée
   après clic sur le burger
========================================= */

/* Logo injecté via ::before (ton code existant) */
@media (min-width: 545px) and (max-width: 921px) {
  #ast-mobile-popup .ast-mobile-popup-header::before {
    width: 150px !important;
    height: 43.7px !important;
    background-size: 150px 43.7px !important;
  }
}

/* Logo dans le menu burger – TABLETTE UNIQUEMENT */
@media (min-width: 545px) and (max-width: 921px) {
  /* Quand le menu burger est ouvert */
  .ast-mobile-popup-header .site-logo-img img,
  .ast-mobile-popup-header .ast-mobile-header-logo img {
    width: 150px !important;
    height: 43.7px !important;
    max-width: 150px !important;
  }
}

/* --- TABLETTE --- */
@media (min-width: 545px) and (max-width: 921px) {
  #ast-mobile-popup .ast-mobile-popup-header::before {
    top: 17px !important; /* ← position spécifique tablette */
    left: 20px !important;
  }
}
/****/

.ast-mobile-popup-header::before {
  content: "";
  background-image: url("https://cedric-frelechoux.ch/wp-content/uploads/2026/01/Logo_CF.svg");
  background-repeat: no-repeat;
  width: 115px;
  height: 34px;
  background-size: 100% auto;
  position: absolute;
  top: 18px;
  left: 24px;
}
/****/ /*cela ne focntionne pas parce  */
.main-navigation {
  justify-content: center;
}
/* =========================================
   ASTRA OFF-CANVAS – centrage VERTICAL réel
   + blocage du scroll en arrière-plan
   + CROIX alignée (mobile + tablette)
   ========================================= */

/* 1) Bloquer le scroll derrière quand le menu est ouvert */
html.ast-off-canvas-active,
body.ast-popup-nav-open {
  overflow: hidden !important;
  height: 100%;
}

/* 2) Le drawer est plein écran */
#ast-mobile-popup {
  height: 100vh;
}

/* 3) Structure en colonne dans le off-canvas */
#ast-mobile-popup .ast-mobile-popup-inner {
  height: 100%;
  display: flex !important;
  flex-direction: column;
}

/* 4) Garder la zone du header (logo/X) en haut */
#ast-mobile-popup .ast-mobile-popup-header {
  flex: 0 0 auto;
  position: relative !important; /* ✅ référence pour la croix (absolute) */
}

/* 5) Le contenu (menu) prend le reste et se centre verticalement */
#ast-mobile-popup .ast-mobile-popup-content {
  flex: 1 1 auto;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  padding: 0 !important;
  margin: 0 !important;
}

/* 6) Nettoyage des marges/paddings du menu */
#ast-mobile-popup nav,
#ast-mobile-popup .site-navigation,
#ast-mobile-popup ul {
  margin: 0 !important;
  padding: 0 !important;
}

/* 7) Option : supprimer le scroll interne */
#ast-mobile-popup,
#ast-mobile-popup .ast-mobile-popup-content {
  overflow: hidden;
}

/* --- CROIX : ne pas scaler globalement toutes les croix --- */
/* (On retire le scale global, on gère la taille sur le bouton uniquement) */

/* Base croix : ancrée dans le header (donc alignable sur burger) */
#menu-toggle-close.menu-toggle-close {
  position: absolute !important; /* ✅ pas fixed */
  padding: 0.5em;
  line-height: 1;
  margin: 0;
  z-index: 100001;
  background: transparent;
  border: 0;
  box-shadow: none;
}

/* --- MOBILE --- */
@media (max-width: 544px) {
  /* emplacement mobile */
  #menu-toggle-close.menu-toggle-close {
    top: 10px !important;
    right: 6px !important;
  }

  /* taille mobile */
  #menu-toggle-close .ast-close-svg {
    width: 26px !important;
    height: 26px !important;
  }
}

/* --- TABLETTE --- */
@media (min-width: 545px) and (max-width: 921px) {
  /* emplacement tablette */
  #menu-toggle-close.menu-toggle-close {
    top: 12px !important;
    right: 17px !important;
  }

  /* taille tablette */
  #menu-toggle-close .ast-close-svg {
    width: 32px !important;
    height: 32px !important;
  }
}
/* Liste du bloc Processus de création */
.elementor-element-a017947 ol {
  padding-left: 12px;
  margin-left: 0;
}

/* ==================================================
   1) Gestion du <br class="only-mobile">
   Desktop & tablette = caché
   Mobile = visible
================================================== */

/* Desktop + tablette */
.ast-footer-copyright br.only-mobile {
  display: none !important;
}

/* Mobile */
@media (max-width: 544px) {
  .ast-footer-copyright br.only-mobile {
    display: block !important;
  }
}

/* ==================================================
   2) FOOTER COPYRIGHT – TABLETTE
================================================== */
@media (max-width: 921px) {
  .ast-footer-copyright {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 6px !important;
    margin-bottom: 0px !important;
    line-height: 1.3em !important;
  }

  .ast-footer-copyright p {
    margin: 0 !important;
    text-align: center !important;
  }

  .site-footer-primary-section-1 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
  }

  .site-footer-primary-section-2 {
    margin-bottom: 0px !important;
    padding-bottom: 16px !important;
  }
}
/* ==================================================
   FOOTER – MOBILE
================================================== */
@media (max-width: 544px) {
  /* COPYRIGHT */
  .ast-footer-copyright {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 4px !important;
    margin-bottom: 0px !important;
    line-height: 1.5em !important; /* interlignage plus confortable */
    font-size: 13px !important;
    padding-top: 4px !important;
    padding-bottom: 0px !important;
  }

  .ast-footer-copyright p {
    margin: 0 !important;
    text-align: center !important;
  }

  /* Rapprochement copyright ↔ réseaux */
  .site-footer-primary-section-1 {
    padding-top: 0px !important;
    padding-bottom: 0px !important; /* espace réduit sous le nom */
    margin-bottom: 0px !important;
  }

  .site-footer-primary-section-2 {
    padding-top: 0px !important; /* espace réduit au-dessus des icônes */
    margin-bottom: 0px !important;
    padding-bottom: 18px !important; /* respiration en bas */
    line-height: 1.2em !important; /* interlignage plus confortable */
  }

  /* RÉSEAUX SOCIAUX SUR 2 LIGNES */
  .ast-footer-social-1-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    row-gap: 0px; /* lignes très serrées */
  }

  .ast-builder-social-element {
    width: 100% !important; /* un élément par ligne */
    justify-content: center !important;
    padding: 0 !important; /* supprime padding Astra */
    margin: 0 !important;
  }

  /* Lien (icône + texte) */
  .ast-builder-social-element a {
    padding: 0 !important; /* supprime le padding 5px d’Astra */
    margin: 0 !important;
  }
}
/* Désactiver le clic sur l'email du footer */
.footer-social-item[href^="mailto"],
.footer-social-item[aria-label="cfrelechoux [at] gmail.com"] {
  pointer-events: none;
  cursor: default;
}
/* Footer – espace après l'email (desktop uniquement) */
@media (min-width: 922px) {
  .site-footer .ast-footer-social-1-wrap a.ast-behance.footer-social-item {
    margin-right: 14px !important; /* ajuste 16/24/32 */
  }
}
/* --- Alignement texte + icône --- */
.elementor-element-44fb9718 .widget-image-caption.wp-caption-text {
  display: inline-flex;
  align-items: center;
  gap: 8px; /* espace entre texte et flèche */
  color: #00d4eb; /* couleur du texte */
}
/* HOME – H1 : enlever le <br> seulement en tablette */
@media (min-width: 545px) and (max-width: 1024px) {
  .elementor-element-00eab01 .elementor-heading-title br {
    display: none !important;
  }
}
/* HOME – H1 : supprimer le <br> en tablette + mobile */
@media (max-width: 1024px) {
  .elementor-element-00eab01 .elementor-heading-title br {
    display: none !important;
  }
}
/* Gap tablette avec correction de l'espacement supérieur */
@media (min-width: 545px) and (max-width: 921px) {
  .site-footer .footer-social-inner-wrap {
    display: flex !important;
    gap: 10px !important; /* L'espace entre mail et linkedin */
    justify-content: center !important;
    margin-top: 5px !important; /* Ajustez cette valeur pour redescendre la ligne */
  }
}