/**
 * Peyrus Site v3 — CSS correctifs (v3.19.21)
 * Appliqué après peyrus-v3.min.css et peyrus-v3-pages.css.
 * Contient uniquement les correctifs ajoutés en avril 2026 :
 *   - Fix bug hover menu déroulant (zone tampon sur le gap de 4px)
 *   - Correctifs responsive mobile/tablette (titre hero, overflow-x, grid actus)
 */

/* =============================================================
   1. Fix bug hover menu déroulant
   ============================================================= */
.nav__item > .nav__dropdown,
.nav__item > .nav__mega {
    top: 100% !important;
    margin-top: 0 !important;
    padding-top: 12px !important;
}
.nav__item:hover > .nav__dropdown,
.nav__item:hover > .nav__mega,
.nav__dropdown:hover,
.nav__mega:hover {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* =============================================================
   2. Responsive fixes (mobile / tablette)
   ============================================================= */
/* 2.1 Supprime le débordement horizontal mobile/tablette (btn-hamburger) */
html, body { overflow-x: hidden; }

/* 2.2 Réduit le titre hero sur tablette et mobile */
@media (max-width: 1024px) {
  .hero__title { font-size: clamp(2.8rem, 8vw, 5rem) !important; }
}
@media (max-width: 480px) {
  .hero__title { font-size: clamp(2.2rem, 10vw, 3.5rem) !important; }
}

/* 2.3 Actus secondaires en 2 colonnes sur tablette (700–1099px) */
@media (min-width: 700px) and (max-width: 1099px) {
  .news-grid__side { grid-template-columns: 1fr 1fr !important; gap: 1rem; }
}

/* 2.4 Hero padding plus compact + boutons full-width sur mobile */
@media (max-width: 480px) {
  .hero { padding: 2rem 1rem; }
  .hero__buttons .btn { width: 100%; }
}