/* --------- CSS Globale --------- */
:root{
	--bs-scroll-height: 30vh;
}

/* bootstrap espansione mia */
.fs-7 {font-size: 0.75rem !important;}
.fs-8 {font-size: 0.5rem !important;}
.fs-9 {font-size: 0.25rem !important;}
.opacity-btn-close {opacity: 0.5;}
.opacity-btn-close:hover {opacity: 0.75;}
.opacity-btn-close:focus {opacity: 1;}
.form-select > :first-child {font-weight: bold;}

/* Cambio il colore di sfondo del <nav> */
.bg-body-tertiary {background-color: transparent !important; background-image: linear-gradient(rgba(230,240,255,1),rgba(230,240,255,.95)) !important;}
.carousel-control-next, .carousel-control-prev {background-image: radial-gradient(black,transparent,transparent); background-position: center; background-size: 6rem 6rem; background-repeat: no-repeat;}



/* 2026-01-29 18:40 Usate in tutto il sito */
.iconWindowsButton {height: 1rem; vertical-align: baseline;}

.iconImage16 {width: 16px; height: 16px;}
.iconImage32 {width: 32px; height: 32px;}


/*!! iconImage è usato in tutto il sito ma è definito in indexBox e legato a vecchie variabili */

/* Serve per cambiare la grafica della scroolbar di tutto il sito */
/* 2024-03-05 22:22 */
* {scrollbar-width: thin; scrollbar-color: deeppink pink;} /* scrollbar-color: blueviolet aqua; */



/* 2026-02-19 Per il contenitore del video di YT */
#videoYTHome {display: inline-block; max-width: calc(100vw - 60px); max-height: 75vh; height: 100%; width: 100%;}
#videoYTHome iframe {aspect-ratio: calc(560 / 315); height: 100%; width: 100%;}


/* Regole del menù */
/*
- Il bottone del fullscreen lo hanno tutte le pagine ma compare se la dimensione è minore di lg
- Il bottone del fullscreen è sempre presente in stwbBox.php perché come gestionale ha un menù completo e DIVERSO dalle altre pagine


*/




/* Parametri per riferimenti JS */
/* data-dizText="1"	    -> Per le traduzioni. Vedi getDictionary() | <span data-dizText="1" data-dizTitle="1">CIAO</span> */
/* data-dizTitle="1"    -> Per le traduzioni. Vedi getDictionary() | <span data-dizText="1" data-dizTitle="1">CIAO</span> */

/* data-autoDateTime="2027-03-05 22:22:00"    -> Usato da convertAutoDateTime() | <span data-autoDateTime="2027-03-05 22:22:00">CIAO</span> */
/* data-autoDateTime-format="dateSec"  		  -> Usato da convertAutoDateTime() | <span data-autoDateTime="2027-03-05 22:22:00" data-autoDateTime-format="dateSec">CIAO</span> */
/* data-sitoBoxAnotherOwner="1234"  		  -> Usato da elementTransferBox() */



/* Vecchio CSS - Da valutare */
/* Classi Finte per riferimenti JS */
/* .sBNVC		        -> Usata come segnaposto per sitoBoxNameVertCenter */
/* .offcanvas-ref-head  -> Usata per "spostare" i contenuti quando si apre offCanvas con myOffCanvas insieme alle 4 variabili css */
/* .offcanvas-ref-body  -> Usata per "spostare" i contenuti quando si apre offCanvas con myOffCanvas insieme alle 4 variabili css */















/* !!!!!!!!!!!! PRESO DA INDEXBOX.CSS ED È DA LASCIARE SOLO LE COSE PER LA GRAFICA GLOBALE !!!!!!!!!!!!!!!!! */


/* --------- ROTAZIONE DELLO SCHERMO --------- */
/* @media all and (orientation: landscape) { */

/* Funziona -> verificare l'latezza minima per far apparire i banner sul pc e non sul telefono */
/* verificare che 300px vada bene con vari dispositivi mobili */
/* verificare l'effettiva altezza dei banner per mobile */
/* ORIZZONTALE e VERTICALE CELLULARE */
/*@media screen and (max-height: 360px), (max-width: 360px) {*/
@media screen and (max-height: 360px), (max-width: 500px) {
	.test {background-color: #00F;}

	/* 2026-02-19 in uso */
	#videoYTHome {max-height: 60vh;}

	.adminBlocco {padding: 0px 2px; margin: 1px;}
}

/* VERTICALE CELLULARE */
/* Preso da bootstrap |max-width| Adeguato alla dimensione sm */
@media screen and (max-width: 575.98px) {

}

/* Preso da bootstrap |max-width| Adeguato alla dimensione md */
@media screen and (max-width: 767.98px) {

}

/* Preso da bootstrap |max-width| Adeguato alla dimensione lg che è quella del menu */
@media screen and (max-width: 991.98px) {

}