@import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&family=Overpass:ital,wght@0,400;1,400;1,700&display=swap');


/**
------------------------------------
Style Admin v 1.2.7
Aggiornato 26 febbraio 2026
------------------------------------
*


- Variabili globali per backend
- Admin bar - Prod / Dev
- Menu Sidebar Left
- Pagine / Post / Prodotti
- Elenchi post archivi e Tabelle
- Personalizzazioni Gutenberg
- Look generale e colori blocchi wp column
	- Visibilità blocchi Row-w-100 Sistema Legacy
	- Visibilità blocchi Sistema Nuovo
- Sidebar destra Gutenberg con le info globali del Post o del Block
- WooCommerce
- Utility Classes
	- Classi Canva
	- Classi Tailwind

- Utilities hide per ruoli utenti

*/


/*------------------------------------*\
    Variabili globali per backend
\*------------------------------------*/


:root {

	--font-theme: Helvetica, Arial, sans-serif;
	--font-mono: "Cutive Mono", monospace;


	/* Colori backend ---------------------- */

	/* Colori primary e accent

		I colori primary e accent definiscono:
		Nella sidebar a sinistra con menu
			- colore voci menu attive e hover
		Negli archivi e wp-list
			- colore titoli e azioni principali
		Nella pagine / post / prodotti singoli
			- colore button e button hollow
			- link azioni principali
			- colori ACF on/off switch (personalizzazioni Michele)
	*/
		--color-primary: #3f5ce1; /* Primary NON del progetto ma della UI del wp backend */
		--color-accent: #3f5ce1; /* #00f; */


	/* Colori per UI personalizzata backend */

	--color-headings: #000;
	--color-text-ui: #fff; /* Tipicamente il colore dei testi dentro i pulsanti che di solito sono primay o nero */

	--color-wp-block-layout: #1e88e5; /* Bordo dei blocchi Layout, sempre azzurro */
	--color-wp-block-content: #ff6900; /* Bordo dei blocchi Content, sempre arancione */

	--anchor-id-bg: hsla(40, 100%, 70%, 1); /* Colore background per gli id ancora nei blocchi (sia canva sia wp) giallo arancio */
	--anchor-id-color: #000;

	--color-wp-block-header: #e1e1e1; /* Bg testalino blocchi Canva, di solito primary del cliente */
	--color-wp-block-title: #000; /* Colore titolo testalino blocchi Canva */
	--color-wp-block-subtitle: #666; /* Colore sottotitolo testalino blocchi Canva */
	--color-wp-block-bg-icon: #fff9; /* Colore background icona blocchi Canva */

	--color-admin-dev: #059669;
	--color-admin-prod: #dc2626;





	/* Colori di progetto ---------------\
		da sovrascrivere in ogni progetto
		Per mostrare in backend i text-primary e secondary corretti anche in backend */

	--color-project-primary: #f00;
	--color-project-secondary: #0f0;
	--color-project-accent: #00f;
}



/*------------------------------------*\
   Admin bar - Prod / Dev
\*------------------------------------*/


/* ------------ Colore ambiente in barra menu backend --------- *

		Queste regole vanno replicare anche in
			core > assets > src > css > default.css
		per avere lo stesso effetto sulla barra admin con
		la preview della pagina */

		#wpadminbar {
			/* background: var(--color-admin-prod, #1d2327) !important; */
			border-top: 4px solid var(--color-server-current);
		}

		#wpadminbar .quicklinks #wp-admin-bar-server-current {
			padding: 7px 6px;
		}

		#wpadminbar .quicklinks #wp-admin-bar-server-current>a {
			background-color: var(--color-server-current, #999);
			border-radius: 2px;
			display: flex;
			height: 18px;
			padding: 0px 6px;
			align-items: center;
			gap: 8px;
			color: #eee;
			font-size: 12px;
			font-style: normal;
			font-weight: 500;
			line-height: 16px;
		}

/* ------------- Fine colore ambiente ------------ */


/* Elemento before con colore ambiente nel menu a tendina */

.environment-dev.hover #wp-admin-bar-prod-mode .ab-item::before {
	position: absolute;
	content: '';
	width: .2em;
	height: 1em;
	left: 0;
	top: -.02em;
}

.environment-dev.hover #wp-admin-bar-prod-mode .ab-item::before {
	background-color: var(--color-admin-prod, rgb(50, 120, 60));
}

.environment-prod.hover #wp-admin-bar-dev-mode .ab-item::before {
	background-color: var(--color-admin-dev, rgb(160, 0, 0));
}




/*------------------------------------*\
    Menu Sidebar Left
\*------------------------------------*/

#adminmenu li.wp-menu-separator {
	background: hsla(0, 0%, 70%, .2);
}



/*------------------------------------*\
    Pagine / Post / Prodotti
\*------------------------------------*/

