/* -------------------------------------------------------- */
/* submenu.css – Styles du panneau central sous le header  */
/* -------------------------------------------------------- */

.submenu {
  position: absolute;
  top: 90%;
  left: 50%;
  transform: translateX(-50%) rotateX(-90deg);
  transform-origin: top center;
  min-width: 275px;
  border-radius: 3px;
  box-shadow: 0 6px 12px rgba(0,0,0,0.25);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease;
  backface-visibility: hidden;
  z-index: 2000;
  background-image: linear-gradient(to bottom,
        rgba(255, 150, 0, 1) 0%,
        rgba(250, 190, 0, 1) 33%,
        rgba(240, 220, 155, 1) 66%,
        rgba(230, 255, 255, 1) 100%);
  background-size: 100% 200%;
}

.submenu li {
  padding: 8px 12px;
}

.submenu li:hover {
  background-color: #f2f2f2;
}