/*
Theme Name: inforaz Child Theme
Description: Theme enfant de Divi par Inforaz
Author: Yannick Cuillin
Author URI: https://www.inforaz.fr
Template: Divi
Version: 1.0
*/

/* -----------*/
/* SMARTPHONE */
/* -----------*/
@media (max-width: 767px) {

    /* Suppression du cadre blanc sur smartphone */
    .et_pb_section_0_tb_body.et_pb_section {
      margin: 0 !important; /* Regroupement des marges */
    }
	    /* Supprimer les box-shadow uniquement pour les sous-menus du menu principal */
    .et_pb_menu .sub-menu {
        box-shadow: none !important;
    }
}

/* --------*/
/* GENERAL */
/* --------*/

/* Suppression de la décoration des liens sauf pour les boutons */
:root a:not(.wp-element-button) {
    text-decoration: none;
}

.liste-txt ul li {
	margin-bottom: 15px;
}

/* ---------------*/
/* Menu principal */
/* ---------------*/

#menu-menu-principal {
	height: 50px;
}

/* Masquer la flèche dans le menu */
.menu-item-has-children > a::after {
    display: none;
}

/* Effet de soulignement au survol des liens du menu */
.mega-menu a:hover, .menu-item a:hover {
    text-decoration: underline;
    text-decoration-color: #f49a2a; /* Soulignement avec couleur personnalisée */
}

/* Style des sous-menus */
li.mega-menu ul.sub-menu {
	padding: 25px !important;
	
	border-radius: 0 0 5px 5px;
	width: 60% !important;
}

.nav .sub-menu {
	width: 20em;
}

.nav .sub-menu li a {
	padding: 6px 20px;
	width: 100%;
}

/* ---------*/
/* Actualités */
/* ---------*/

/* Mise en forme titre des articles sur page d'accueil */
.wplp_container.default .title {
    text-align: left !important;
}

.wplp_container.default .wpcu-front-box.top .title {
    margin-top: 10px;
    font-size: 1.5em;
    font-weight: normal;
    color: #f49a2a !important;
}

/* Actualités sur page des évènements */
.et_pb_salvattore_content {
    display: flex;
    justify-content: space-around;
}

.et_pb_image_container {
    margin: 0;
}

.entry-title {
    font-size: 1.5em;
    color: #f49a2a;
}

/* -------*/
/* Footer */
/* -------*/

/* Effet de soulignement au survol des liens du footer */
.et_pb_blurb_description a:hover {
    text-decoration: underline;
	text-decoration-color: #fff;
}

/* --------*/
/* DESKTOP */
/* --------*/
@media (min-width: 981px) {

    /* LOGO : Réajustement pour combler pb menu */
    .wp-image-171 {
        margin-top: 10px;
    }

    /* Réglage dimensions de la zone hero (titre et description) sur page d'accueil */
    .et_pb_row {
        margin-left: 7.8%;
    }

    .et_pb_row_4.et_pb_row,
    .et_pb_row_4_tb_body {
        padding: 0 10px !important;
    }

    .et_pb_row_2_tb_body.et_pb_row {
        padding: 0 !important;
    }

    /* Réglages du fil d'Ariane */
    .breadcrumb-1 .et_pb_code_inner {
        position: relative;
        top: 20px;
        left: 2em;
        z-index: 10000;
    }

    .breadcrumb-2 .et_pb_code_inner {
        position: relative;
        top: -20px;
        left: 2em;
        z-index: 10000;
    }
}
	
	/*Réglages des cards */
	.presta-card {
		height: 450px;
	}
	
	.presta-card .et_pb_column {
		display: flex;
		flex-flow: column nowrap;
		height: 400px;
		justify-content: space-between;
	}

    /*Actualités sur page des évènements*/
    .et_pb_salvattore_content .column.size-1of3 {
        width: 32%;
    }
	
	
	.et_pb_post {
		height: 500px;
	}

	.wp-pagenavi{
		border: none;
		margin-top: 50px !important;
	}


.prev .next {
	display: none !important;
}

/* Actualités page d'accueil */
/* Cible uniquement la page d'accueil du blog */
.home .et_pb_blog_grid .et_pb_post {
    width: auto; /* Ajuste la largeur selon tes besoins (50 pour 2 colonnes) */
    margin: 1%; /* Ajoute un espace entre les colonnes */
    box-sizing: border-box; /* S'assure que le padding est inclus dans la largeur totale */
    min-height: 400px; /* Ajuste la hauteur minimale des colonnes */
	justify-content: center;
}