/* Titolo pagina */

.wp-admin .wrap h1.wp-heading-inline {
	font-size: 36px;
	font-weight: 700;
	padding: 8px 0;
	margin-right: 16px;
}


/* Colore badge dell'ancora pagina nell'inspector a sx "Riepilogo pagina" */

.block-editor-list-view-block-select-button__anchor-wrapper .is-default {
	color: var(--anchor-id-color);
	background-color: var(--anchor-id-bg);
}


/* Tasto Pubblica Post / Aggiorna ... */

#publishing-action {
	float: none;
	margin-top: 12px;
	width: 100%;
}

#publishing-action input.button-large {
	font-size: 16px;
	font-weight: 700;
	width: 100%;
}


/*------------------------------------*\
    Elenchi post archivi e Tabelle
\*------------------------------------*/


/* Filtri archivi - allinea a sinistra */
.tablenav.top {
	display: flex;
	height: auto;
}

.tablenav.top .alignleft.actions {
	display: flex;
	height: auto;
	flex-wrap: wrap;
}


/* Lista WP - Personalizzazioni ----------------------- */


	/* Imposta intestazione tabella wp-list come sticky */
	.wp-list-table thead {
		position: sticky;
		top: 36px; /* Altezza barra admin è 36px di default*/
		background: #fff;
		z-index: 2;
	}

		/* Stessa impostazione dentro WooCommerce */

		.woocommerce-admin-page .wp-list-table thead {
			top: 92px; /* Altezza barra admin + barra wc */
		}

	/* elimina spazio in top per le liste di categorie */
	.wp-list-table.widefat td ul {
		margin-top: 0;
	}

	/* Annulla impostazione default wp che impone tutte colonne larghe uguali a prescindere da contenuto */
	table.wp-list-table.fixed {
		table-layout: auto;
	}

	/* Lista WP - Oscura e Sbiadisce oggetti in bozza */
	.wp-list-table tr.status-draft {
		opacity: .75;
		background: #ddd !important;
	}

	.wp-list-table tr.status-draft td.column-thumbnail {
		filter: grayscale(1);
	}

	.wp-list-table tr.status-draft a.row-title {
		color: #999;
	}

	/* Tabella lista WP - Correggi spazi nella lista Common block > Usato in */
	.wp-list-table .column-used-in ._cb-editor-container {
		margin-top: 0;
		margin-bottom: 0;
	}

	/* Tabella lista WP - Spaziature colonna Weglot */

		/* Imposta larghezza colonna Weglot minima per non andare a capo e raddoppiare spazio verticale */
		.wp-list-table .column-wg-visual-editor-url {
			width: 100px;
		}

			.wp-list-table .column-wg-visual-editor-url a {
				display: block;
				line-height: 1.1;
				margin-bottom: 6px;
			}

			/* elimina spaziatura extra causata dai br dentro la colonna Weglot */
			.wp-list-table .column-wg-visual-editor-url br {
				display: none;
			}





/*------------------------------------*\
    Personalizzazioni
	Gutenberg
\*------------------------------------*/


body,
html .editor-styles-wrapper {
	font-family: var(--font-theme) !important;
	font-weight: 400 !important;
	font-style: normal !important;
	font-stretch: normal !important;
}

a {
	color: var(--color-accent);
}


.wp-block {
	max-width: 95% !important;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: .75rem;
}

.wp-block .wp-block {
	max-width: calc(100% - 1.5rem) !important;
	margin-top: .75rem;
}

/* Blocco Note - riduce spazio e font dei blocchi annidati nelle note */
._acf\/note .wp-block {
    max-width: calc(100% - .5rem) !important;
    margin-top: .25rem;
    margin-bottom: .25rem;
	line-height: 1.2;
}

	/* Riduce font dei paragrafi dentro le note di Canva */
	._acf\/note .wp-block-paragraph {
		font-size: 13px;
	}


.wp-block-columns .wp-block {
	margin-left: auto;
	margin-right: auto;
}


.acf-block-preview ._canva-wp-block figcaption {
	display: none !important;
	font-size: .65rem;
	color: #666;
	line-height: 1;
}



/*------------------------------------*\
		Look generale e colori
		blocchi wp column
\*------------------------------------*/

/* Backend rows border */

.wp-block-columns {
	border: 1px solid #44dddd;
}


/* Backend columns border */

.wp-block-column {
	border: 1px solid #ffddff;
}

.wp-block-columns .wp-block-column {
	margin-left: auto !important;
	margin-right: auto !important;
}


/* Backend standard image block */

.wp-block-image .components-resizable-box__container {
	background: #eeeeee;
}



/*------------------------------------*\
		Blocchi SG
		Impostazioni globali
		- wrapper / main section
		- post selectors ..
		- swiper / hero ....
\*------------------------------------*/


