/*
Theme Name: Crater Child
Template: crater-free
Description: Thème enfant propre pour Crater.
Author: Maxime
Version: 1.0
*/

/* Import du style parent */
@import url("../crater-free/style.css");

/* Zone personnalisations */



/* === FOND TEXTURÉ (pattern) + DÉGRADÉ NOIR === */

/* Fond sur les pages de formulaires */
body.page-id-20,
body.page-id-12,
body.page-id-33,
body.page-id-31,
body.page-id-28,
body.page-id-30 {
  background:
    radial-gradient(circle at 5px 5px, rgba(12,13,13,0.44) 2px, transparent 0) 0 0 / 8px 8px,
    linear-gradient(180deg, #222828 0%, #000000 200%) !important;
  background-attachment: fixed !important;
  background-repeat: repeat !important;
  color: #ffffff !important;
}

/* Fond identique pour la barre du haut (header home) */
header#home-inner.crater-menu-wrapper,
header#home-inner .header-wrapper,
header#page-inner.crater-menu-wrapper,
header#page-inner .header-wrapper {
  background:
    radial-gradient(circle at 5px 5px, rgba(12,13,13,0.44) 2px, transparent 0) 0 0 / 8px 8px,
    linear-gradient(180deg, #222828 0%, #000000 200%) !important;
  background-attachment: fixed !important;
  background-repeat: repeat !important;
  color: #ffffff !important;
  z-index: 9999 !important;
}


/* === STABILISATION DU FOND GLOBAL === */

/* Corrige le vide noir sous le fond lié au background fixed */
html,
body {
  min-height: 100% !important;
  height: auto !important;
  overflow-x: hidden !important; /* empêche le défilement horizontal */
}

/* Empêche le body d’étendre le fond au-delà du footer */
body {
  background-attachment: scroll !important;
}


/* === STABILISATION DU TEXTE DU SLIDER === */

.slide-bg-text h2,
.slide-bg-text p {
  position: relative !important;
  top: -100px !important; /* ajuste la hauteur du texte sur l’image */
  z-index: 10 !important;
}



/* === COULEURS DE TEXTE — PAGES === */

/* Texte global sur les pages à fond texturé */
body.page-id-20,
body.page-id-12,
body.page-id-33,
body.page-id-31,
body.page-id-28,
body.page-id-30 {
  color: #ffffff !important;
}

/* === COULEURS DE TEXTE — HEADER ET MENU === */

/* Texte du header en blanc */
header#home-inner.crater-menu-wrapper,
header#home-inner .header-wrapper,
header#home-inner .header-wrapper * {
  color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

/* Liens du menu (état normal) */
header#home-inner .menu-item > a {
  background: none !important;
  color: #dddddd !important;
}

/* Bouton actif ou survolé */
header#home-inner .menu-item.current-menu-item > a,
header#home-inner .menu-item.current_page_item > a,
header#home-inner .menu-item > a:hover {
  background-color: #8a914b !important;
  color: #ffffff !important;
  padding: 8px 18px !important;
  border-radius: 4px !important;
  transition: all 0.2s ease-in-out;
}

/* Titre et sous-titre du header des autres pages */
header#page-inner .site-title,
header#page-inner .site-description,
header#page-inner .site-title a {
  color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;
}



/* === DÉPLACEMENTS LÉGERS DE TEXTE === */

/* Décale légèrement le titre et le slogan sans toucher au fond ni au menu */
header#home-inner .site-title,
header#home-inner .site-description {
  position: relative;
  top: 20px; /* descends le texte, augmente si tu veux plus bas */
}

/* Force la position du texte du slider pour tout le site */
.slide-bg-text h2,
.slide-bg-text p {
  position: relative !important;
  top: -130px !important;
  z-index: 10 !important;
}


/* Réduire l'espacement entre les éléments du menu (hyper-spécifique, sans toucher à la structure) */
nav#crater-main-menu-wrapper ul#menu-menu.nav > li > a {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

nav#crater-main-menu-wrapper ul#menu-menu.nav > li,
nav#crater-main-menu-wrapper ul#menu-menu.nav > li > a {
  margin: 0 !important; /* neutralise d’éventuelles marges imposées par le thème */
}




/* === SUPPRESSION COMPLÈTE DU ROUGE DANS LE MENU === */

header#home-inner * {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Supprime aussi toute pseudo-décoration rouge */
header#home-inner .menu-item::before,
header#home-inner .menu-item::after,
header#home-inner .menu-item > a::before,
header#home-inner .menu-item > a::after {
  content: none !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}



/* === TAILLES ET GRAISSES DU TEXTE — HEADER & MENU === */

/* Titre et slogan du site */
header#home-inner .site-title,
header#page-inner .site-title {
  font-size: 26px !important;
  font-weight: 700 !important;
}

header#home-inner .site-description,
header#page-inner .site-description {
  font-size: 18px !important;
  font-weight: 400 !important;
}

/* Liens du menu principal */
#crater-main-menu-wrapper .nav > li > a {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}






/* === FORMULAIRES CONTACT FORM 7 === */

/* Texte blanc dans tous les formulaires Contact Form 7 */
.wpcf7 form,
.wpcf7 form p,
.wpcf7 form label,
.wpcf7 form input,
.wpcf7 form textarea,
.wpcf7 form select {
  color: #ffffff !important;
}

/* Placeholder orange dans tous les formulaires Contact Form 7 */
.wpcf7 ::placeholder {
  color: #ff9900 !important; /* orange vif */
  opacity: 1 !important; /* pleine opacité */
}

/* Corrige le flou du texte dans les formulaires Contact Form 7 */
.wpcf7 form,
.wpcf7 form * {
  color: #ffffff !important;
  text-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  opacity: 1 !important;
  font-weight: 400 !important;
}


/* === FORMULAIRES CONTACT FORM 7 — LARGEUR ET ALIGNEMENT SÉCURISÉS === */

.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="tel"],
.wpcf7 form input[type="url"],
.wpcf7 form input[type="number"],
.wpcf7 form input[type="date"],
.wpcf7 form textarea,
.wpcf7 form select {
  width: 80% !important;          /* largeur visuelle confortable, sans casser le flux */
  max-width: 500px !important;    /* évite qu’ils s’étirent trop */
  display: block !important;
  margin-left: 0 !important;      /* aligne à gauche dans la zone du formulaire */
  margin-right: auto !important;
  box-sizing: border-box !important;
}







/* === FOND TEXTURÉ SUR LE PIED DE PAGE === 

body.page-id-20 .site,
body.page-id-12 .site,
body.page-id-33 .site,
body.page-id-31 .site,
body.page-id-28 .site,
body.page-id-30 .site {
  background:
    radial-gradient(circle at 5px 5px, rgba(12,13,13,0.44) 2px, transparent 0) 0 0 / 8px 8px,
    linear-gradient(180deg, #222828 0%, #000000 200%) !important;
  background-attachment: fixed !important;
  background-repeat: repeat !important;
  color: #ffffff !important;
}
*/




/* === SÉCURITÉ D'AFFICHAGE DU HEADER === */
/* Empêche qu’un élément (image, formulaire, etc.) ne passe au-dessus du menu */

header#home-inner.crater-menu-wrapper,
header#home-inner .header-wrapper,
header#page-inner.crater-menu-wrapper,
header#page-inner .header-wrapper {
  z-index: 9999 !important;
}