/*
 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
------------------------------------------------------- */
:root {
  --color-primary: #B30F1F;
  --color-secondary: #D93636;
  --color-dark: #280F0F;
  --color-light: #FEF2F2;
  --color-neutral: #F5F0F0;
  --color-mid: #8B6060;
  --color-brown: #5c1919;
  --color-paper:#fff;
  --shadow: 0 4px 20px rgba(0,0,0,0.08);
  --transition: 0.26s ease;
}

  .et_pb_text_inner h1,
  .et_pb_text_inner h2,
  .et_pb_text_inner h3,
  h2.et_pb_module_header {
    line-height: 1.5em;
  }

.et_pb_text_inner h1{
	font-size:2rem !important;
}
.et_pb_text_inner h1 em{
	font-style:normal !important;
	color: var(--color-secondary) !important;
}

.et_pb_text_inner h2{
	font-size:1.5rem !important;
}
.et_pb_text_inner h2{
	font-size:1.5rem !important;
}
.et_pb_text_inner h3{
	font-size: 1.2rem !important;
}

#top-menu li.current-menu-item>a {
    color: var(--color-secondary) !important;
}
.zones__chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.zone-chip {
      background: var(--color-brown); color: var(--color-paper);
      font-size: 14px; font-weight: 600;
      padding: 7px 16px; border-radius: 20px;
      transition: var(--transition);
}
.zone-chip:hover { background: var(--color-secondary);}
.zones__map {
      border-radius: var(--radius); aspect-ratio: 4/3;
      background: linear-gradient(145deg, #F0F4F8, #E8EEF4);
      display: flex; align-items: center; justify-content: center;
      font-size: 13px; color: var(--texte-secondaire); opacity: .7;
}

/***************lire plus style**************/

  details {
    display: inline;
  }

  details {
    position: relative;
  }

  details summary {
    color:var(--color-primary);
    display: block;
    cursor: pointer;
    font-size: 16px !important;
    font-weight: 500;
    padding-top: 10px;
  }

  details summary:focus {
    outline: none;
  }

  details[open] {
    display: block;
    padding-bottom: 25px;
    animation: open .2s linear;
  }

  details[open] summary {
    position: absolute;
    bottom: 0;
    left: 0;
  }

  details[open] #close {
    position: relative;
    top: 10px;

  }

  details #open {
    padding-left: 5px;
    text-align: center;
  }

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

#post-3 .et_pb_text_inner h2{
	font-size:1rem !important;
}
.card{
	transition: box-shadow .25s, transform .25s, border-color .25s;
}
  .card:hover {
    box-shadow: var(--shadow);
    transform: translateY(-3px);
	  border-color:var(--color-secondary);
}

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