/* Blocchi legacy (classe senza underscore) */

.canva-wp-block {
	border: 1px solid #aaaaaa;
	flex-wrap: wrap;
}

.canva-wp-block .info {
	background: #f0f0f0;
	/* Grey-lighter */
}


/* Blocchi aggiornati (classe con underscore) */


._canva-wp-block {
	position: relative;
	border: 1px solid #aaaaaa;
}

._canva-wp-block ._header {	}

	._canva-wp-block ._header-icon-wrap {
		display: flex;
		align-items: center;
		width: 1.875rem;
	}

		._canva-wp-block ._header-icon {
			width: 1.875rem;
			height: 1.875rem;
			border-radius: 2px;
			position: relative;
		}

			._canva-wp-block ._header-icon svg {
				position: absolute;
				top: 10%;
				left: 10%;
				width: 80%;
				height: 80%;
				object-fit: contain;
				object-position: center;
			}




/* Bordo blu per tutti i blocchi ACF misti (es. Hero, Action Link, Photobutton) */

.acf-block-body .acf-block-fields {}



/* ------ Visibilità blocchi Row-w-100 Sistema Legacy ------ */

._canva-wp-block.hide {
	opacity: .25;
	filter: brightness(.85);
}

._canva-wp-block.hide.staff-preview {
	opacity: 1;
	filter: none;
	box-shadow: 0 0 0 4px #ffed4a;
}

/* ------ Visibilità blocchi Sistema Nuovo ------ */

._is-hidden {
	opacity: .25;
	filter: brightness(.85);
	box-shadow: 0 0 0 4px hsl(0, 0%, 50%);
}

._is-preview-staff {
	opacity: 1;
	box-shadow: 0 0 0 4px hsl(60, 100%, 45%);
}

	._is-preview-staff::before {
		content: "Preview Staff";
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%, calc(-100% - 3px));
		background-color: hsl(60, 100%, 45%);
		padding: .25rem 1rem 1px;
		border-radius: .5rem .5rem 0 0;
		color: #000;
		font-size: .675rem;
		line-height: 1;
		font-weight: 500;
	}

/* ------ Preview bg dentro Main Section e Wrapper ------ */

._bg-image-mob figure,
._bg-image-dsk figure {
	margin-bottom: 0;
}

/* Padding  dentro tutti i riqaudri WP che contengono gruppi di Campi
	es. [Canva* - Campi Extra
	es. Yoast SEO
	*/

/* .acf-postbox>.inside.acf-fields {
		padding: 32px !important;
	} */



/* Bordo arancione per tutti i blocchi ACF che fanno query contenuti */

	/* Post selector */
		.wp-block-acf-posts-selector .acf-block-body .acf-block-fields,
	/* Post selector slider */
		.wp-block-acf-posts-selector-slider .acf-block-body .acf-block-fields,
	/* Common block selector */
		.wp-block-acf-common-block-selector .acf-block-body .acf-block-fields,
	/* Common block slider */
		.wp-block-acf-common-block-slider .acf-block-body .acf-block-fields,
	/* Post per categoria */
		.wp-block-acf-posts-per-term-selector .acf-block-body .acf-block-fields,
	/* Post collegati */
		.wp-block-acf-posts-per-terms-of-post-selector .acf-block-body .acf-block-fields,
	/* Elenco termini tassonomie */
		.wp-block-acf-taxonomy-terms .acf-block-body .acf-block-fields {
		border-color: var(--color-wp-block-content);
	}


._wp-block-acf-edit-header {
	background: var(--color-wp-block-header);
	padding: 4px 20px !important;
}

.acf-field._wp-block-acf-edit-header .acf-label {
	margin-bottom: 0;
}

._wp-block-acf-edit-title {
	color: var(--color-wp-block-title) !important;
	font-weight: 700;
}

.wp-block-acf-action-link {
	/* border: 3px solid var(--color-primary); */
}

	.acf-block-preview.wp-block-acf-action-link ._button-on ._button {
		max-width: 100%;
		padding: .5rem 1rem;
		border-radius: .5rem;
		background-color: var(--color-project-primary, var(--color-primary));
		border: 2px solid var(--color-project-primary, var(--color-primary));
		color: #fff;
		font-weight: 700;
		text-align: center;
		text-decoration: none;
	}

	.acf-block-preview.wp-block-acf-action-link ._button-on._hollow-on ._button {
		background-color: #fff;
		border: 2px solid var(--color-project-primary, var(--color-primary));
		color: var(--color-project-primary, var(--color-primary));
	}




/* Corregge padding eccessivo dei tab di ACF con accordion */
.acf-block-body .acf-fields>.acf-field.acf-accordion .acf-accordion-title {
	padding: 8px 20px !important;
}


/* WP backend inspector header with block title */

.block-editor-block-card {
	background: #f0f0f0;
	/* Grey-lighter */
}