/* Pour les images à l'intérieur des colonnes */
.home .et_pb_blog_grid .et_pb_post img {
    width: auto; /* S'assure que les images remplissent la colonne */
    height: auto; /* Maintient le ratio d'aspect */
    object-fit: cover; /* Recadre l'image pour remplir le conteneur */
}

/* Pour les écrans de moins de 768px */
@media (max-width: 768px) {
    .home .et_pb_blog_grid .et_pb_post {
        width: 100%; /* Une seule colonne sur les écrans plus petits */
        margin: 0; /* Pas d'espace entre les colonnes */
    }
	
	.et_pb_salvattore_content {
		justify-content:center;
	}
}

span.et_pb_row et_pb_row_0_tb_body {
	display:none !important;
}

* {
  box-shadow: none !important;
}

/* Conteneur général pour tous les logos */
.logo-container {
    width: 150px; /* Taille carrée uniforme pour tous les logos */
    height: 150px;
    display: flex;
    align-items: center; /* Centre le contenu verticalement */
    justify-content: center; /* Centre le contenu horizontalement */
    overflow: hidden; /* Coupe les débordements éventuels */
    background-color: #ffffff; /* Optionnel : Couleur de fond pour uniformiser */
    /* border: 1px solid #ddd; /* Optionnel : Bordure pour délimiter */
    border-radius: 10px; /* Optionnel : Arrondir les coins */
    margin: 10px; /* Espacement entre les logos */
}

/* Styles pour les images des logos */
.logo-container img {
    max-width: 100%; /* Redimensionne pour s'adapter à la largeur du conteneur */
    max-height: 100%; /* Redimensionne pour s'adapter à la hauteur du conteneur */
    object-fit: contain; /* Maintient les proportions originales */
    display: block; /* Supprime les marges ou espaces inattendus */
}

/* Responsive : Taille pour les tablettes */
@media (max-width: 1024px) {
    .logo-container {
        width: 120px;
        height: 120px;
    }
}

/* Responsive : Taille pour les mobiles */
@media (max-width: 768px) {
    .logo-container {
        width: 100px;
        height: 100px;
    }
}

/* Responsive : Taille pour petits mobiles */
@media (max-width: 480px) {
    .logo-container {
        width: 80px;
        height: 80px;
    }
}

@font-face {
    font-family: 'NomDeVotrePolice';
    src: url('https://www.votresite.com/wp-content/uploads/fonts/nomdelapolice.woff2') format('woff2');
    font-display: swap;
}
body {
    font-family: 'NomDeVotrePolice', sans-serif;
}

/* =========================================================
   INFORAZ — DESIGN SYSTEM DIVI (Global + classes à appliquer)
   Colle dans Divi > Options du thème > CSS personnalisé
   ========================================================= */

/* --------- Variables + tonalité globale --------- */
:root{
  --ifz-bg: #0B1726;
  --ifz-bg2:#1b2a3a;
  --ifz-accent:#F7D800;
  --ifz-card: rgba(255,255,255,.18);
  --ifz-card2: rgba(255,255,255,.10);
  --ifz-text:#E9EEF5;
  --ifz-muted:#A8B4C4;
  --ifz-stroke: rgba(255,255,255,.12);
  --ifz-shadow: 0 18px 40px rgba(0,0,0,.35);
  --ifz-radius: 14px;
}

body{
  color: var(--ifz-text);
}

a{ color: var(--ifz-accent); }
a:hover{ opacity:.9; }

/* Divi : boutons partout */
.et_pb_button,
.et_pb_button_module_wrapper .et_pb_button{
  border-radius: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .2px !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.22) !important;
}
.et_pb_button.et_pb_bg_layout_light,
.et_pb_button.et_pb_bg_layout_dark{
  border-width: 1px !important;
}
.et_pb_button:hover{ transform: translateY(-1px); }

/* Bouton jaune (ajoute la classe : inforaz-btn-primary sur le module bouton) */
.inforaz-btn-primary.et_pb_button,
.inforaz-btn-primary .et_pb_button{
  background: var(--ifz-accent) !important;
  color:#111 !important;
  border-color: transparent !important;
}
/* Bouton contour (ajoute la classe : inforaz-btn-ghost) */
.inforaz-btn-ghost.et_pb_button,
.inforaz-btn-ghost .et_pb_button{
  background: transparent !important;
  color: var(--ifz-accent) !important;
  border-color: rgba(247,216,0,.55) !important;
}

