/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.sm-tabs{
	font-family:'Open sans'!important;
}
.taviraj-font{
    font-family: 'Taviraj';
    font-style: italic;
    font-weight: 400;
}
.green-fluo{
	color:#02E080;
}
/* ====== HEADER ======= */

/* = FULLSCREEN MENU = */
.fullscreen-menu .ue_inner_menu-box{
	padding-top:40%;
}
.fullscreen-menu .elementor-1102{
	position:absolute;
	top:22px;
}


/* Pre scroll */
.header-main {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 2%;
    padding-bottom: 2%;
    background-color: transparent;
    transition:
        padding 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}
/* Stato dopo lo scroll: header compatto e solido */
.header-main.header-scrolled {
    position: fixed;
    top: 0;
    left: 0;
    padding-top: 1%;
    padding-bottom: 1%;
    background-color: #010105;
}
.header-main .header-logo img{
    transition: width 0.25s ease-in-out;
}
.header-main.header-scrolled .header-logo img{
	width: 90%; 
}

/*Controllo accesso/logout*/
/* Contenitore link header */
.diagral-header-cta {
  display: flex;
  align-items: center;
  gap: 20px;      /* distanza tra le voci */
}

/* Link */
.diagral-header-cta__link {
	font-family:'Open sans';
	display: inline-flex;
	align-items: center;
	gap: 5px;       /* distanza eventuale icona/testo */
	font-size: 14px;
	font-weight: 400;
	color: #ffffff;
	text-decoration: none;
}
.diagral-header-cta__link:hover {
	color:#02E080;
}



/* Layout mobile: voci in colonna */
@media (max-width: 768px) {
  .diagral-header-cta {
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
  }
	.diagral-header-cta__link {
		font-size: 12px;
		font-weight: 400;
	}
}


/* ====== FAQ ACCORDION ======= */
.faq-accordion .e-n-accordion-item-title, .faq-accordion .elementor-element{
	border:none;
	transition:border-radius 0.5s ease;
}
.faq-accordion .e-n-accordion-item-title:hover{
	border-radius:50px 50px 0px 0px;
}
.faq-accordion .e-n-accordion-item-title[aria-expanded="true"]{
	border-radius:50px 50px 0px 0px;
}
@media screen and (max-width:768px){
	.faq-accordion .e-n-accordion-item-title:hover{
		border-radius:50px 50px 50px 50px;
	}
	.faq-accordion .e-n-accordion-item-title[aria-expanded="true"]{
		border-radius:50px 50px 0px 0px!important;
	}	
	.faq-accordion .e-n-accordion-item-title{
		padding:5%;
	}
	.faq-accordion .elementor-element{
		padding:0 5% 5% 5%;
	}
}