/* Titolo nero per tutti i blocchi nota Canva in backend
	a prescindere dai colori della personalizzazione cliente */

._header-note ._title {
	--color-wp-block-title: #000;
}


/* Evidenziazione testi impostati come non traducibili */
span._no-translate {
	/* text-decoration: line-through 3px cyan; */
	background-color: hsla(120, 80%, 80%, .25);
	border: 1px dashed hsla(120, 80%, 70%, 1);
}


/* Preview blocchi ACF photobutton */

.acf-block-preview ._acf\/photobutton figure,
.acf-block-preview ._acf\/photobutton video,
.acf-block-preview ._acf\/photobutton ._img-placeholder {
	height: 240px;
	overflow: hidden;
}

.acf-block-preview ._acf\/photobutton figure img,
.acf-block-preview ._acf\/photobutton video {
	width: 100%;
	height: 240px;
	object-fit: cover;
	object-position: center;
}



/*------------------------------------*\
    Sidebar destra Gutenberg
	con le info globali
	del Post o del Block
\*------------------------------------*/


/* Riquadro in sidebar del blocco selezionato */
.block-editor-block-inspector {
	border: 8px solid #f0f0f0;
	/* colore default wp backend */
	/* border: 8px solid var(--color-wp-block-header); */
}

/* bg testalino in sidebar del blocco selezionato */
.block-editor-block-card {
	background-color: #f0f0f0;
	/* colore default wp backend */
	/* background-color: var(--color-wp-block-header); */
}

/* Titolo del blocco selezionato */
.interface-complementary-area h2 {
	font-weight: 700;
}


/* Controregole per accordion ACF se sta in sidebar rispetto a comportamento definito da Michele in .acf-accordion .acf-accordion-title:hover */
.block-editor .edit-post-sidebar .acf-accordion .acf-accordion-title:hover,
.block-editor .edit-post-sidebar .acf-accordion.-open .acf-accordion-title {
	background-color: #f0f0f0 !important;
}


/* Titoli dei box ACF dentro la sidebar del post / block editor */
.edit-post-meta-boxes-area #poststuff h2.hndle {
	padding: 0 16px;
	font-size: 13px;
}


/* Forza larghezza Campi ACF a 100% SOLO quando sono dentro la sidebar */
.editor-sidebar__panel .acf-field {
	width: 100% !important;
}



/*------------------------------------*\
    Backend setting Canva theme
\*------------------------------------*/

#titlediv {
	margin-bottom: 2rem;
}


/* Main title */

#titlediv #title {
	font-size: 2.5em !important;
}


::placeholder {
	color: #ddd;
}


/* Info block titles in backend */



/* Second level titles in ACF info blocks */

.acf-field [data-name="group_description"] .acf-input .mce-edit-area {
	height: 140px !important;
}

.acf-field [data-name="publication_cover"] {
	float: left !important;
	width: 20% !important;
}

.acf-field [data-name="publication_title"],
.acf-field [data-name="publication_subtitle"] {
	float: right !important;
	width: 60% !important;
}

.acf-field [data-name="publication_description"] {
	float: right !important;
	height: 300px !important;
	margin-top: 21px !important;
	width: 60% !important;
}

.acf-field [data-name="publication_description"] .mce-edit-area {
	height: 140px !important;
}

.acf-field [data-name="publication_description"] .mce-edit-area iframe {
	height: 140px !important;
}

.acf-field [data-name="publication_attachment"] {
	float: left !important;
	width: 30% !important;
}



/* Create ACF page */

.acf-field-object.open>.handle {
	background: var(--color-primary) !important;
	border-color: var(--color-primary) !important;
	text-shadow: none !important;
}


/* ACF Form setting page broken layout fix*/

#acf-group_form_settings .acf-field {
	border-top: none;
	width: 80%;
	right: 0;
	left: 20%;
}

/* Stuff */

.acf-flexible-content .layout .acf-fc-layout-handle {
	font-size: 24px;
}

.acf-flexible-content .layout .acf-fc-layout-order {
	background: transparent;
	font-size: 24px;
	color: var(--color-primary);
}

.acf-fields.-border {
	border: none !important;
}

.acf-admin-toolbar .acf-tab.is-active {
	border-color: var(--color-accent);
}


/* ACF Switch */

.acf-switch .acf-switch-on {
	text-shadow: none !important;
}

.acf-switch.-on {
	background: #000 !important;
	border-color: #000 !important;
}

.acf-switch.-on {
	background-color: #000 !important;
}

.acf-switch.-on .acf-switch-slider {
	border-color: var(--color-primary) !important;
}

.acf-switch:hover,
.acf-switch.-focus,
.acf-switch:hover .acf-switch-slider,
.acf-switch.-focus .acf-switch-slider {
	border-color: var(--color-primary) !important;
	color: var(--color-primary) !important;
}


