/* ============================================================
   ARTE-STILE.CSS — L'ESTETICA DELLA GALLERIA ARTE
   ============================================================
   QUESTO E' L'UNICO FILE DA RITOCCARE PER CAMBIARE L'ASPETTO.
   Cambia i valori qui sotto e tutta la galleria si riveste.
   NON toccare i file PHP ne' arte-galleria.js/css.

   Versione 1.1.0 — restyling approvato da Marco l'1 set 2026:
   avorio caldo, rosa cipria, terracotta, testo antracite.
   I nomi delle variabili sono rimasti gli stessi di prima, cosi'
   anche la scheda prodotto si riveste da sola.

   Versione 1.1.11 — larghezza galleria 1100px -> 1600px: da desktop
   (≥1200px) i filtri diventano una sidebar sempre visibile invece
   del pannello a comparsa. Sotto i 1200px restano il bottone fisso
   "FILTRO" a sinistra e il pannello a scomparsa (ora laterale, non
   piu' dal basso). Vedi arte-galleria.css/.js.
   ============================================================ */

.ta-galleria, .ta-viste {
	/* ---- COLORI ---- */
	--arte-accento:        #db6c43;   /* terracotta: bottoni, selezioni, "Scopri" */
	--arte-accento-scuro:  #b8552f;   /* terracotta al passaggio del mouse */
	--arte-accento-fondo:  #fbeee8;   /* fondo delle voci selezionate */
	--arte-blu:            #1897AE;   /* azzurro TELASTAMPA: legame col resto del sito */
	--arte-testo:          #191714;   /* antracite */
	--arte-testo-tenue:    #7c736a;   /* testi secondari (autore, contatori) */
	--arte-fondo:          #f8f5ef;   /* avorio caldo: fondo della pagina */
	--arte-fondo-scheda:   #fffdf9;   /* fondo di schede e pannelli */
	--arte-fondo-quadro:   #e9e2d9;   /* fondo dietro le miniature */
	--arte-bordo:          #ded7ce;   /* bordi di schede e controlli */
	--arte-selezione-fondo:#191714;   /* fondo del filtro attivo */

	/* rosa cipria: la fascia introduttiva */
	--arte-cipria-1:       #f2c8c1;
	--arte-cipria-2:       #f0b9c2;
	--arte-cipria-3:       #ecd5c7;
	--arte-cipria-testo:   #7b493c;   /* occhiello sopra il titolo */

	/* ---- CARATTERI ---- */
	--arte-font-ui:     'Poppins', -apple-system, 'Segoe UI', sans-serif;  /* controlli e informazioni */
	--arte-font-titoli: 'Playfair Display', Georgia, serif;                /* titoli e nomi delle opere */

	/* ---- FORME E MISURE ---- */
	--arte-raggio:          18px;   /* angoli arrotondati di schede e foto */
	--arte-raggio-piccolo:  12px;   /* angoli dei controlli piu' piccoli */
	--arte-scheda-min:      230px;  /* larghezza minima scheda (griglie automatiche) */
	--arte-griglia-gap:     24px;   /* spazio tra le schede */
	--arte-luogo-larghezza: 300px;  /* larghezza delle carte del carosello stanze */
	--arte-larghezza:       1600px; /* larghezza massima del contenuto */
	--arte-ombra:           0 12px 30px rgba(73,51,33,.13);  /* ombra al passaggio */
}

/* Le soglie del responsive (colonne della griglia, il punto in cui i
   filtri diventano sidebar fissa invece di pannello a scomparsa) stanno
   in arte-galleria.css: i CSS non accettano variabili nelle media
   query. Se serve cambiarle, chiedere. */