/* ----------------- Gestion des couleurs du menu -------------------------------- */

/* Couleur de fond du menu principal */

#blogmagazine-menu-wrap {
  background-color: #ce1517;
}

/* Liens du menu principal en blanc */

#blogmagazine-menu-wrap .primary-menu li a {
  color: #ffffff;
  font-weight: 600;
}

/* Liens au survol */
#blogmagazine-menu-wrap .primary-menu li a:hover {
  color: #ffb709;
}

/* Icône home, recherche et random en blanc */
.blogmagazine-home-icon a i,
.blogmagazine-header-search-wrapper a i {
  color: #ffffff;
}

/* Texte au survol des icônes */
.blogmagazine-home-icon a:hover i,
.blogmagazine-header-search-wrapper a:hover i {
  color: #ffb709;
}

/* Menu toggle mobile */
.menu-toggle i {
  color: #ffffff;
}

/* Responsive : ajuster le menu sur mobile */
@media screen and (max-width: 768px) {
  #blogmagazine-menu-wrap {
    text-align: center;
    background-color: #CE1517;
  }

  #blogmagazine-menu-wrap .primary-menu li a {
    background-color: #CE1517;
    text-align: left;
    display: block;
    padding: 10px 0;
  }
}

.bottom-footer.dg-clearfix {
  color: #F2A494;
  background-color: #F7E9E6;
}

.main-navigation ul .menu-item>a {
  text-align: center;
  text-indent: 10px;
}

/* Couleur de fond des cathégories d'article */
/*
.category-button {
    background-color: #CE1517 !important;
}
*/


/* Formulaire */
.row {
  display: flex;
  gap: 20px; /* espace entre les champs */
}

.row .col {
  flex: 1; /* chaque colonne prend 50% */
}

.row .col input {
  width: 100%;
}

@media (max-width: 768px) { /* Media query pour smartphones */
  .row {
    flex-direction: column; /* empile verticalement */
  }
}

/* Pour ne pas afficher l'image mise en avant dans les articles */
.single-post .wp-post-image {
    display: none;
}
/* Pour limiter la taille des images dans la page de blog */
.blog .post img {
    max-width: 319px;
    /* width: 100%; */
    object-fit: cover;
}
/* Pour gérer la taille des images dans le carrousel */
/*
.wppsac-post-slider .wppsac-post-image {
    height: auto !important;
}
.wppsac-post-slider .wppsac-post-image img {
    height: auto !important;
    width: 100%;
    object-fit: contain;
}
*/