/*
Theme Name:		 Jupi Child
Theme URI:		 https://wp.quomodosoft.com/jupi
Description:	 Jupi Child is a child theme of Jupi
Author:			 QuomodoTheme
Author URI:		 http://quomodosoft.com/
Template:		 jupi
Version:		 1.0.0
Text Domain:	 jupi-child
*/

/* Importa il font Nunito */
@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');

/* Stile globale */
body {
  font-family: 'Nunito', sans-serif;
  background-color: #f4f6fb;
  margin: 0;
  padding: 0;
}

/* Layout principale */
.main-container {
  display: flex;
  background-color: #FFFFFF;
  padding: 25px;
}

/* Barra laterale dei filtri */
.filter-sidebar {
  background-color: #f0f0ff;
  padding: 30px;
  padding-right: 60px;
  border-radius: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  max-width: 250px;
}

.filter-sidebar h2 {
  font-weight: 600;
  font-size: 3rem;
  color: #2d3569;
  margin-bottom: 20px;
}

.filter-sidebar h3 {
  font-weight: 600;
  font-size: 2rem;
  color: #2d3569;
  margin-bottom: 10px;
}

.filter-sidebar label {
  font-family: 'Nunito', sans-serif;
  font-weight: 300;
  color: #2d3569;
  margin-bottom: 10px;
  margin-left: 15px;
  font-size: 1.5rem;
}

.filter-sidebar .filter-group input[type="checkbox"] {
  margin-right: 10px;
}

/* Pulsanti nel form dei filtri */
.filter-sidebar .filter-button {
  display: inline-block;
  padding: 10px 20px;
  margin-top: 20px;
  margin-right: 10px;
  background-color: #2d3569;
  color: white;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  font-size: 1rem;
  text-decoration: none; /* Importante per gli elementi <a> */
}

.filter-sidebar .filter-button:hover {
  background-color: #2d3569;
}

.filter-sidebar .reset-button:hover {
  background-color: #6A4CD9;
}

/* Contenitore del contenuto principale */
.content-container {
  flex-grow: 1;
  padding-left: 20px;
}

/* Riquadro che include il titolo, la barra di ricerca e le card */
.pdf-section {
  background-color: #f0f0ff;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Stile per il titolo */
.content-container .pdf-section h1 {
  font-weight: 700;
  color: #2d3569;
  margin-bottom: 20px;
  margin-left: 25px;
  font-size: 2.8rem;
}

/* Stile per la barra di ricerca */
.pdf-section .search-bar {
  margin-bottom: 20px;
  margin-left: 20px;
}

.pdf-section .search-bar input[type="text"] {
  width: 80%;
  background-color: #d1d0f0;
  padding: 10px;
  font-weight: 500;
  font-size: 1.5rem;
  border: 0px solid #ccc;
  border-radius: 25px;
  box-sizing: border-box;
}

/* Stile per la griglia dei PDF */
.pdf-section .pdf-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 20px;
  background-color: #f0f0ff;
  padding: 20px;
  border-radius: 20px;
}

/* Stile delle card dei PDF */
.pdf-item {
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 20px;
  text-align: left;
}

.pdf-item h3 {
  color: #2d3569;
  font-weight: 600;
  font-size: 2.5rem;
  margin-bottom: 10px;
}

.pdf-item p {
  color: #2d3569;
  font-size: 1rem;
  margin-bottom: 10px;
}

/* Stile per la descrizione del PDF */
.pdf-item .pdf-description {
    font-size: 1.4rem;
    color: #2d3569;
    margin-bottom: 15px;
}

/* Stile per i tag del PDF */
.pdf-item .distretti {
    font-size: 1.4rem;
    color: #6A4CD9;
    margin-bottom: 15px;
}

/* Stile base del bottone */
.pdf-button {
    background-color: #6A4CD9;       /* Sfondo viola */
    color: #ffffff;                  /* Testo bianco */
    padding: 10px 20px;              /* Spaziatura interna */
    border: none;                    /* Nessun bordo */
    border-radius: 12px;             /* Bordi arrotondati */
    cursor: pointer;                 /* Cursore a mano */
    text-decoration: none;           /* Nessuna sottolineatura */
    font-size: 1.2rem;                 /* Dimensione del testo */
    font-family: 'Nunito', sans-serif; /* Font Nunito */
    display: inline-block;           /* Allineamento corretto */
    transition: background-color 0.3s ease; /* Transizione morbida */
}

/* Hover */
.pdf-button:hover {
    background-color: #A394D9;       /* Sfondo viola scuro al passaggio */
}

.pdf-item .pdf-button:hover {
  background-color: #F8F6FA;
}

/* Griglia per le schede PDF */
.dlm-downloads {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 20px;
    padding: 20px;
    max-width: 100%;
    background-color: #f3f4f6;
    border-radius: 20px;
    justify-content: start;
}

.dlm-downloads li {
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
    list-style: none;
    transition: transform 0.2s ease;
    width: 100%;
}

.dlm-downloads li:hover {
    transform: translateY(-5px);
}

.dlm-downloads li a.download-link {
    background-color: #007bff;
    color: white;
    padding: 10px 20px;
    border-radius: 10px;
    display: inline-block;
    text-decoration: none;
    font-size: 1rem;
    margin-top: 10px;
}

.dlm-downloads li a.download-link:hover {
    background-color: #0056b3;
}

/* Aggiungi la media query qui per il mobile */
@media (max-width: 768px) {
  .main-container {
    flex-direction: column;
  }

  .filter-sidebar {
    max-width: 100%;
    margin-bottom: 20px;
  }

  .content-container {
    padding-left: 0;
  }
}