/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */


@media (max-width: 991px) {
    .inverse {
        display: flex;
        flex-direction: column-reverse;
    }
}

@media (min-width: 1024px) {
    .center-text-image {
        display: flex;
        align-items: center;
    }
}


.img-clr {
	filter: brightness(0) saturate(100%) invert(23%) sepia(28%) saturate(3901%) hue-rotate(347deg) brightness(93%) contrast(88%);
}

.menu-button a {
  background: #EFEAE1; 
  color: #000000 !important;
  padding: 12px 28px !important;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  transition: all 0.3s ease;
  display: inline-flex;          
  align-items: center;   
  border-radius: 8px;
  justify-content: center;       
  height: 100%;                  
  line-height: 1.4;     
  font-family: 'playfair display', serif; 
}

@media (min-width: 981px) {
    .et_header_style_left .et-fixed-header #et-top-navigation {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
    color: #EFEAE1;
}

.et_mobile_menu {
	border-top: 3px solid #EFEAE1;
}

.et-fixed-header #top-menu .menu-button a {
    color : #000000 !important;
}


/* --- CF7 Global Style (Beige Background, Dark Text) --- */

/* Container and overall text color */
.wpcf7 {
  max-width: 600px;
  margin: 0 auto;
  font-family: 'Helvetica Neue', Arial, sans-serif !important;
  color: #333333 !important; /* Dark text for readability */
  padding: 0 !important;
  background-color: transparent !important; /* Ensure main container is transparent */
}

/* Labels */
.wpcf7 label,
.wpcf7 p {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 14px;
  color: #333333 !important; /* Label text dark */
}

/* Inputs, Textarea, and Select Fields */
.wpcf7 input:not([type="submit"]),
.wpcf7 textarea,
.wpcf7 select {
  /* Dimensions & Spacing */
  width: 100% !important;
  padding: 10px 12px !important;
  margin-bottom: 13px !important;

  
  /* Appearance */
  background-color: #D9CCBD !important; /* Input background color */
  border: 1px solid #C0B4A6 !important; /* Slightly darker border for definition */
  border-radius: 6px !important;
  color: #333333 !important; /* Input text dark */
  box-sizing: border-box !important;
  transition: border 0.3s ease, box-shadow 0.3s ease !important;
  
  /* Typography */
  font-size: 15px !important;
}

/* Specific styling for the Textarea height */
.wpcf7 textarea {
  min-height: 100px !important;
  resize: vertical !important;
}

/* Placeholder text color */
.wpcf7 ::placeholder {
  color: #666666 !important; /* Darker placeholder text */
}

/* Focus effect */
.wpcf7 input:focus,
.wpcf7 textarea:focus {
  border-color: #7A695C !important; /* Dark brown accent on focus */
  box-shadow: 0 0 5px rgba(122,105,92,0.4) !important;
  outline: none !important;
}

/* Submit button (Using the specified color #D9CCBD for consistency) */
.wpcf7 input[type="submit"] {
  background-color: #D9CCBD !important; /* Button background color */
  color: #333333 !important; /* Dark text color for readability */
  padding: 12px 25px !important;
  border: 1px solid #C0B4A6 !important; /* Subtle border */
  border-radius: 6px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease, transform 0.2s ease !important;
}

/* Hover effect */
.wpcf7 input[type="submit"]:hover {
  background-color: #C0B4A6 !important; /* Slightly darker shade on hover */
  transform: translateY(-1px) !important;
}

/* Responsive */
@media (max-width: 600px) {
  .wpcf7 input[type="submit"] {
    width: 100% !important;
  }
}



/*Fiche produit lire plus*/

details{
  display:inline;
}
details {
  position:relative;
}
details summary {
    display: block;
    cursor: pointer;
    color: black;
    font-size: 18px !important;
    font-weight: bold;
}
details summary:focus {
  outline:none;
}
details[open] {
  display:block;
  padding-bottom:25px;
  padding-top:10px;
  animation: open .2s linear;
}
details[open] summary {
  position:absolute;
  bottom: 0;
  left:0;
}
details[open] #close {
    position: relative;
    top: 12px;
	
}
details #open{padding-left:5px;text-align:middle;}
details #open:after{
    display: inline-block;
    position:relative;
    top: -3px;
    padding-left: 8px;
    content: "\00bb";
    transform: rotate(90deg);
}
details[open] #open{display:none;}
details #close{display:none;}
details[open] #close{display:block;}
::-webkit-details-marker {display: none;}
@keyframes open {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*Fin lire plus*/
.et_pb_module.dsm_flipbox_child.dsm_flipbox_child_0.et_pb_bg_layout_light.dsm_flipbox_icon_position_top {
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0px 0px 5px 1px #0000003d;
}
span.dsm_flipbox_child_image_wrap img {
    width: 58%;
    top: 15px;
    position: relative;
}

.et_pb_module.dsm_flipbox_child{
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0px 0px 5px 1px #0000003d;
    padding: 30px 29px 37px 29px;
}