/**
 * @file
 * Header styles for YRBlog Drupal theme.
 *
 * Contains styling for all header variations (1-6),
 * navigation menus, logo placement and responsive behaviors.
 *
 * @version 1.0
 * @author YRBlog Team
 */

/* Styles généraux pour les en-têtes */
.header-container {
  width: 100%;
  position: relative;
  z-index: 100;
}

/* Styles spécifiques pour les différents types d'en-têtes */
.header-1,
.header-2,
.header-3,
.header-4,
.header-5,
.header-6 {
  transition: all 0.3s ease;
}

/* Styles pour l'en-tête fixe */
.header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}