/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* MENU  */
.site-header {
	display: none !important;
}

/* ========== RESET E LAYOUT BASE ========== */
body {
    font-family: "Poppins", sans-serif;
  color: #222;
  margin: 0;
}

/* ========== HEADER ========== */
.menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1100px;
  margin: 2rem auto 3rem;
  padding: 0 2rem;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 1rem;
}
.menu-header img {
  height: 60px;
  width: auto;
}
.menu-header .menu-info {
 text-align: right;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* ========== CONTENITORE GENERALE ========== */
.menu-container {
  width: 100%;
  margin: 0;
  padding: 0;
}

/* ========== SEZIONI ACCORDION (FASCE FULL WIDTH) ========== */
.menu-section {
  width: 100%;
  cursor: pointer;
  transition: background 0.3s ease;
}
.menu-section:nth-child(odd) {
  background-color: #ffe193;
}
.menu-section:nth-child(even) {
  background-color: #ffb673;
}

.menu-section-inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 1.5rem 2rem 0rem 2rem;
}

/* Titolo sezione + freccia */
.menu-section h2 {
  font-size: clamp(33.419px, 2.089rem + ((1vw - 3.2px) * 2.769), 60px);
  font-weight: 300;
  color: #333333;
  margin: 0 0 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  letter-spacing: 0.5px;
  font-family: 'Mousse', sans-serif !important; /* ← Correzione: M maiuscola */
  text-transform: uppercase;

}
.menu-section h2::after {
  content: '▾';
  font-size: 2rem;
  transition: transform 0.3s ease;
}
.menu-section.active h2::after {
  transform: rotate(180deg);
}

/* ========== CONTENUTO INTERNO ========== */
.menu-items {
  overflow: hidden;
  height: 0;
  opacity: 0;
}
.menu-item {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 0.8rem;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  padding-bottom: 0.4rem;
}
.menu-item h4 {
  margin: 0;
  font-size: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.625), 20px);
    font-family: 'Satoshi', 'Poppins', sans-serif;
    font-weight: 500;

}
.menu-item p {
  margin: 0.2rem 0 0;
  font-size: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.104), 15px);
  opacity: 0.8;
    font-family: 'Satoshi', 'Poppins', sans-serif;
    color: #595959;
    font-weight: 500;

}
.menu-item span {
  font-weight: bold;
  margin-left: 1rem;
    font-family: 'Satoshi', 'Poppins', sans-serif;

}

/* ========== MESSAGGI DI FALLBACK ========== */
.no-sections,
.menu-items p {
  font-style: italic;
  opacity: 0.6;
  text-align: center;
  margin: 1rem 0;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 600px) {
  .menu-header {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
  .menu-header .menu-info {
    text-align: center;
  }
  .menu-section-inner {
    padding: 1.2rem;
  }
}