/* ----------------- 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: #b54646;
  background-color: #d46565;
}

.main-navigation ul .menu-item>a {
  text-align: center;
  text-indent: 10px;
}


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