/* --------- SECTION HERO (comme ta capture) ---------
   -> Classe à mettre sur la SECTION : inforaz-hero
*/
.inforaz-hero.et_pb_section{
  background: linear-gradient(180deg, #9AA9B8 0%, var(--ifz-bg2) 14%, var(--ifz-bg) 32%, var(--ifz-bg) 100%) !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

/* Titre H1 style capture (jaune, massif)
   -> Classe à mettre sur le module TEXTE contenant le H1 : inforaz-hero-title
*/
.inforaz-hero-title h1,
.inforaz-hero-title h2{
  color: var(--ifz-accent) !important;
  font-weight: 900 !important;
  letter-spacing: .8px !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
}

/* Texte d’intro (blanc/gris)
   -> Classe module TEXTE : inforaz-hero-lead
*/
.inforaz-hero-lead{
  color: var(--ifz-text) !important;
}
.inforaz-hero-lead p{
  color: var(--ifz-text) !important;
  line-height: 1.55 !important;
}
.inforaz-hero-lead p:nth-child(n+2){
  color: rgba(233,238,245,.92) !important;
}

/* --------- CARTES SERVICES (les 4 blocs gris) ---------
   Idéal avec un module "Blurb" (Résumé) dans chaque colonne
   -> Classe à mettre sur CHAQUE BLURB : inforaz-iconcard
*/
.inforaz-iconcard.et_pb_blurb{
  background: rgba(255,255,255,.20) !important;
  border: 1px solid var(--ifz-stroke) !important;
  border-radius: var(--ifz-radius) !important;
  box-shadow: var(--ifz-shadow) !important;
  padding: 26px 26px !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* Aligner icon + texte comme sur la capture */
.inforaz-iconcard .et_pb_blurb_content{
  display:flex !important;
  align-items:center !important;
  gap: 18px !important;
}
.inforaz-iconcard .et_pb_main_blurb_image{
  margin:0 !important;
  flex: 0 0 auto;
}

/* Icône (jaune) */
.inforaz-iconcard .et-pb-icon{
  color: var(--ifz-accent) !important;
  font-size: 58px !important;
}

/* Titre carte (grand, blanc) */
.inforaz-iconcard .et_pb_module_header{
  color: rgba(233,238,245,.95) !important;
  font-size: 44px !important;      /* ajuste si besoin */
  font-weight: 800 !important;
  line-height: 1.0 !important;
  margin:0 !important;
}

/* Texte carte (si tu en mets) */
.inforaz-iconcard .et_pb_blurb_description,
.inforaz-iconcard .et_pb_blurb_description p{
  color: rgba(233,238,245,.80) !important;
  margin-top: 8px !important;
}

/* Option : rendre les cartes “cliquables” proprement */
.inforaz-iconcard a{
  text-decoration:none !important;
}
.inforaz-iconcard:hover{
  transform: translateY(-2px);
  transition: .18s ease;
}

/* --------- PANNEAU JAUNE "A-propos" ---------
   -> Classe à mettre sur le module TEXTE : inforaz-yellowpanel
*/
.inforaz-yellowpanel.et_pb_text{
  background: var(--ifz-accent) !important;
  color: #111 !important;
  padding: 26px 26px !important;
  border-radius: 0px !important; /* comme ta capture (angles nets). Mets 14px si tu veux arrondir */
  box-shadow: var(--ifz-shadow) !important;
}
.inforaz-yellowpanel h2,
.inforaz-yellowpanel h3{
  color:#111 !important;
  font-weight: 900 !important;
  margin-top: 0 !important;
}
.inforaz-yellowpanel p,
.inforaz-yellowpanel li{
  color: rgba(17,17,17,.92) !important;
  line-height: 1.6 !important;
}

/* --------- Accordéons / Toggles (si tu en utilises) ---------
   -> Classe sur le module : inforaz-accordion
*/
.inforaz-accordion .et_pb_toggle{
  background: transparent !important;
  border: 1px solid var(--ifz-stroke) !important;
  border-radius: 12px !important;
  box-shadow: var(--ifz-shadow) !important;
  margin-bottom: 12px !important;
  overflow:hidden !important;
}
.inforaz-accordion .et_pb_toggle_title{
  color: var(--ifz-accent) !important;
  font-weight: 900 !important;
}
.inforaz-accordion .et_pb_toggle_content{
  color: rgba(233,238,245,.88) !important;
}

/* --------- Champs formulaire Divi (contact) ---------
   -> Classe sur la section ou le module : inforaz-form
*/
.inforaz-form input,
.inforaz-form textarea,
.inforaz-form select{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: var(--ifz-text) !important;
  border-radius: 10px !important;
}
.inforaz-form input::placeholder,
.inforaz-form textarea::placeholder{
  color: rgba(233,238,245,.55) !important;
}

/* --------- Utilitaires (facultatif) --------- */
.inforaz-muted{ color: var(--ifz-muted) !important; }
.inforaz-text{ color: var(--ifz-text) !important; }