/*
Theme Name :  Thème enfant
Description : Thème enfant de Divi
Author: Daniel Bertoni - Devncom
Author URI: https://www.devncom.com
Template: Divi
Version: 0.1.0
*/

h1, h2, h3, h4, h5, h6 {
  padding-bottom: 0;
}

.et_pb_scroll_top.et-pb-icon {
	background: #EE8ECE;
}

.et_pb_scroll_top.et-pb-icon:hover {
	opacity: 0.75;
}

#menu-principal > li.et_pb_menu_page_id-25145 > ul.sub-menu {
	border: 1px solid #EE8ECE;
	width: 240px;
	padding: 10px 0;
}

.et-menu li li a {
	width: 240px;
	text-align: center;
	padding: 0 10px;
}

.nav li li {
	padding: 0;
}



/* =========================
   SECTION ANIMAUX À ADOPTER
========================= */

.adoption-grid article,
.adoption-grid .et_pb_post,
.adoption-grid .dp-dfg-item,
.adoption-grid .entry {
  position: relative;
  background: #fff;
  border: 1px solid #f3c6e4;
  border-radius: 20px;
  overflow: hidden;
  padding-bottom: 18px;
  box-shadow: 0 12px 28px rgba(49, 31, 19, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.adoption-grid article:hover,
.adoption-grid .et_pb_post:hover,
.adoption-grid .dp-dfg-item:hover,
.adoption-grid .entry:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 38px rgba(49, 31, 19, 0.13);
}

/* Image */
.adoption-grid img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  display: block;
}

/* Badge (nom de l’animal) */
.adoption-grid .entry-title,
.adoption-grid h2.entry-title,
.adoption-grid h3.entry-title {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 3;
  display: inline-block;
  margin: 0;
  padding: 7px 15px;
  color: #fff;
  line-height: 1.2;
  font-weight: 700;
  border-radius: 999px;
}

/* Femelle */
.adoption-grid article.category-femelle .entry-title,
.adoption-grid article.category-femelle h2.entry-title,
.adoption-grid article.category-femelle h3.entry-title {
  background: #e87fc9;
}

/* Mâle */
.adoption-grid article.category-male .entry-title,
.adoption-grid article.category-male h2.entry-title,
.adoption-grid article.category-male h3.entry-title {
  background: #6bb6e8;
}

/* =========================================================
   FICHES ANIMAUX - COULEURS SELON SEXE
========================================================= */

/* Base commune */
.animal-content-box{
    border-width: 1px;
    border-style: solid;
    border-radius: 20px;
    padding: 40px;
    overflow: hidden;
    transition: all .3s ease;
}

/* =========================================================
   FEMELLE
========================================================= */

.single-post.category-femelle .animal-content-box{
    background-color: rgba(232, 127, 201, 0.18) !important;
    border-color: #e87fc9 !important;
}

.single-post.category-femelle .animal-content-box h1,
.single-post.category-femelle .animal-content-box h2{
    color: #d95db5 !important;
}

/* =========================================================
   MÂLE
========================================================= */

.single-post.category-male .animal-content-box{
    background-color: rgba(107, 182, 232, 0.18) !important;
    border-color: #6bb6e8 !important;
}

.single-post.category-male .animal-content-box h1,
.single-post.category-male .animal-content-box h2{
    color: #4d9ed6 !important;
}

/* Zone contenu */
.adoption-grid .post-content,
.adoption-grid .entry-summary,
.adoption-grid .dp-dfg-content {
  display: block !important;
  overflow: visible !important;
  margin: 0;
  padding: 0 10px;
  text-align: left;
}

/* Texte */
.adoption-grid .post-content p,
.adoption-grid .entry-summary p,
.adoption-grid .dp-dfg-content p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0; /* CORRECTION ICI */
  color: #3f3230;
  font-size: 15px;
  line-height: 1.65;
  text-align: left;
}

/* Lien “En savoir plus” */
.adoption-grid .more-link,
.adoption-grid .read-more,
.adoption-grid a.read-more,
.adoption-grid .dp-dfg-more-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: fit-content;
  margin: 18px auto 0;
  color: #ed8fcd !important;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}

.adoption-grid .more-link:hover {
	color: #EE8ECE !important;
}

/* Remplacement du texte */
.adoption-grid .more-link {
  font-size: 0;
}

.adoption-grid .more-link::before {
  content: "En savoir plus";
  font-size: 15px;
}

.adoption-grid .more-link::after,
.adoption-grid .read-more::after,
.adoption-grid .dp-dfg-more-button::after {
  content: "→";
  font-size: 18px;
  line-height: 1;
}

/* Bouton global */
.btn-adoption.et_pb_button {
  background: #725752;
  border-color: #725752;
  color: #fff;
  border-radius: 8px;
  padding: 12px 28px;
  font-weight: 700;
  transition: all 0.3s ease;
}

.btn-adoption.et_pb_button:hover {
  background: #5c4642;
  border-color: #5c4642;
  color: #fff;
}

/* Mobile */
@media (max-width: 767px) {
  .adoption-grid img {
    height: 220px;
  }

  .adoption-grid .post-content,
  .adoption-grid .entry-summary,
  .adoption-grid .dp-dfg-content {
    padding: 22px 20px 0;
  }
}

/* =========================
   PAGINATION ADOPTION
========================= */

.adoption-grid .pagination {
  margin-top: 40px;
  text-align: center;
}

/* Reset des floats Divi */
.adoption-grid .pagination .alignleft,
.adoption-grid .pagination .alignright {
  float: none;
  display: inline-block;
  margin: 0 10px;
}

/* Style boutons */
.adoption-grid .pagination a {
  display: inline-block;
  padding: 10px 18px;
  background: #fff;
  border: 1px solid #f3c6e4;
  border-radius: 999px;
  color: #725752;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.25s ease;
}

.adoption-grid .pagination a:hover {
  background: #ed8fcd;
  color: #fff;
  border-color: #ed8fcd;
  transform: translateY(-2px);
}


/* Couleur par défaut (NON ACTIF) */
.header-section .header-top-menu li a {
    color: #725752 !important;
}

/* Désactive les états WordPress */
.header-section .header-top-menu li.current-menu-item > a,
.header-section .header-top-menu li.current_page_item > a,
.header-section .header-top-menu li.current-menu-ancestor > a,
.header-section .header-top-menu li.current-menu-parent > a {
    color: #725752 !important;
}

/* Couleur ACTIVE uniquement */
.header-section .header-top-menu li a.header-menu-active {
    color: #EE8ECE !important;
}