/* Button groups */

.acf-button-group label.selected {
	border-color: var(--color-primary);
	background: var(--color-primary);
}

.acf-button-group label.selected:hover {
	background: var(--color-primary);
}

.acf-row td {
	border-top-color: #bbb !important;
}

.acf-fields>.acf-tab-wrap .acf-tab-group {
	border-top: none;
}

.acf-fields>.acf-tab-wrap {
	background-color: #fff;
}

.acf-table tbody tr:nth-of-type(2n) td,
.acf-table tbody tr:nth-of-type(2n) td.acf-fields>.acf-tab-wrap,
.acf-table tbody tr:nth-of-type(2n) td.acf-fields>.acf-tab-wrap .acf-tab-group li.active a {
	background-color: #f4f4f4;
}

.acf-table tbody tr:nth-of-type(2n) td.acf-fields>.acf-tab-wrap .acf-tab-group li a {
	background-color: #ebebeb;
}

/* .acf-accordion .acf-accordion-title,
.acf-accordion .acf-accordion-title label {
	transition: font-size .2s ease-in-out;
} */

.acf-accordion .acf-accordion-title {
	border-top: 1px solid #ccc;
    border-bottom: 1px solid #ddd;
}

.acf-accordion .acf-accordion-title:hover,
.acf-accordion.-open .acf-accordion-title {
	background-color: #000 !important;
	color: var(--color-text-ui);
}

.acf-accordion.-open {
	border: 2px solid var(--color-primary) !important;
	border-bottom-width: 2px !important;
}

.acf-accordion.-open .acf-accordion-title label {
	/* font-size: 20px; */
	font-weight: 700;
}

.block-editor .edit-post-sidebar .acf-accordion.-open .acf-accordion-title label {
	font-size: inherit;
	font-weight: inherit;
}

.acf-accordion .acf-accordion-title:hover svg.acf-accordion-icon,
.acf-accordion.-open .acf-accordion-title svg.acf-accordion-icon {
	color: #fff;
}



/* Canva menu */

/* .canva-menu-repeater .acf-label, */
.canva-menu-repeater .acf-fields.-left>.acf-field::before {
	display: none;
}

.canva-menu-repeater .acf-fields.-left>.acf-field>.acf-input {
	width: 100%;
}


/* Code fields */

.canva-code textarea {
	font-family: var(--font-mono) inherit;
	background-color: #333;
	color: #aaaaaa;
	line-height: 2em !important;
	letter-spacing: 1px;
	font-size: 1.1rem !important;
}


/* ------ WP core ------ */


/* Titoli sezioni */

#poststuff h2 {
	font-size: 17px;
}

/* Buttons */

.wp-core-ui .button-primary {
	color: var(--color-text-ui) !important;
	background: var(--color-primary);
	border-color: var(--color-primary);
}

.wp-core-ui .button-primary.hover,
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary:focus {
	color: var(--color-text-ui) !important;
	background: var(--color-accent) !important;
	border-color: var(--color-accent) !important;
}

.wp-core-ui .button,
.wp-core-ui .button-secondary {
	color: var(--color-primary);
	border-color: var(--color-primary);
}

.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover {
	background: var(--color-primary);
	border-color: var(--color-primary);
	color: #f0f0f1;
	;
}

.wrap .add-new-h2,
.wrap .add-new-h2:active,
.wrap .page-title-action,
.wrap .page-title-action:active {
	border-color: var(--color-accent);
	color: var(--color-accent);
}


/* Links */

#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
#adminmenu li.current a.menu-top,
.folded #adminmenu li.wp-has-current-submenu,
.folded #adminmenu li.current.menu-top,
#adminmenu .wp-menu-arrow,
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
#adminmenu .wp-menu-arrow div {
	background-color: var(--color-accent);
}


/* Azzera il padding-top-bottom degli elementi row-w-100 per non rovinare il layout del be.

[class~="pt-"] non può funzionare perché va bene solo se pt-XY è dichiarata come prima classe tra tutte, cosa che non può succedere, quindi si usa [class*="pt-"] che vale per qualsiasi match in qualsiasi posizione */

.wp-block-acf-row-w-100-inner-blocks[class*="pt-"] {
	padding-top: 0 !important;
}

.wp-block-acf-row-w-100-inner-blocks[class*="pb-"] {
	padding-bottom: 0 !important;
}

.wp-block-acf-row-w-100-inner-blocks[class*="py-"] {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}


/* CSS utile per gestire le preview delle immagini di un blocco */
img.block-preview,
.block-editor-inserter__preview-container .canva-wp-block {
	display: none !important;
}

.block-editor-inserter__preview-container img.block-preview {
	display: block !important;
}

/**
Fix spaziatura e allinamento filtri backend WP
 **/

