/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


*:focus, *:focus-visible {
	outline: none !important;
}
a, button, div {
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}
.cc-filtri label:focus-within .bricks-button { outline: none; }
.cc-filtri input:focus-visible + .bricks-button {
	outline: 2px solid var(--cc-cat);
	outline-offset: 4px;
}
/* rimuove bordo del'icona dell'elemento dropdown di bricks */
.brx-submenu-toggle svg {
    stroke: none;
}
/* rimuove padding di iubenda */
.iub_content.legal_pp {
    padding: 0px !important;
}
#iubenda_policy .iub_container{
	margin: 0px !important;
}
/* line height di iubenda*/
#iubenda-cs-banner #iubenda-cs-title{
	line-height: 16px!important;
}
/* rimuove icona del calendario nei campi data */
#form-contatti input::-webkit-calendar-picker-indicator {
    display: none;
}
/* impedisce il doppio click del pulsante di cf7 */
.wpcf7-form {
    &.submitting {
        .wpcf7-submit {
            pointer-events: none;
        }
    }
}


/*----------------------------------------------------------- NOTEBOOK -----------------------------------------------------------*/
@media only screen and (max-width: 1470px){
	
}
/*--------------------------------------------------------- END NOTEBOOK ---------------------------------------------------------*/





/*------------------------------------------------------------ TABLET ------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	
}
/*---------------------------------------------------------- END TABLET ----------------------------------------------------------*/





/*------------------------------------------------------------ MOBILE ------------------------------------------------------------*/
@media only screen and (max-width: 767px){
	a, button, div {
		-webkit-tap-highlight-color: transparent;
		-webkit-touch-callout: none;
	}
	.bu-burger-sub-menu{
		max-width: 100vw !important;
	}
}
/*---------------------------------------------------------- END MOBILE ----------------------------------------------------------*/
/* =============================================================================
 * Cultura Crema — colore per categoria evento
 * Ogni card riceve la classe cc-cat-<slug> (vedi inc/cultura-crema.php).
 * --cc-cat e' il colore usato da icone, pulsante e fascia dello slider.
 * ========================================================================== */
.cc-card,
.cc-cat {
	--cc-cat: var(--bricks-color-cc-rosso);
}
.cc-cat-cultura  { --cc-cat: var(--bricks-color-cc-cultura); }
.cc-cat-turismo  { --cc-cat: var(--bricks-color-cc-turismo); }
.cc-cat-ambiente { --cc-cat: var(--bricks-color-cc-ambiente); }
.cc-cat-economia { --cc-cat: var(--bricks-color-cc-economia); }
.cc-cat-societa  { --cc-cat: var(--bricks-color-cc-societa); }
.cc-cat-futuro   { --cc-cat: var(--bricks-color-cc-futuro); }
.cc-cat-sport    { --cc-cat: var(--bricks-color-cc-sport); }

/* =============================================================================
 * Chip: pulsanti inclinati dei filtri.
 * Servono a due meccanismi diversi — il filtro query di Bricks nella lista
 * (markup <span class="bricks-button">) e i pulsanti statici del calendario —
 * quindi l'aspetto sta qui, in un punto solo.
 * ========================================================================== */
.cc-chip,
.cc-filtri .bricks-button {
	--cc-cat: var(--bricks-color-cc-grigio);
	position: relative;
	z-index: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: clamp(48px, calc(2.092vw + 39.84px), 80px);
	padding: 0 clamp(16px, calc(0.915vw + 12.43px), 30px);
	background: none;
	border: 0;
	color: var(--cc-cat);
	font-family: Roboto, sans-serif;
	font-size: clamp(15px, calc(0.327vw + 13.73px), 20px);
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	transition: color 0.2s ease;
}
.cc-chip::before,
.cc-filtri .bricks-button::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	transform: skewX(-5deg);
	background: var(--bricks-color-cc-bianco);
	border: 3px solid var(--cc-cat);
	transition: background 0.2s ease;
}
.cc-chip:hover,
.cc-chip--attivo,
.cc-filtri .bricks-button:hover,
.cc-filtri .bricks-button.brx-option-active {
	color: var(--bricks-color-cc-bianco);
}
.cc-chip:hover::before,
.cc-chip--attivo::before,
.cc-filtri .bricks-button:hover::before,
.cc-filtri .bricks-button.brx-option-active::before {
	background: var(--cc-cat);
}

