/*
/*
 Theme Name: Divi Child-Daniel-Lavoie
 Theme URI: 
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: 
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Section spectacles- loop */

.et_pb_row .et_pb_column .flex-col-loop  {
display: flex;
flex-direction: column;
justify-content: center;

}
/* end Section spectacles- loop */

/* Section albums - loop */

.et_pb_module .et_pb_de_mach_repeater.music-reapeter .dmach-icon-image-content img {

width: auto !important;
max-width: 30px !important;


}


 .annee-parution span.dmach-acf-value  {
  display: flex;
  justify-content: center;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #000000;
  font-size: clamp(1rem, calc(0.6rem + 0.5vw), 1rem);
  color: #ffffff !important;
  line-height: 1.45;



}
 .annee-parution .dmach-acf-item-content {
  display: flex;
  flex-direction: column;
  justify-content: center;

}


/* end Section albums - loop */




/* === card contact === */
.row-flex.et_pb_row {
  display: flex !important;
  flex-wrap: wrap;
  align-items: stretch; /* CLÉ: Maintient la même hauteur */
  gap: 20px; 
  padding-left: 0 !important; 
  padding-right: 0 !important;
  justify-content: center; 
  max-width: 1362px !important; 
}

/* === COLONNES (COLUMN) === */
.row-flex.et_pb_row .et_pb_column {
  /* 1. Votre code de dimensionnement (qui est parfait) */
  flex: 0 0 calc(25% - 15px);
  max-width: calc(25% - 15px);
  box-sizing: border-box;
  margin: 0 !important; 
  padding: 20px !important; /* Le padding est bien ici */

  /* 2. AJOUT : Les règles flex qui étaient pour _inner */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}

/* === CORRECTION MODULES (TOUJOURS NÉCESSAIRE) === */
.row-flex.et_pb_row .et_pb_module {
  /* Annule les marges par défaut de Divi qui faussent l'alignement */
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}


/* === TABLETTE (980px et moins) === */
@media (max-width: 980px) {
  .row-flex.et_pb_row .et_pb_column {
    flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
  }
}

/* === MOBILE (600px et moins) === */
@media (max-width: 600px) {
  .row-flex.et_pb_row .et_pb_column {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/* === end card contact === */


/* Hamburger menu forcé à partir de 980px */
@media (min-width: 980px) {
    #et_mobile_nav_menu {
        display: block !important;  /* Affiche le menu mobile */
        text-transform: uppercase;
    }

    #main-header #top-menu {
        display: none !important;   /* Cache le menu desktop */
    }
    
    /* Optionnel : ajuster l'icône hamburger */
    .mobile_menu_bar {
        display: block !important;
    }
}



/* == Styles pour les modules de statut == */

/* Le module lui-même change */
.et_pb_de_mach_acf_item.statut-select-activator .en_vente {
    border-top: 0.5px solid #ffffff !important;
    border-bottom: 0.5px solid #ffffff !important;
    padding: 1rem 0.6rem !important;
    background: #d3ffea !important;
}

.et_pb_de_mach_acf_item.statut-select-activator .prevente {
    border-top: 0.5px solid #ffffff !important;
    border-bottom: 0.5px solid #ffffff !important;
      padding: 1rem 0.6rem !important;
    background: #ffffff !important;
}

.et_pb_de_mach_acf_item.statut-select-activator .a_venir {
   border-top: 0.5px solid #ffffff !important;
    border-bottom: 0.5px solid #ffffff !important;
      padding: 1rem 0.6rem !important;
    background: #fffbd8 !important;
}

.et_pb_de_mach_acf_item.statut-select-activator .annule {
   border-top: 0.5px solid #494949 !important;
    border-bottom: 0.5px solid #494949 !important;
     padding: 1rem 0.6rem !important;
    background: #f9a5a5 !important;
}

/* Formulaire */

@media (min-width: 767px) {
	/*set the width of the button*/
	.et_pb_newsletter_fields .et_pb_newsletter_button_wrap {
		flex-basis: 165px !important;
	}
	/*set the width of the input field minus the width of the button*/
	.et_pb_newsletter_form .et_pb_newsletter_field {
		flex-basis: calc(100% - 165px) !important;
	}
}



/* Vous pouvez aussi cibler le texte à l'intérieur,
   en utilisant la classe que Divi Machine ajoute DÉJÀ.
   (vu dans votre image)

.dmach-acf-value_a_venir {
    font-weight: bold;
    color: #b38600;
}

.dmach-acf-value_en_vente {
    font-weight: bold;
    color: #28a745;
}

*/