/* ====== BORDO GRADIENTE CASA/NEGOZIO ======= */
.gradient-border {
  border-radius: 50px;
  border: 2px solid transparent; /* spessore del bordo */
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(90deg, #010105, #02E080) border-box;
}


/* ====== FORM GENERALE A FONDO PAGINA ======= */
.sm-form{
	font-family:'Anek Gurmukhi';
}
.sm-form__row {
    margin-bottom: 5px;
}

.sm-form__row--two {
    display: flex;
    gap: 24px;
}

.sm-form__field {
    flex: 1;
}
.sm-form br{
	display:none;
}
.sm-form label{
	margin-bottom:2px;
	font-size: 18px;
    line-height: 1em;
    font-weight: 400;
}
.sm-form input, .sm-form textarea{
	border:1px solid #D9D9D9;
	border-radius:10px;
	font-size: 18px;
    line-height: 1em;
    font-weight: 400;
	color:#000000;
	max-height: 100px;
}
.sm-form p{
	margin-bottom:10px;
}
.sm-form__row--privacy .wpcf7-list-item{
	margin:0px;
}
.sm-form .sm-form__row--privacy label{
	font-size: 16px;
    line-height: 1.2em;
    font-weight: 400;
}
.sm-form .wpcf7-submit{
	width:100%;
	background:#000000;
	color:#ffffff;
	font-size:20px;
	font-weight:500;
	border:none;
	border-radius:10px;
}
.sm-form .wpcf7-spinner{
	display:none;
}


/* ====== SHORTCODE TABS ======= */
/* Wrapper generico */
.sm-tabs {
    margin: 40px 0;
    font-family: inherit;
    color: #010105; /* nero testo */
}

/* Riga titoli (striscia grigia) */
.sm-tabs__nav {
    position: relative;            /* necessario per l'highlight */
    display: flex;
    background-color: #D9D9D9;
    border-radius: 20px;           /* tutta la riga */
    padding: 5px;                  /* richiesto */
    gap: 0;
    overflow: hidden;              /* per non far uscire l'highlight */
}

/* Background che scorre sotto la tab attiva */
.sm-tabs__nav-highlight {
    position: absolute;
    top: 5px;
    left: 5px;
    height: calc(100% - 10px);     /* altezza completa di default (desktop) */
    width: 0;                       /* verrà impostata via JS */
    border-radius: 15px;
    background-image: linear-gradient(90deg, #055242, #02E080);
    z-index: 1;

    /* ANIMAZIONE FLUIDA */
    transform: translate3d(0, 0, 0);
    transition:
        transform 0.3s ease-in-out,
        width 0.3s ease-in-out,
        height 0.3s ease-in-out;
}



/* Singola tab */
.sm-tabs__nav-item {
    position: relative;
    z-index: 2;                    /* sopra l'highlight */
    flex: 1;
    border: none;
    background: transparent;
    border-radius: 15px;           /* interno per far vedere i 20px esterni */
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    color: #010105;                /* testo nero quando non attiva */
    text-align: center;
    transition: color 0.2s ease;
}

/* Tab attiva: solo colore testo, lo sfondo è l'highlight */
.sm-tabs__nav-item.is-active {
    color: #ffffff;                /* testo bianco attivo */
    background: transparent !important;
}

/* Nessun effetto hover “rosino” */
.sm-tabs__nav-item:hover {
    background: transparent !important;
    color: #010105;
}

.sm-tabs__nav-item.is-active:hover {
    background: transparent !important;
    color: #ffffff;
}

/* Accessibilità focus */
.sm-tabs__nav-item:focus-visible {
    outline: 2px solid #055242;
    outline-offset: 2px;
}

/* Contenitore pannelli */
.sm-tabs__panels {
    margin-top: 24px;
}

/* Singolo pannello contenuto */
.sm-tabs__panel {
    display: none;
    background-color: #ffffff;
    padding: 24px 0;
    color: #010105;
	font-size:20px;
    line-height: 1.3em
}

.sm-tabs__panel.is-active {
    display: block;
}

/* Finezze testo */
.sm-tabs__panel p:last-child {
    margin-bottom: 0;
}

/* Mobile: stack verticali se vuoi più aria */
@media (max-width: 768px) {
    .sm-tabs{
        margin: 0px;
    }
    .sm-tabs__nav {
        flex-direction: column;
        border-radius: 16px;
    }
	.sm-tabs__panel {
		font-size:16px;
		line-height: 1.3em;
        padding: 0px;
	}

    .sm-tabs__nav-item {
        border-radius: 12px;
    }
}

/* ====== ARTICOLO ======= */
.diagral-articolo p, .diagral-articolo li{
	font-family:'Open sans';
	font-size:18px;
	line-height:1.3em;
	font-weight:400;
}
.diagral-articolo li{
	margin-bottom:10px;
}
.diagral-articolo h2{
	font-family:'Anek Gurmukhi';
	font-size:35px;
	line-height:1.2em;
	font-weight:700;
}
.correlati-articolo a.elementor-post__thumbnail__link{
	margin:0px!important;
}
.correlati-articolo .elementor-post__text{
	background-image: url("https://diagral.comunicazioneintegratapromos.it/wp-content/uploads/2025/12/white-gradient.webp")!important;
	background-size: cover!important;
}
@media screen and (max-width:768px){
	.diagral-articolo p, .diagral-articolo li{
		font-size:16px;
	}
	.diagral-articolo h2{
		font-size:25px;
	}
}

/* ====== LOGIN/REGISTRAZIONE FORM ======= */
.login-container{
	/* glassmorphism */
	background: rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}
.login-container .um-login{
	font-family:'Open sans';
}
.login-container .um-login label, .um-field-label label{
	color:white;
	font-weight: 500!important;
}
.login-container .um-field-area input{
	border-radius: 10px!important;
    color: #010105!important;
    font-weight: 500!important;
}
.login-container .um-button{
    border-radius: 10px !important;
    color: #ffffff!important;
    background: #010105!important;
    font-weight: 600 !important;
}
.login-container .um-link-alt{
	color:#ffffff!important;
}
.um-password .um-field-block div{
	color:#ffffff;
	text-align:left;
}
.um-register .um-row{
	display:flex;
	margin:0px!important;
	flex-wrap:wrap;
	justify-content:space-between;
}
.um-register .um-col-1{
	min-width:100%!important;
}
@media screen and (max-width:768px){
	.um-register .um-col-121{
	margin-right:10px!important;
	width:45%!important;
	}
	.um-register .um-col-122{
		margin-left:10px!important;
		width:45%!important;
	}	
}
.um-register .um-col-121{
	margin-right:10px!important;
}
.um-register .um-col-122{
	margin-left:10px!important;
}	
.um-register .um-572.um{
	max-width:90%!important;
}
.um-register .um-field-checkbox{
	width:100%!important;
}
.um-register .um-field-checkbox .um-field-checkbox-option{
	color:#ffffff!important;
	font-size:12px;
	margin: 0 0 0 30px;
}

/* ====== DOWNLOAD INSTALLATORE ======= */
.wpdm-all-packages-table thead{
	display:none;
}
.wpdm-all-packages-table tbody tr{
	color: #010105 !important;
    font-family: 'Open sans'!important;
    font-size: 1.1em;
}
.wpdm-all-packages-table tbody td{
	background-color:white!important;
}
.wpdm-all-packages-table .btn-danger .fa-lock{
	display:none;
}
.wpdm-all-packages-table .btn-danger{
	border-radius: 10px!important;
}
.wpdm-all-packages-table .wpdm-download-link{
	background: #010105;
    border-radius: 10px!important;
}
.wpdm-all-packages-table .wpdm-download-link:hover{
	background: #02E080;
	color:#010105;
}
.wpdm-all-packages-table tbody tr:has(.btn-danger) {
    display: none !important;
}

/* ====== MAPPA INSTALLATORI ======= */
.wpgmza-standalone-component input:not([type="checkbox"]), .wpgmza-standalone-component select{
	border: 1px solid!important;
	border-radius: 10px!important;
	min-height: 40px;
	border-color: #D9D9D9!important;
	margin-top: 5px!important;
}
.wpgmza-address-container{
	margin-right: 10px!important;
}
.wpgmza-address-container label, .wpgmza-radius-container label{
	font-family: 'Open sans'!important;
    font-weight: 500!important;
    color: #010105!important;
}

.gm-style-iw{
	border-radius:10px!IMPORTANT;
}
.wpgmza-infowindow{
	font-family:'Open sans';
}
.wpgmza-infowindow .custom-field-label{
	font-weight:700;
}
.wpgmza-gallery-item{
	width:fit-content!important;
}
.wpgmza-gallery-item img{
	max-height:150px;
	width:150px!important;
}
.gm-style-iw-d{
	padding:0px!important;
}
.gm-style-iw{
	padding:20px!important;
}
.wpgmza_infowindow_title {
	margin-top:20px;
}
.gm-style-iw-chr{
	position:absolute;
	top:0;
	right:0;
	z-index:999!important;
}

/* ====== HOMEPAGE ======= */
/* Card punti di forza */
.card-valori .elementor-icon{
	border: 1px solid white;
	border-radius: 15px;
	padding: 15px;
}



/* ====== BLOG ======= */
/* Sfondo “card” sulla parte contenuto */
.uc_post_grid_style_one_wrap .uc_post_grid_style_one_item .uc_content{
  position: relative;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  overflow: hidden;
}

/* Assegna pattern 1-2-3-1-2-3 a tutte le card */
.uc_post_grid_style_one_wrap .uc_post_grid_style_one_item:nth-child(3n+1) .uc_content{
  background-image: url("https://diagral.comunicazioneintegratapromos.it/wp-content/uploads/2025/12/card-valori-1.webp") !important;
}

.uc_post_grid_style_one_wrap .uc_post_grid_style_one_item:nth-child(3n+2) .uc_content{
  background-image: url("https://diagral.comunicazioneintegratapromos.it/wp-content/uploads/2025/12/card-valori-2.webp") !important;
}

.uc_post_grid_style_one_wrap .uc_post_grid_style_one_item:nth-child(3n) .uc_content{
  background-image: url("https://diagral.comunicazioneintegratapromos.it/wp-content/uploads/2025/12/card-valori-3.webp") !important;
}

#uc_ue_buttons_post_filter_elementor_c6bdc58.ue_taxonomy{
	justify-content:space-evenly;
}
.gradient-border-filter .ue_taxonomy_item{
	border-radius: 50px;
	border: 2px solid transparent; /* spessore del bordo */
	background:
		linear-gradient(#ffffff, #ffffff) padding-box,
		linear-gradient(90deg, #010105, #02E080) border-box;
    width: 16%!important;
    text-align: center!important;
    padding: 5px 0px!important;
}
.gradient-border-filter .ue_taxonomy_item.uc-selected{
		background:
		linear-gradient(90deg, #010105, #02E080) padding-box,
		linear-gradient(90deg, #010105, #02E080) border-box;
}
@media screen and (max-width:768px){
	#uc_ue_buttons_post_filter_elementor_c6bdc58.ue_taxonomy{
		justify-content:center;
	}
	.gradient-border-filter .ue_taxonomy_item{
		width: 30%!important;
	}
}

.footer_link a{
	color:#ffffff;
}
.footer_link a:hover{
	color: #02E080;
}
.mobile-header{
	display:none;
}
@media screen and (max-width:1400px){
	.hero-section-title-med h2{
		font-size:3.5em!important;
	}
}
@media screen and (max-width:1300px){
	.desktop-header{
		display:none!important;
	}
	.mobile-header{
		display:block;
	}
	.header-desktop{
		justify-content:space-between!important;
		padding-left:5%;
		padding-right:5%;
	}
}
@media screen and (max-width:768px){
	.hero-section-title-med h2.elementor-heading-title{
		font-size:2em!important;
	}
}

.um-postmessage{
	color:white;	
}