.bulkactions {
	margin-bottom: 1rem;
}

#post-query-submit {
	float: left;
}

.actions select {
	margin-bottom: 4px;
}



/*------------------------------------*\
    Pagina Login
\*------------------------------------*/

body.login div#login h1 a {
	padding-bottom: 0px;
	height: 120px;
	/*width: 320px;
    background-size: 320px;*/
}

#login {
	margin: auto;
	padding: 10vh 0 0;
	/*width: 320px;*/
}



/*------------------------------------*\
    WooCommerce
\*------------------------------------*/

.wc-metabox.woocommerce_variation h3 strong:before {
	content: "Variazione ";
}

.wc-metabox.woocommerce_variation h3 {
	background-color: #fafafa;
}

.wc-metaboxes-wrapper .wc-metabox.woocommerce_variation h3 .sort,
.wc-metaboxes-wrapper .wc-metabox.woocommerce_variation h3 a.delete,
.wc-metaboxes-wrapper .wc-metabox.woocommerce_variation h3 a.edit {
	text-decoration: underline;
}

.wc-metabox.woocommerce_variation.open h3 {
	background-color: #eee;
}

#woo-order-post_data, #woo-order-post-data .inside {
	overflow-x: scroll;
}


/*------------------------------------*\
/*------------------------------------*\

    Utility Classes

\*------------------------------------*\
\*------------------------------------*/


/* ------ Canva Typography ------ */

