/* Layout principale */
main {
    max-width: 900px;
    margin: 0 auto;
    padding: 2rem;
}

/* Content layout */
.content-layout {
    max-width: 960px;
    margin: 0 auto;
    padding: 2rem;
}

/* Breadcrumb */
.breadcrumb {
    font-size: 0.9rem;
    margin-bottom: 1rem;
}
.breadcrumb a {
    color: #f8c350;
    text-decoration: none;
}

/* Cards grid */
.cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(270px,1fr));
    gap: 1.5rem;
}

.card h3 {
    color: #f1c40f;
    margin-bottom: 1rem;
    font-size: 1.8rem;
}

/* Slider */
.featured-slider {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    overflow: hidden;
    height: 230px;
}
.featured-slider .slide {
    position:absolute;
    top:0; left:0;
    width:100%;
    height:100%;
    opacity:0;
    transition:opacity .8s ease;
    /* Aggiungo lo stile per il drag che si era perso */
    cursor: grab;
}
.featured-slider .slide.active {
    cursor: grab;
}
.featured-slider .slide.dragging {
    cursor: grabbing;
}
/* Aggiungo gli stili per i titoli e il testo delle slide che si erano persi */
.featured-slider .slide h3 {
    font-size: 2.5rem; 
    color: #f8c350;
}
.featured-slider .slide p {
    color: #fff;
}


.slider-dots {
    position: relative;
    text-align:center;
    margin-top: 20px;
    z-index: 10;
}
.slider-dots .dot {
    display:inline-block;
    width:9px;height:9px;
    background:#555;
    border-radius:50%;
    margin:0 5px;
    /* Aggiungo lo stile per il link .dot */
    text-decoration: none; 
    cursor: pointer;
}
.slider-dots .dot.active {
    background:#f8c350;
}

.featured-slider {
    padding-bottom: 35px;
}

/* ================================================= */
/* === MENU MOBILE & SIDEBAR STYLES (Aggiunte/Modifiche) === */
/* ================================================= */

/* NASCONDE L'HEADER PRINCIPALE IN MOBILE (NUOVO) */
.main-header {
    display: none;
}

/* 1 & 2. Icona Sandwich (mobile) */
.menu-toggle {
    display: block; /* Visibile di default in mobile */
    position: fixed;
    top: 15px;
    right: 20px; /* Spostato a destra */
    font-size: 1.8rem;
    background: none;
    border: none;
    color: #f8c350;
    cursor: pointer;
    z-index: 9999 !important; /* FORZIAMO LA PRIORITÀ PIÙ ALTA POSSIBILE */
}



/* Media Query: Desktop View (Nasconde il sandwich e mostra gli header desktop) */
@media (min-width: 900px) {
    /* RIPRISTINA L'HEADER PRINCIPALE SU DESKTOP (MODIFICATO) */
    .main-header {
        display: block; 
    }
    
    /* 1. Rimuovere l'header desktop dalla versione mobile (ovvero nascondere il toggle) */
    .menu-toggle {
        display: none; /* Nasconde l'icona sandwich su desktop */
    }

    /* Nasconde la sidebar su desktop (è sempre presente, ma solo se attiva) */
    #sidebar-menu {
        display: none;
    }
}