/* il colore di ogni chip viene dalla categoria */
.cc-chip[data-cc-filtro="cultura"],
.cc-filtri li:has(input[value="cultura"]) .bricks-button { --cc-cat: var(--bricks-color-cc-cultura); }
.cc-chip[data-cc-filtro="turismo"],
.cc-filtri li:has(input[value="turismo"]) .bricks-button { --cc-cat: var(--bricks-color-cc-turismo); }
.cc-chip[data-cc-filtro="ambiente"],
.cc-filtri li:has(input[value="ambiente"]) .bricks-button { --cc-cat: var(--bricks-color-cc-ambiente); }
.cc-chip[data-cc-filtro="economia"],
.cc-filtri li:has(input[value="economia"]) .bricks-button { --cc-cat: var(--bricks-color-cc-economia); }
.cc-chip[data-cc-filtro="societa"],
.cc-filtri li:has(input[value="societa"]) .bricks-button { --cc-cat: var(--bricks-color-cc-societa); }
.cc-chip[data-cc-filtro="futuro"],
.cc-filtri li:has(input[value="futuro"]) .bricks-button { --cc-cat: var(--bricks-color-cc-futuro); }
.cc-chip[data-cc-filtro="sport"],
.cc-filtri li:has(input[value="sport"]) .bricks-button { --cc-cat: var(--bricks-color-cc-sport); }


/* i chip sono blocchi di Bricks (width:100%): li riportiamo a larghezza contenuto */
.cc-chip.brxe-block { width: auto; }

/* =============================================================================
 * Calendario (FullCalendar) — valori presi dall'XD:
 * barra dei giorni #4a4a49 alta 50, griglia con linee 3px dello stesso grigio,
 * numeri rossi centrati in Roboto Bold 20, mese in maiuscolo Bold 30 senza anno,
 * eventi come rettangoli pieni del colore della categoria, testo maiuscolo 16.
 * ========================================================================== */
#cc-calendario {
	--fc-border-color: var(--bricks-color-cc-grigio);
	--fc-today-bg-color: rgba(228, 35, 19, 0.06);
	--fc-event-text-color: var(--cc-su-cat);
	font-family: Roboto, sans-serif;
	color: var(--bricks-color-cc-grigio);
}

/* ---------- barra del mese: frecce vicine al titolo ---------- */
#cc-calendario .fc-header-toolbar {
	justify-content: center;
	margin-bottom: clamp(16px, 1.3vw, 25px);
}
#cc-calendario .fc-toolbar-chunk {
	display: flex;
	align-items: center;
	gap: clamp(12px, 1.5vw, 30px);
}
#cc-calendario .fc-toolbar-title {
	min-width: clamp(120px, 9vw, 170px);
	text-align: center;
	font-size: clamp(22px, calc(0.523vw + 19.96px), 30px);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--bricks-color-cc-grigio);
}
/* freccia: quadrato rosso inclinato come gli altri pulsanti del sito */
#cc-calendario .fc-button-primary {
	position: relative;
	z-index: 0;
	background: none;
	border: 0;
	border-radius: 0;
	width: clamp(36px, 2.8vw, 43px);
	height: clamp(36px, 2.8vw, 43px);
	padding: 0;
	color: var(--bricks-color-cc-bianco);
}
#cc-calendario .fc-button-primary::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	transform: skewX(-5deg);
	background: var(--bricks-color-cc-rosso);
	transition: opacity 0.2s ease;
}
#cc-calendario .fc-button-primary:hover::before { opacity: 0.85; }
#cc-calendario .fc-button-primary:focus,
#cc-calendario .fc-button-primary:active { box-shadow: none; background: none; }