.canva-font-system {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.canva-font-theme {
	font-family: var(--font-theme);
}

.canva-fs-h1 						{ font-size: 48px !important; } /* Valore identico a classi tailwind sotto */
.canva-fs-h2 						{ font-size: 40px !important; } /* Valore identico a classi tailwind sotto */
.canva-fs-h3 						{ font-size: 32px !important; } /* Valore identico a classi tailwind sotto */
.canva-fs-h4 						{ font-size: 28px !important; } /* Valore identico a classi tailwind sotto */
.canva-fs-h5 						{ font-size: 24px !important; } /* Valore identico a classi tailwind sotto */
.canva-fs-h6 						{ font-size: 21px !important; } /* Valore identico a classi tailwind sotto */

.canva-fs-small						{ font-size: 15px !important; } /* Valore identico a classi tailwind sotto */
.canva-fs-xsmall					{ font-size: 13px !important; } /* Valore identico a classi tailwind sotto */
.canva-fs-xxsmall 					{ font-size: 11px !important; } /* Valore identico a classi tailwind sotto */

.canva-fw-300 						{ font-weight: 300 !important; }
.canva-fw-400 						{ font-weight: 400 !important; }
.canva-fw-700 						{ font-weight: 700 !important; }

.canva-lh-10 						{ line-height: 1 !important; }
.canva-lh-11 						{ line-height: 1.1 !important; }
.canva-lh-12 						{ line-height: 1.2 !important; }
.canva-lh-14 						{ line-height: 1.4 !important; }

.canva-text-left 					{ text-align: left; }
.canva-text-center 					{ text-align: center; }

.canva-uppercase, .uppercase 		{ text-transform: uppercase; }

/* ------ Colors ------ */
.canva-bg-primary 			{ background: var(--color-primary);}
.canva-bg-secondary 		{ background: var(--color-secondary);}
.canva-bg-white 			{ background: #ffffff !important;}
.canva-bg-grey-lightest 	{ background: #f8f8f8 !important;}
.canva-bg-grey-lighter 		{ background: #f0f0f0 !important;}
.canva-bg-grey-light 		{ background: #d9d9d9 !important;}
.canva-bg-grey 				{ background: #bbbbbb !important;}
.canva-bg-grey-dark 		{ background: #777777 !important;}
.canva-bg-grey-darker 		{ background: #595d61 !important;}
.canva-bg-grey-darkest 		{ background: #22292f !important;}
.canva-bg-black 			{ background: #000000 !important;}
.canva-color-primary 		{ color: var(--color-primary);}
.canva-color-secondary 		{ color: var(--color-secondary);}
.canva-color-headings 		{ color: var(--color-headings);}
.canva-color-white 			{ color: #ffffff;}
.canva-color-grey-lightest 	{ color: #f8f8f8;}
.canva-color-grey-lighter 	{ color: #f0f0f0;}
.canva-color-grey-light 	{ color: #d9d9d9;}
.canva-color-grey 			{ color: #bbbbbb;}
.canva-color-grey-dark 		{ color: #777777;}
.canva-color-grey-darker 	{ color: #595d61;}
.canva-color-grey-darkest 	{ color: #22292f;}
.canva-color-black 			{ color: #000000;}
.canva-color-success 		{ color: #51d882;}
.canva-color-warning 		{ color: #ffed4a;}
.canva-color-alert 			{ color: #e3342f;}


/* ------ Tailwind Typography ------ */
/* Copiano i valori delle classi canva omologhe,
per mostrare in backend un aspetto più simile al frontend
Lead e titoli diminuiscono anche il line-height perché quello di wp admin è 1.8.
*/

.fs-huge 					{ font-size: 64px !important; line-height: 1.2; }
.fs-h1 						{ font-size: 48px !important; line-height: 1.2; }
.fs-h2 						{ font-size: 40px !important; line-height: 1.2; }
.fs-h3 						{ font-size: 32px !important; line-height: 1.2; }
.fs-h4 						{ font-size: 28px !important; line-height: 1.2; }
.fs-h5 						{ font-size: 24px !important; line-height: 1.2; }
.fs-h6 						{ font-size: 21px !important; line-height: 1.2; }
.fs-h7						{ font-size: 18px !important; line-height: 1.2; }

.fs-lead, .lead 			{ font-size: 22px !important; line-height: 1.2; }
.fs-p 						{ font-size: 18px !important; } /* il p default nel backend wp è 18px */
.fs-sm 						{ font-size: 15px !important; }
.fs-xs 						{ font-size: 13px !important; }
.fs-xxs 					{ font-size: 11px !important; }

.fw-300 					{ font-weight: 300 !important; }
.fw-400 					{ font-weight: 400 !important; }
.fw-500 					{ font-weight: 500 !important; }
.fw-600 					{ font-weight: 600 !important; }
.fw-700 					{ font-weight: 700 !important; }

.text-primary 				{ color: var(--color-project-primary); }
.text-secondary 			{ color: var(--color-project-secondary); }
.text-accent 				{ color: var(--color-project-accent); }
.text-magenta 				{ color: #ff00ff; }
.text-cyan 					{ color: #00ffff; }



/* ------ Canva Utility Classes ------ */

.canva-block 				{ display: block; }
.canva-inline-block 		{ display: inline-block; }
.canva-flex 				{ display: flex; }
.canva-inline-flex 			{ display: inline-flex; }
.canva-hide 				{ display: none !important; }
.canva-flex-1 				{ flex: 1; }
.canva-flex-wrap 			{ flex-wrap: wrap; }
.canva-flex-column 			{ flex-direction: column; }
.canva-items-start 			{ align-items: flex-start;}
.canva-items-center 		{ align-items: center; }
.canva-items-end 			{ align-items: flex-end; }
.canva-justify-center 		{ justify-content: center; }
.canva-justify-between 		{ justify-content: space-between; }
.canva-absolute 			{ position: absolute; }

.canva-gap-1 				{ gap: .25rem; }
.canva-gap-2 				{ gap: .5rem; }
.canva-gap-3 				{ gap: .75rem; }
.canva-gap-4 				{ gap: 1rem; }
.canva-gap-6 				{ gap: 1.5rem; }
.canva-gap-8 				{ gap: 2rem; }


.canva-width-2 				{ width: .5rem !important; }
.canva-width-3 				{ width: .75rem !important; }
.canva-width-4 				{ width: 1rem !important; }
.canva-width-6 				{ width: 1.5rem !important; }
.canva-width-8 				{ width: 2rem !important; }
.canva-width-12 			{ width: 3rem !important; }
.canva-width-16 			{ width: 4rem !important; }
.canva-width-24 			{ width: 6rem !important; }
.canva-width-32 			{ width: 8rem !important; }
.canva-width-48 			{ width: 12rem !important; } /* 192px */
.canva-width-64 			{ width: 16rem !important; } /* 256px */
.canva-max-width-320 		{ max-width: 320px; }
.canva-max-width-480 		{ max-width: 480px; }
.canva-ratio-1-1 			{ aspect-ratio: 1; }
.canva-ratio-4-3 			{ aspect-ratio: 1.33; }
.canva-ratio-3-2 			{ aspect-ratio: 1.5; }
.canva-ratio-16-9 			{ aspect-ratio: 1.77; }

/* ------ Margin ------ */

.canva-m-0 					{ margin: 0 !important; }
.canva-mt-0 				{ margin-top: 0 !important; }
.canva-mt-1 				{ margin-top: .25rem !important; }
.canva-mt-2 				{ margin-top: .5rem !important; }
.canva-mt-3 				{ margin-top: .75rem !important; }
.canva-mt-4 				{ margin-top: 1rem !important; }
.canva-mt-6 				{ margin-top: 1.5rem !important; }
.canva-mt-8 				{ margin-top: 2rem !important; }
.canva-mb-0 				{ margin-bottom: 0 !important; }
.canva-mb-1 				{ margin-bottom: .25rem !important; }
.canva-mb-2 				{ margin-bottom: .5rem !important; }
.canva-mb-3 				{ margin-bottom: .75rem !important; }
.canva-mb-4 				{ margin-bottom: 1rem !important; }
.canva-mb-6 				{ margin-bottom: 1.5rem !important; }
.canva-mb-8 				{ margin-bottom: 2rem !important; }
.canva-ml-0 				{ margin-left: 0 !important; }
.canva-ml-1 				{ margin-left: .25rem !important; }
.canva-ml-2 				{ margin-left: .5rem !important; }
.canva-ml-3 				{ margin-left: .75rem !important; }
.canva-ml-4 				{ margin-left: 1rem !important; }
.canva-ml-6 				{ margin-left: 1.5rem !important; }
.canva-mt-0 				{ margin-top: 0 !important; }
.canva-mt-1 				{ margin-top: .25rem !important; }
.canva-mt-2 				{ margin-top: .5rem !important; }
.canva-mt-3 				{ margin-top: .75rem !important; }
.canva-mt-4 				{ margin-top: 1rem !important; }
.canva-mt-6 				{ margin-top: 1.5rem !important; }
.canva-mt-8 				{ margin-top: 2rem !important; }
.canva-mb-0 				{ margin-bottom: 0 !important; }
.canva-mb-1 				{ margin-bottom: .25rem !important; }
.canva-mb-2 				{ margin-bottom: .5rem !important; }
.canva-mb-3 				{ margin-bottom: .75rem !important; }
.canva-mb-4 				{ margin-bottom: 1rem !important; }
.canva-mb-6 				{ margin-bottom: 1.5rem !important; }
.canva-mb-8 				{ margin-bottom: 2rem !important; }
.canva-ml-0 				{ margin-left: 0 !important; }
.canva-ml-1 				{ margin-left: .25rem !important; }
.canva-ml-2 				{ margin-left: .5rem !important; }
.canva-ml-3 				{ margin-left: .75rem !important; }
.canva-ml-4 				{ margin-left: 1rem !important; }
.canva-ml-6 				{ margin-left: 1.5rem !important; }


/* ------ Padding ------ */

.canva-p-0 					{ padding: 0 !important; }
.canva-p-1 					{ padding: .25rem !important; }
.canva-p-2 					{ padding: .5rem !important; }
.canva-p-3 					{ padding: .75rem !important; }
.canva-p-4 					{ padding: 1rem !important; }
.canva-p-0 					{ padding: 0 !important; }
.canva-p-1 					{ padding: .25rem !important; }
.canva-p-2 					{ padding: .5rem !important; }
.canva-p-3 					{ padding: .75rem !important; }
.canva-p-4 					{ padding: 1rem !important; }






/* ------ Is Dark ------ */

.canva-isdark *:not([class*="canva-color-"]) {
	color: #ffffff;
}


/* ------ Reset WP backend settings ------ */

.canva-mt-0>p {
	margin-top: 0 !important;
}


/**[class*="canva-fs-"] > p {
    font-size: 1em;
}
*/

.acf-field[data-name="smtp_password"] input[type="text"] {
    -webkit-text-security: disc; /* Chrome, Edge, Safari */
    text-security: disc;         /* Alcuni altri browser */
}





/*------------------------------------*\
    Hide
	per ruoli utenti
\*------------------------------------*/

/*
Classi utili per nascondere pezzi di backend per interi ruoli di utenti

Ruoli predefiniti di Wordpress:

administrator 		> 		.hide-for-admin
editor 				> 		.hide-for-editor
author 				> 		.hide-for-author
contributor 		> 		.hide-for-contributor
subscriber 			> 		.hide-for-subscriber
*/

.force-hidden {
	display: none !important;
}

/* Permette di vedere nel backend i blocchi a cui si mette la classe hidden, diversamente non sono più editabili */
/* Permette di vedere nel backend i blocchi a cui si mette la classe hidden, diversamente non sono più editabili */
#editor .edit-post-visual-editor .hidden {
	display: inherit !important;
}

body.administrator .hide-for-admin,
body.editor .hide-for-editor,
body.author .hide-for-author,
body.contributor .hide-for-contributor,
body.subscriber .hide-for-subscriber {
	display: none !important;
}

/* Nasconde il checkbox del post in evidenza */
body.post-type-post .edit-post-sidebar .components-panel__body>div:nth-child(6) {
	display: none !important;
}

/*
!!! IMPORTANTE !!!
Metodo per nascondere campi ACF per ruoli di utenti

Ruoli predefiniti di Wordpress:

administrator
editor
author
contributor
subscriber

Esempio per editor per slug ACF term_video_embed

body.editor div[data-name="term_video_embed"] {
	display: none !important;
}

Esempio per editor per il gruppo di campi = [Canva] Campi Extra

body.editor #acf-group_63ce9fe404104 {
	display: none !important;
}
*/

figcaption {
	display: none;
}

.editor-post-sticky__checkbox-control {
	display: none;
}