/*
 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
------------------------------------------------------- */



/* =========================================
   FORMULAIRE CONTACT COPEA
========================================= */

.copea-contact-form,
.copea-contact-form * {
  box-sizing: border-box;
}

.copea-contact-form {
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
}

/* Suppression des espacements automatiques CF7 */
.copea-contact-form p {
  margin: 0 !important;
  padding: 0 !important;
}

/* Champs */
.copea-form-field {
  position: relative;
  margin-bottom: 18px;
}

.copea-form-field .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

.copea-contact-form input[type="text"],
.copea-contact-form input[type="email"],
.copea-contact-form input[type="tel"],
.copea-contact-form textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 58px;
  margin: 0 !important;
  padding: 16px 20px !important;

  background: #ffffff !important;
  color: #17241d !important;

  border: 1px solid rgba(23, 36, 29, 0.08) !important;
  border-radius: 4px !important;
  outline: none !important;

  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;

  box-shadow: 0 12px 35px rgba(31, 35, 26, 0.06);
  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

/* Zone de message */
.copea-contact-form textarea {
  display: block;
  min-height: 175px !important;
  height: 175px;
  resize: vertical;
}

/* Placeholders */
.copea-contact-form input::placeholder,
.copea-contact-form textarea::placeholder {
  color: #39423d !important;
  opacity: 1 !important;
}

/* Focus */
.copea-contact-form input[type="text"]:focus,
.copea-contact-form input[type="email"]:focus,
.copea-contact-form input[type="tel"]:focus,
.copea-contact-form textarea:focus {
  border-color: #b9934d !important;
  box-shadow:
    0 0 0 3px rgba(185, 147, 77, 0.12),
    0 15px 40px rgba(31, 35, 26, 0.08);
}

/* Bouton à droite */
.copea-submit-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

/* Bouton */
.copea-contact-form input[type="submit"].copea-submit {
  width: auto !important;
  min-height: 50px;
  padding: 14px 26px !important;

  background: #10231a !important;
  color: #ffffff !important;

  border: 1px solid #10231a !important;
  border-radius: 4px !important;
  cursor: pointer;

  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase;

  box-shadow: 0 12px 25px rgba(16, 35, 26, 0.16);
  transition:
    background-color 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.copea-contact-form input[type="submit"].copea-submit:hover {
  background: #b9934d !important;
  border-color: #b9934d !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 16px 30px rgba(16, 35, 26, 0.2);
}

/* État pendant l'envoi */
.copea-contact-form input[type="submit"].copea-submit:disabled {
  cursor: wait;
  opacity: 0.7;
  transform: none;
}

/* Spinner CF7 */
.copea-contact-form .wpcf7-spinner {
  margin: 15px 10px 0 0;
}

/* Messages d'erreur sous les champs */
.copea-contact-form .wpcf7-not-valid-tip {
  display: block;
  margin-top: 7px;
  color: #b3261e;
  font-size: 13px;
  line-height: 1.4;
}

.copea-contact-form .wpcf7-not-valid {
  border-color: #b3261e !important;
}

/* Message général CF7 */
.copea-contact-form + .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output {
  margin: 22px 0 0 !important;
  padding: 14px 18px !important;
  border-width: 1px !important;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.5;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 767px) {

  .copea-form-field {
    margin-bottom: 14px;
  }

  .copea-contact-form input[type="text"],
  .copea-contact-form input[type="email"],
  .copea-contact-form input[type="tel"],
  .copea-contact-form textarea {
    min-height: 54px;
    padding: 15px 17px !important;
    font-size: 14px !important;
  }

  .copea-contact-form textarea {
    min-height: 150px !important;
    height: 150px;
  }

  .copea-submit-wrapper {
    display: block;
  }

  .copea-contact-form input[type="submit"].copea-submit {
    width: 100% !important;
    min-height: 52px;
  }
}

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

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

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

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

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