/* ---------- intestazione dei giorni: fascia grigia, testo bianco ---------- */
#cc-calendario .fc-col-header {
	background: var(--bricks-color-cc-grigio);
}
#cc-calendario .fc-col-header-cell {
	border-color: var(--bricks-color-cc-grigio);
	vertical-align: middle;
}
#cc-calendario .fc-col-header-cell-cushion {
	display: block;
	padding: clamp(10px, 0.8vw, 14px) 4px;
	font-size: clamp(14px, calc(0.392vw + 12.47px), 20px);
	font-weight: 500;
	letter-spacing: 0.08em;
	color: var(--bricks-color-cc-bianco);
	text-decoration: none;
	text-transform: capitalize;   /* nell'XD: Lunedì, Martedì... */
}

/* ---------- griglia: linee spesse dello stesso grigio ---------- */
#cc-calendario .fc-scrollgrid,
#cc-calendario .fc-scrollgrid td,
#cc-calendario .fc-scrollgrid th {
	border-color: var(--bricks-color-cc-grigio);
}
#cc-calendario .fc-daygrid-body td,
#cc-calendario .fc-scrollgrid-section > * {
	border-width: 3px;
}
#cc-calendario .fc-daygrid-day-frame { min-height: clamp(90px, 10vw, 150px); }

/* ---------- numero del giorno: rosso, centrato ---------- */
#cc-calendario .fc-daygrid-day-top {
	justify-content: center;
	padding-top: 6px;
}
#cc-calendario .fc-daygrid-day-number {
	font-size: clamp(14px, calc(0.392vw + 12.47px), 20px);
	font-weight: 700;
	letter-spacing: 0.08em;
	color: var(--bricks-color-cc-rosso);
	text-decoration: none;
}
#cc-calendario .fc-day-other .fc-daygrid-day-number { opacity: 0.45; }

/* ---------- evento: rettangolo pieno del colore della categoria ---------- */
#cc-calendario .fc-event {
	/* niente --cc-cat qui: la dichiarazione sull'elemento batterebbe .cc-cat-<slug>,
	   che ha specificita' piu' bassa. Il colore di riserva sta nella var() stessa. */
	background: var(--cc-cat, var(--bricks-color-cc-rosso));
	border: 0;
	border-radius: 0;
	margin: 0 clamp(4px, 0.85vw, 16px) clamp(8px, 0.8vw, 15px);
	padding: clamp(6px, 0.5vw, 10px);
	min-height: clamp(30px, 2.1vw, 40px);
	font-size: clamp(13px, calc(0.196vw + 12.24px), 16px);
	font-weight: 400;
	letter-spacing: 0.08em;
	line-height: 1.2;
	text-transform: uppercase;
	white-space: normal;
	cursor: pointer;
	transition: opacity 0.2s ease;
}
#cc-calendario .fc-event:hover { opacity: 0.85; }
#cc-calendario .fc-event,
#cc-calendario .fc-event .fc-event-main,
#cc-calendario .fc-event .fc-event-title { color: var(--cc-su-cat); }

/* vista elenco (telefono) */
#cc-calendario .fc-list-day-cushion { background: #f5f5f5; }
#cc-calendario .fc-list-day-text,
#cc-calendario .fc-list-day-side-text {
	font-weight: 900;
	letter-spacing: 0.08em;
	color: var(--bricks-color-cc-grigio);
	text-decoration: none;
	text-transform: capitalize;
}
#cc-calendario .fc-list-event-title a { color: var(--bricks-color-cc-grigio); text-decoration: none; }
#cc-calendario .fc-list-event:hover td { background: rgba(0, 0, 0, 0.04); }
#cc-calendario .fc-list-event-dot { border-color: var(--cc-cat, var(--bricks-color-cc-rosso)); }


/* Gli articoli del Journal non hanno una categoria evento: nell'XD il pulsante
   della card e' sempre rosso Cultura. */
.cc-card--journal { --cc-cat: var(--bricks-color-cc-cultura); }