/*
 Theme Name:     Divi Child
 Theme URI:      https://www.cnmcomunicazione.com
 Description:    Divi Child
 Author:         CNM Comunicazione
 Author URI:     https://www.cnmcomunicazione.com
 Template:       Divi
 Version:        999.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */
body #page-container .et_pb_section .et_pb_de_mach_acf_item_3_tb_body .et_pb_button {color:white!important}

:root {
	--verdecactus: #5F9595;
	--verdecactuschiaro: #C4D7D1;
	--rosso: #C62F32;
	--rossoacceso: #FF0005;
	--senape: #F0BC68;
	--grigioscuro: #3E3E3E;
	--grigiochiaro: #E8E8E8;
	--bianco: #ffffff;
	/* rev.64: vars dashboard ora a root (il .bdr-dash che le definiva non esiste piu' nel markup) */
	--bdr-dash-blue: #073F78;
	--bdr-dash-red: #d2242a;
	--bdr-dash-footer-gap: 100px;
}

html, body {
    max-width: 100vw;
    overflow-x: hidden;
}

p {
    font-weight: 300;
}

.wppopups-whole {
    z-index: 99999999!important;
}

.menu-item-margin {
	margin-left: 6px;
	margin-right: 6px;
}


.modulo-disclaimer p {
    margin-bottom: 1.2em;
}

.modulo-disclaimer h4 {
    margin-bottom: 8px;
}

a.et_pb_button.dipl_modal_trigger_element.dipl_modal_trigger_button {
    width: 100%;
}

#search_section.de-mega-menu {
    max-width: 100vw!important;
    width: 100vw!important;
    top: 0!important;
}

.et-db #et-boc .et-l .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
    padding: 10px 0!important;
}

.et-menu .menu-item-has-children>a:first-child:after {
    display: none;
}

.search_section a {
    padding-right: 10px!important;
}

@media screen and (max-width: 980px) {
li.mobile-hide {
    display: none!important;
}
}

#et-boc .area-outer-wrap[data-da-color=light] .da-close {
    background: #3e3e3e;
    -webkit-box-shadow: 0px 0px 6px 0px #000000;
    box-shadow: 0px 0px 6px 0px #000000;
    color: #ffffff;
    border-radius: 50%;
    top: calc(3% - 13px);
    right: -17px;
    opacity: 1;
    border: 3px solid #ffffff;
	font-size: 30px;
}

.divi-filter-pagination {
    margin-top: 50px;
}

.divi-filter-pagination ul.page-numbers li {
    border: 2px solid var(--verdecactus);
    border-left-width: 2px;
    margin: 0 6px;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.divi-filter-pagination ul.page-numbers li a, .divi-filter-pagination ul.page-numbers li span {
    margin: 0;
    font-size: 1.2em;
    font-weight: 700;
    padding: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.divi-filter-pagination ul.page-numbers li span.current {
    background: var(--verdecactus);
    color: #ffffff;
}

.page-numbers a, .page-numbers .et-db #et-boc .et-l a {
    color: var(--verdecactus)!important;
}

.page-numbers a:hover, .page-numbers .et-db #et-boc .et-l a:hover {
    background-color: var(--verdecactuschiaro)!important;
}

li:has(> .next) {
    display: none!important;
}

li:has(> .prev) {
    display: none!important;
}

li a.next {
    display: none!important;
}

li a.prev {
    display: none!important;
}

.info-aggiuntive-convenzione p {
	line-height: 1.7em!important;
}

.info-aggiuntive-convenzione .dmach-acf-item-content {
	display: block!important;
}

.grecaptcha-badge {
    display: none !important;
}

div#iubenda-pp {
    z-index: 999999!important;
}

div#iubenda-pp-overlay {
    z-index: 999998!important;
}

.dipl_modal_wrapper.dipl_modal_center {
    z-index: 99999!important;
}

.grid-col.dmach-grid-item:hover {
    transform: scale(1.05);
}

.grid-col.dmach-grid-item {
transition: transform 300ms ease 0ms,background-color 300ms ease 0ms,background-image 300ms ease 0ms;
}

.img-module-slide-home:hover {
    transform: scale(1.05);
}

.img-module-slide-home {
transition: transform 300ms ease 0ms,background-color 300ms ease 0ms,background-image 300ms ease 0ms;
}


ul.slick-dots {
    padding-left: 0px;
}

.wp-block-button__link {
    color: #ffffff!important;
    background-color: var(--rosso);
    border-radius: 8px;
    margin: 1em 0 2em 0;
    text-decoration: none!important;
}

.wp-block-button__link:hover {
    background-color: var(--senape);
}

a.wp-block-button__link {
    color: #ffffff!important;
    text-transform: uppercase;
}

img.size-full {
    margin: 50px 0;
}

.wp-caption {
    border: 0px solid #ffffff;
    background-color: #ffffff;
    margin-bottom: 2em;
    margin-top: 2em;
    max-width: 100%;
    padding: 0;
}

.et_post_gallery {
    margin-top: 2em;
}

.wp-caption p.wp-caption-text {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.et_pb_post_content h1, .et_pb_post_content h2, .et_pb_post_content h3, .et_pb_post_content h4, .et_pb_post_content h5, .et_pb_post_content h6 {
    margin-top: 0.5em!important;
}

.menu-circolo .et_pb_menu_inner_container.clearfix {
	height: 100%!important;
	min-height: 100%!important;
}

i.fa-solid.fa-user.menu-icon-user, i.fa-solid.fa-gear, i.fa-solid.fa-lock {
    margin-right: 6px;
}

@media screen and (min-width: 981px) {
li.login-menu-item {
    background-color: var(--grigiochiaro);
    border-radius: 8px;
    padding: 0px!important;
    margin-left: 20px!important;
    margin-right: 10px!important;
	width: 114px;
}

li.login-menu-item a {
    color: var(--grigioscuro)!important;
	height: 100%;
    width: 100%;
	line-height: 1em;
    text-align: center;
}
	
li.login-menu-item a:hover {
    color: #ffffff!important;
	opacity: 1;
	background-color: var(--rosso);
	border-radius: 8px;
}
	
.menu-item a, .menu-item .et-db #et-boc .et-l a {
    color: #fff!important;
}

.login-menu-item  a, .login-menu-item .et-db #et-boc .et-l a {
	opacity: 1!important;
}

.current-menu-item a {
    color: var(--senape)!important;
}

.page-id-2531 .current-menu-item a {
    color: var(--grigioscuro)!important;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
	padding: 0;
	white-space: nowrap;
    flex-direction: column;
    justify-content: center;
}
	
@media (min-width: 768px) and (max-width:1070px) {
	.et_pb_menu__logo img {
		max-height: 70px!important;
}
}

i.fa-solid.fa-user.menu-icon-user, i.fa-solid.fa-gear, i.fa-solid.fa-lock {
    margin-bottom: 10px;
    font-size: 30px;
}

i.fa-solid.fa-user.menu-icon-user, i.fa-solid.fa-gear, i.fa-solid.fa-lock {
    margin-right: 0px;
}
}

@media (max-width: 980px){
.et_pb_menu .et_mobile_menu {
    padding: 0px;
}

.et_mobile_menu li a {
    padding: 14px 22px;
}

li.login-menu-item {
    background-color: #dcdcdc;
}
}

@media screen and (min-width: 1400px) {
.et_pb_menu ul li a {
    font-size: 18px!important;
}
}

.dvppl_cf7_styler_0_tb_footer .dipe-cf7 .wpcf7-acceptance input[type="checkbox"]:checked+span:before {
    font-size: 16px;
}

body .dvppl_cf7_styler_0_tb_footer .dipe-cf7 .wpcf7-acceptance input[type="checkbox"]+span:before {
 	background-color: transparent!important;
}

input[type="checkbox"] {
    margin-left: 0!important;
}

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], input[type=number], input[type=date], select, textarea {
	border: 1px solid #bbb;
	color: #757575;
}

/*input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date.partenza-field:before {
    content: 'Data partenza:';
    margin-right: 5px;
}

input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date.ritorno-field:before {
    content: 'Data ritorno:';
    margin-right: 5px;
}

input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date.nascita-field:before {
    content: 'Data di nascita:';
    margin-right: 5px;
}*/

.ptitolo {
	color: #C62F32;
}

.label-link{
	color: #ffffff;
	text-decoration: underline;
}

.dvppl_cf7_styler_0_tb_footer .dipe-cf7-container .wpcf7-form-control:not(.wpcf7-submit) {
    margin-top: 0px!important;
    margin-bottom: 20px!important;
}

.dp-row, .tfs-row {
    margin-bottom: 20px!important;
}

span.wpcf7-not-valid-tip {
    transform: translateY(-10px);
}

.news-field-button {
	white-space: normal;
}



/* __________ Fullwidth slider __________ */
.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  /*max-width: 1000px;*/
	max-width: 100% !important;
	position: relative;
	margin: auto;
}

.myslides-img-div {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px 12px;
  margin-top: -22px;
  color: white;
  font-weight: 500;
  font-size: 58px;
  transition: 0.6s ease;
  border-radius: 0 8px 8px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 8px 0 0 8px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: var(--senape);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

.badge-offerta-turismo {
	background-color: #f8f8f8;
    padding-top: 10px!important;
    padding-right: 10px!important;
    padding-bottom: 10px!important;
    padding-left: 10px!important;
    margin-top: 0px!important;
    margin-right: 0px!important;
    margin-bottom: 0px!important;
    margin-left: 0px!important;
    width: 100%;
    box-shadow: 0px 8px 11px -5px rgba(0,0,0,0.3);
	font-weight: 700!important;
    text-transform: uppercase!important;
    color: #C62F32!important;
    text-align: center!important;
}

.bandierina {
	width: fit-content;
	-webkit-clip-path: polygon(0 0,0 100%,calc(100% - 30px) 100%,100% 50%,calc(100% - 30px) 0);
	clip-path: polygon(0 0,0 100%,calc(100% - 30px) 100%,100% 50%,calc(100% - 30px) 0);
}

.bandierina-riga {
    filter: drop-shadow(0px 2px 4px rgb(0 0 0 / 50%));
}

.bandierina-sezione {
    transform: translateX(-10px);
}

.prezzo-acf .acf_prepend {
    font-size: 18px;
    text-transform: none;
    font-weight: 500;
    margin-right: 8px;
}

.prezzo-acf .acf_append {
    margin-left: 8px;
}

.prezzo-acf-home .acf_prepend {
    font-size: 28px;
    text-transform: none;
    font-weight: 400;
    margin-right: 8px;
}

.prezzo-acf-home .acf_append {
    margin-left: 8px;
}
 span.dmach-acf-value{
	color:black!important;
	 margin-left: 8px!important;
}

@media (max-width: 767px) {
.prezzo-acf-home .acf_prepend {
    font-size: 18px;
}
}

.prezzo-acf-grid .acf_prepend {
    font-size: 16px;
    text-transform: none;
    font-weight: 100;
    margin-right: 6px;
	color: #3e3e3e!important
}

.prezzo-acf-grid .acf_append {
    margin-left: 4px;
}

.pagina-turismo-body {
    width: 70%!important;
}

.pagina-turismo-sidebar {
    width: 30%!important;
}

.ripetitore-bottoni .dmach-acf-value.et_pb_button {
    width: 100%;
    text-align: center;
	background-color:red!important;
}

.ripetitore-bottoni-body .dmach-acf-value.et_pb_button {
    text-align: left;
}

@media (max-width: 980px) {
.pagina-turismo-body, .pagina-turismo-sidebar {
    width: 100%!important;
}
}

.xdsoft_datepicker.active {
	background-color: #ffffff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: var(--verdecactus);
    box-shadow: #000000 0 1px 3px 0 inset;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: var(--senape) !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: var(--senape);
}

.privacytext-dark {
    color: var(--grigioscuro)!important;
	font-size: 12px;
}

.privacytext-dark a {
    color: var(--grigioscuro);
	text-decoration: underline;
}

.privacytext-dark a:hover {
    color: var(--rosso);
}

.privacytext-light {
    color: #ffffff!important;
	font-size: 12px;
}

.privacytext-light a {
    color: #ffffff;
	text-decoration: underline;
}

.privacytext-light a:hover {
    color: var(--senape);
}

.privacytext-light, .privacytext-dark {
	padding-bottom: 0px!important;
}

.privacytext-light .wpcf7-list-item {
	margin-bottom: 0px!important;
}

.form-informazioni-preventivo h2 {
    color: var(--rosso);
    font-weight: 600;
    font-size: 40px;
}


select.selectdiv, select.wpcf7-select {
    appearance: none;
}

select.wpcf7-form-control.wpcf7-select {
    background-image: url(https://www.circolobdr.it/wp-content/uploads/2022/09/arrowdown.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}


/* START TABELLE */
table.tablepress,
.dataTables_scrollHeadInner {
	min-width: calc(100% - 1px);
}

.no-footer {
	margin-bottom: 0px !important;
}

.tabella-custom thead th {
	background-color: var(--verdecactus);
	color: #ffffff;
	border: 1px solid var(--verdecactus);
	min-width: 190px;
	text-transform: uppercase;
}

.tabella-custom thead td,
.tabella-custom tbody td {
	border: 1px solid var(--verdecactus);
}

.entry-content thead th {
    height: 50px;
    vertical-align: middle;
}

table.tabella-custom {
	border: 0 !important;
}

/*.tablepress .even td,
.tablepress .odd td {
	background-color: #ffffff;
}*/

.tablepress .row-hover tr:hover td {
	background-color: var(--grigiochiaro);
}

.tabella-custom tfoot th {
	background-color: transparent;
	font-weight: 500;
	border-width: 0 !important;
	color: var(--grigioscuro);
	padding: 5px 0 !important;
	font-style: italic;
	font-size: 14px;
}

h2.tablepress-table-name {
	font-weight: 700!important;
	font-size: 30px!important;
	color: var(--rosso)!important;
	margin-bottom: 20px!important;
	text-transform: uppercase;
}

.tablepress-table-description {
	display: block;
	margin: 0;
	transform: translateY(-30px);
}

.entry-content tr td,
.entry-content thead th,
.entry-content tr th {
	padding: 8px 10px;
}

.tabella-custom tbody td {
    background-color: #ffffff;
    color: var(--grigioscuro);
    text-transform: none;
    font-weight: 500;
	height: 50px!important;
    vertical-align: middle;
}

.tabella-link-utili tbody td {
	height: 30px!important;
    font-size: 14px!important;
    line-height: 1.5em!important;
}

.tablepress td .btn {
	text-align: center;
	display: block;
}



a.btn.btn-primary:hover {
    color: var(--senape);
}

i.fa.fa-envelope, i.fa.fa-download {
    font-size: 24px;
	margin: 0 6px;
}

.tabella-custom-polizza thead th {
    background-color: #ffffff;
    color: var(--grigioscuro);
    border: 1px solid var(--grigiochiaro);
    min-width: 190px;
    text-transform: uppercase;
}

.tabella-custom-polizza tbody td {
    background-color: #ffffff;
    color: var(--grigioscuro);
    text-transform: none;
    font-weight: 400;
    vertical-align: middle;
}

.tabella-custom-polizza thead td,
.tabella-custom-polizza tbody td {
	border: 1px solid var(--grigiochiaro);
	line-height: 1.7em;
}

h4.nome-contatti {
    font-size: 22px;
    color: var(--rosso);
    line-height: 1em;
}

p.testo-contatti {
    color: #5d5d5d;
    margin-top: -8px;
}
/* END TABELLE */


span.irs-bar.irs-bar--single {
    background-color: var(--grigioscuro)!important;
}

.sezione-servizi .cat_loop_image_left {
    align-items: center;
}

.sezione-servizi .dmach-grid-item:not(:last-child) {
 	margin-bottom: 10px;
}

.sezione-servizi .grid-col.dmach-grid-item {
    pointer-events: none;
}

/* FILTER SIDEBAR */

.et-db #et-boc .et-l .et_pb_contact_field_radio{
	display: flex;
	align-items: center;
}

.divi-filter-item span.et_pb_contact_field_radio .radio-count {
    position: relative!important;
	margin-left:5px;
    right: auto;
    font-weight: 400;
    color: var(--verdecactus)!important;
}

.divi-filter-item span.et_pb_contact_field_radio .radio-count:before {
    content: "(";
}

.divi-filter-item span.et_pb_contact_field_radio .radio-count:after {
    content: ")";
}

.et-db #et-boc .et-l .et_pb_de_mach_search_posts_item_0_tb_body .et_pb_contact_field_radio.is-collapsible:after, .et-db #et-boc .et-l .et_pb_de_mach_search_posts_item_1_tb_body .et_pb_contact_field_radio.is-collapsible:after, .et-db #et-boc .et-l .et_pb_de_mach_search_posts_item_2_tb_body .et_pb_contact_field_radio.is-collapsible:after {
    font-weight: 700!important;
    font-size: 20px;
}

/* FINE FILTER SIDEBAR */

span.pform {
    font-weight: 400;
}

span.tform {
    font-weight: 700;
	color: var(--rosso);
	text-transform: uppercase;
}

hr.riga-form {
    margin: 25px 0px!important;
}

.wpcf7-field-group button.wpcf7-field-group-add {
    border: 0px;
    background-color: var(--grigiochiaro);
    padding: 8px 19px;
    margin: 0 0 35px 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
	border-radius: 8px;
}

.wpcf7-field-group button.wpcf7-field-group-remove {
    border: 0px;
    background-color: var(--grigioscuro);
    color: #ffffff;
    padding: 8px 12px;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 13px;
	border-radius: 8px;
	margin-right: 10px;
}

.wpcf7-field-group button.wpcf7-field-group-add:hover {
    background-color: var(--senape);
	cursor: pointer;
}

.wpcf7-field-group button.wpcf7-field-group-remove:hover {
    background-color: var(--rosso);
	cursor: pointer;
}

.wpcf7-field-group:has(> .wpcf7-field-group-add) {
    margin-top: -15px;
}

.vertical-radio-cf7 > span.wpcf7-list-item {
	display: block;
	margin-bottom: 0px;
}

.wpcf7-list-item {
    display: inline-block;
    margin: 5px 0 0px 0;
}

div:has(> .etichetta-costo) {
    display: flex;
	flex-direction: column;
    justify-content: flex-end;
}

.codedropz-upload-inner span, .codedropz-upload-inner h3 {
    margin: 5px 0 0 0;
	padding-bottom: 0;
    font-size: 16px;
    line-height: 1.2em;
    word-break: break-word;
    color: var(--grigioscuro);
    font-weight: 400;
}

.codedropz-btn-wrap {
    background-color: var(--grigiochiaro);
    padding: 8px 21px;
    width: fit-content;
    margin: 15px auto 7px auto;
    border-radius: 8px;
    text-transform: uppercase;
    font-weight: 600;
}

a.cd-upload-btn {
    color: var(--grigioscuro);
}

a.cd-upload-btn:hover {
    color: var(--rosso);
}

span.et_shop_image {
    padding-top: 66.25%;
    display: block;
}  

.grid-item-cont .et_pb_de_mach_thumbnail img, img.featured-image.wp-post-image {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
}

.img-module-slide-home .et_pb_module_inner {
    height: 100%!important;
}

.slick-slide img {
    display: block!important;
    position: absolute!important;
    height: 100%!important;
    width: 100%!important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover!important;
}

.su-gmap.su-u-responsive-media-yes.stilemappa {
    width: 100%;
    padding-top: 45%;
}

.search-form {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}


/* FORM DI RICERCA */
.wp_es_search_form_widget {
    width: 100%!important;
    margin: 0!important;
}

.form-cerca-custom .search-form {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    border-radius: 3px;
    overflow: hidden;
}

.form-cerca-custom input.search-submit {
    background-color: var(--rosso);
    border: 0px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    color: #FFFFFF !important;
    padding: 0.715em;
    margin: 0;
    line-height: normal!important;
    border: none;
}

.form-cerca-custom input.search-submit:hover {
	cursor: pointer!important;
    background-color: #c6595e!important;
}

.form-cerca-custom input.search-field {
    border: 0;
    padding: calc(0.715em + 3px) calc(0.715em + 3px) calc(0.715em + 4px) calc(0.715em + 3px);
    margin: 0;
    color: #3E3E3E;
    width: 100%;
}

.form-cerca-custom label {
    flex-grow: 1;
}
/* FINE FORM DI RICERCA */


/* CUSTOMER AREA */
#cuar-js-content-container {
    width: 90%;
    margin: 80px auto;
}

small.pull-right {
    display: none;
}

a.dropdown-toggle, .dropdown-menu-right a {
    color: var(--grigioscuro)!important;
	font-weight: 700!important;
}

body.customer-area-active .cuar-css-wrapper a:not(.btn) {
    color: var(--grigioscuro)!important;
	font-weight: 700!important;
}

.current_page_ancestor a.dropdown-toggle {
    background-color: var(--senape)!important;
}

.active a {
    background-color: var(--grigiochiaro)!important;
}

body.customer-area-active .cuar-css-wrapper .cuar-menu-container .navbar .navbar-nav>li.current-menu-item>a {
	color: #ffffff!important;
	background-color: var(--grigioscuro)!important;
	font-weight: 700!important;
}

body.customer-area-active .cuar-css-wrapper .navbar-default .navbar-nav>.open>a {
	background-color: var(--senape)!important;
    font-weight: 700!important;
}

body.customer-area-active .cuar-css-wrapper .dropdown-menu>li>a:hover {
	background-color: var(--rosso)!important;
	color: #ffffff!important;
	opacity: 1;
}

body.customer-area-active .cuar-css-wrapper .dropdown-header {
    padding: 10px 16px;
    font-size: 13px;
    color: var(--rosso);
    font-weight: 700;
    background: var(--grigiochiaro);
}

/*.cuar-widget_cuar_private_file_authors {
    display: none!important;
}

.collection-footer-meta-author.collection-list-left {
    display: none!important;
}*/

body.customer-area-active .cuar-css-wrapper .collection .collection-content.list .collection-item .collection-list-blocks .collection-list-right {
    padding-left: 5px;
/*    border-left: 0px solid #d6d6d6;*/
}

body.customer-area-active .cuar-css-wrapper .collection .collection-content.list .collection-item .collection-metas {
	border-left:none;
	border-right:none;
}

img.avatar.photo {
    display: none!important;
}

body.customer-area-active .cuar-css-wrapper .cuar-toolbar .cuar-menu-avatar-icon>button {
    width: 39px;
    height: 39px;
    background-image: url(https://www.circolobdr.it/wp-content/uploads/2022/09/user-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.cuar-field.cuar-readonly-field.cuar-field-id-user_url.cuar-short-text-field, .cuar-field.cuar-readonly-field.cuar-field-id-description.cuar-long-text-field, .form-group.cuar-field.cuar-form-field.cuar-field-id-user_url.cuar-short-text-field, .form-group.cuar-field.cuar-form-field.cuar-field-id-description.cuar-long-text-field {
    display: none;
}

.page-heading .media-left {
    display: none!important;
}

body.customer-area-active .cuar-css-wrapper .page-heading {
    padding: 30px 20px 24px 20px;
}

.cuar-title > small {
    display: none;
}
/* FINE CUSTOMER AREA */
.et_pb_menu .et_pb_menu__search-form {
	background-color:white!important;
	background:white!important
}
.et_pb_menu .et_pb_menu__search-input{
	background:white!important;
}
.et_pb_menu__search-input[type="search"] {
    background-color: white !important;
	background:white!important;
}
/*Per ultime impostazioni dei vari pop-up*/
/* ============================================
   STILI COMPLETI PER POPUP CONFERIMENTO MANDATO
   ============================================ */

/* Layout a griglia per le colonne */
.dipl_modal_wrapper .cf7m-row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.dipl_modal_wrapper .cf7m-col {
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
}

/* Colonne 12 (100%) - default */
.dipl_modal_wrapper .cf7m-col-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

/* Colonne 6 (50%) - tablet e desktop */
.dipl_modal_wrapper .cf7m-col-md-6,
.dipl_modal_wrapper .cf7m-col-lg-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}

/* Colonne 4 (33.33%) - tablet e desktop */
.dipl_modal_wrapper .cf7m-col-md-4,
.dipl_modal_wrapper .cf7m-col-lg-4 {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
}

/* Responsive: su mobile tutto a larghezza 100% */
@media (max-width: 767px) {
    .dipl_modal_wrapper .cf7m-col-md-6,
    .dipl_modal_wrapper .cf7m-col-lg-6,
    .dipl_modal_wrapper .cf7m-col-md-4,
    .dipl_modal_wrapper .cf7m-col-lg-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 10px !important;
    }
}

/* ============================================
   STILI FORM E FONT (come prima)
   ============================================ */

.dipl_modal_wrapper,
.dipl_modal_wrapper .et_pb_section,
.dipl_modal_wrapper .et_pb_text,
.dipl_modal_wrapper .wpcf7-form-control,
.dipl_modal_wrapper .wpcf7-form label,
.dipl_modal_wrapper p,
.dipl_modal_wrapper h1,
.dipl_modal_wrapper h2,
.dipl_modal_wrapper h3 {
    font-family: 'Rubik', Helvetica, Arial, sans-serif !important;
}

/* Stili input */
.dipl_modal_wrapper .wpcf7-form-control {
    background-color: #f4f4f4 !important;
    border: 1px solid #dddddd !important;
    border-radius: 4px !important;
    padding: 12px 15px !important;
    font-size: 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Stile select */
.dipl_modal_wrapper select.wpcf7-form-control {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    padding-right: 40px !important;
}

/* Stile pulsante */
.dipl_modal_wrapper .wpcf7-submit {
    background-color: #5f9595 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 12px 30px !important;
    font-size: 16px !important;
    border: none !important;
    cursor: pointer !important;
    width: auto !important;
    display: inline-block !important;
}

/* Label e testi */
.dipl_modal_wrapper .pform,
.dipl_modal_wrapper .tform,
.dipl_modal_wrapper span.pform {
    display: block !important;
    margin-bottom: 5px !important;
    font-weight: 600 !important;
    color: #333 !important;
}

/* Spaziatura */
.dipl_modal_wrapper .wpcf7-form p {
    margin-bottom: 15px !important;
}

.dipl_modal_wrapper .cf7m-col {
    margin-bottom: 10px !important;
}
/* ===== Barra di ricerca sotto il menu (header globale) ===== */

/* Barra di ricerca compatta dentro la banda verde, sotto le voci del menu */
#barra-ricerca {
	background: transparent !important;
	width: 100% !important;
	max-width: 100% !important;
	padding: 4px 0 10px !important;
}
#barra-ricerca .et_pb_search {
	max-width: 520px;
	margin: 0 auto;
	width: 90%;
}
#barra-ricerca .et_pb_searchform > div {
	display: flex !important;
	flex-direction: row !important;
	align-items: stretch;
	gap: 6px;
	flex-wrap: nowrap;
}
#barra-ricerca input.et_pb_s {
	flex: 1;
	min-width: 0;
	background: #FFFFFF !important;
	border: 1.5px solid #5F9595 !important;
	border-radius: 10px;
	color: #3E3E3E !important;
	font-size: 13px;
	padding: .45em .9em !important;
	text-align: left !important;
	box-shadow: none !important;
	height: auto;
}
#barra-ricerca input.et_pb_s::placeholder {
	color: #8a8a8a;
	opacity: 1;
}
#barra-ricerca input.et_pb_s:focus {
	outline: none;
	border-color: #C62F32 !important;
}
/* Bottone stile coerente con i bottoni del sito (radius 10px, maiuscolo, hover senape) */
#barra-ricerca input.et_pb_searchsubmit {
	background-color: #C62F32 !important;
	border: none !important;
	border-radius: 10px !important;
	color: #FFFFFF !important;
	font-size: 11px !important;
	font-weight: bold !important;
	text-transform: uppercase;
	padding: .45em 1em !important;
	line-height: normal !important;
	min-height: 100% !important;
	cursor: pointer;
	transition: background-color .2s ease;
}
#barra-ricerca input.et_pb_searchsubmit:hover {
	background-color: #F0BC68 !important;
	color: #FFFFFF !important;
}
@media (max-width: 767px) {
	#barra-ricerca { padding: 4px 0 6px !important; }
	#barra-ricerca .et_pb_search { width: 94%; }
	#barra-ricerca input.et_pb_s { font-size: 12px; }
	#barra-ricerca input.et_pb_searchsubmit { font-size: 10px; padding: .45em .8em !important; }
}


/* Desktop: allinea la barra sotto le voci del menu (a destra, ~5% dal bordo) */
@media (min-width: 981px) {
	#barra-ricerca .et_pb_search {
		margin: 0 5% 0 auto;
	}
}


/* ===== Ricerca come voce a capo nel menu (desktop) ===== */
li.menu-search-item {
	width: 100%;
	display: block;
	float: none;
	clear: both;
	list-style: none;
}
li.menu-search-item form.bdr-menu-search {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 6px;
	max-width: 440px;
	margin: -6px auto 14px;
	width: 90%;
}
li.menu-search-item input.bdr-menu-search-field {
	flex: 1;
	min-width: 0;
	background: #FFFFFF;
	border: 1.5px solid #5F9595;
	border-radius: 10px;
	color: #3E3E3E;
	font-size: 13px;
	padding: .45em .9em;
	text-align: left;
	box-shadow: none;
	height: auto;
	font-family: Rubik, sans-serif;
}
li.menu-search-item input.bdr-menu-search-field::placeholder {
	color: #8a8a8a;
	opacity: 1;
}
li.menu-search-item input.bdr-menu-search-field:focus {
	outline: none;
	border-color: #C62F32;
}
li.menu-search-item .bdr-menu-search-submit {
	background-color: #C62F32;
	border: none;
	border-radius: 10px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding: .45em 1em;
	line-height: normal;
	cursor: pointer;
	transition: background-color .2s ease;
	font-family: Rubik, sans-serif;
}
li.menu-search-item .bdr-menu-search-submit:hover {
	background-color: #F0BC68;
	color: #FFFFFF;
}
/* Desktop: nascondo la vecchia barra sotto il menu (evita doppione) */
@media (min-width: 981px) {
	#barra-ricerca { display: none !important; }
}
/* Mobile: nascondo la voce menu, resta la barra full-width */
@media (max-width: 980px) {
	li.menu-search-item { display: none; }
}

/* Mobile: padding e font ridotti per la barra */
@media (max-width: 767px) {
	#barra-ricerca { padding: 10px 0 !important; }
	#barra-ricerca .et_pb_search { width: 92%; }
	#barra-ricerca input.et_pb_s { font-size: 15px; }
	#barra-ricerca input.et_pb_searchsubmit { font-size: 13px; padding: .715em 1em !important; }
}
/* ===== bdr-login-fullheight: Login centrato verticalmente nell header (desktop) ===== */
@media (min-width: 981px) {
	.menu-circolo .et_pb_menu__menu,
	.menu-circolo .et_pb_menu__wrap,
	.menu-circolo .et_pb_menu__menu > nav,
	.menu-circolo .et_pb_menu__menu > nav > ul.et-menu {
		height: 100%;
	}
	.menu-circolo .et_pb_menu__menu > nav > ul.et-menu {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		align-content: center;
	}
	li.login-menu-item {
		align-self: stretch;
		justify-content: center;
		height: auto;
		display: flex;
		flex-direction: column;
		margin-top: 12px !important;
		margin-bottom: 12px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	li.login-menu-item a {
		height: auto;
		display: flex;
		padding: 8px 0;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
}
/* ===== fine bdr-login-fullheight ===== */
/* ===== Fine barra di ricerca ===== */

/* ===== dashboard laterale (rev. grafica 1 — look sidebar demo localhost:3000) ===== */

/* 4.1 — blocco a filo del bordo sinistro e a tutta larghezza (rev. grafica 11): la scatola è
   .entry-content (x=0, senza padding). Colonna menu a larghezza FISSA e POSIZIONAMENTO FISSO
   come il demo localhost:3000 (250px su schermi >=1101px, 220px da 981 a 1100px): a tutta
   altezza, sempre visibile. Body il resto, gap 0 fra le due colonne. L'allineamento a
   .et_pb_row è abbandonato per scelta. */

.bdr-dash        { width: 100%; max-width: none; margin: 0; }

/* 4.2 — layout a due colonne; la colonna sinistra è fixed (fuori dal flusso) */
.bdr-dash        { display: flex; gap: 0; align-items: stretch;
                   --bdr-dash-blue: #073F78; --bdr-dash-red: #d2242a; --bdr-dash-footer-gap: 100px; }
.bdr-dash__side  { width: 220px !important; flex: 0 0 220px; }   /* 981-1100px (rev. 7) */
.bdr-dash__main  { width: auto !important; flex: 1 1 0; min-width: 0; }

@media (max-width: 980px) {
    .bdr-dash     { display: block; }
    .bdr-dash__side,
    .bdr-dash__main { width: 100% !important; flex: none; }
}

/* colonna sinistra — gradiente verticale pastello a dominanza bianca (rev. grafica 18):
   rosa cipria #e8898f in alto, dissolvenza al bianco #ffffff entro il 62%. */
.bdr-dash__side {
    background: linear-gradient(180deg, #dd565c 0%, #f2a6aa 15%, #fbe0e2 32%, #fff6f6 48%, #ffffff 66%);
    padding: 12px 18px 24px;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* font pagina — Montserrat SOLO su /dashboard/ (rev. grafica 19; Montserrat caricato
   dall enqueue bdr-test-fonts). Batte Rubik di Divi (body + h1..h6). Il claim resta
   Great Vibes. */
body.page-id-494922,
body.page-id-494922 input,
body.page-id-494922 textarea,
body.page-id-494922 select,
body.page-id-494922 h1,
body.page-id-494922 h2,
body.page-id-494922 h3,
body.page-id-494922 h4,
body.page-id-494922 h5,
body.page-id-494922 h6 {
    font-family: Montserrat, Helvetica, Arial, sans-serif !important;
}

/* header/footer della dashboard: il Theme Builder di Divi dichiara Rubik esplicito su
   voci menu, campi search e CF7 del footer; regole batute SOLO su /dashboard/
   (rev. grafica 19bis). Le icone (ETmodules/FontAwesome) restano escluse via :not(). */
body.page-id-494922 .et_pb_section_0_tb_header *:not(.et_pb_menu__icon):not(.et-pb-icon):not(.fa):not(.fas):not(.fab):not([class*="fa-"]),
body.page-id-494922 .et_pb_section_1_tb_header *:not(.et_pb_menu__icon):not(.et-pb-icon):not(.fa):not(.fas):not(.fab):not([class*="fa-"]),
body.page-id-494922 .et_pb_section_2_tb_header *:not(.et_pb_menu__icon):not(.et-pb-icon):not(.fa):not(.fas):not(.fab):not([class*="fa-"]),
body.page-id-494922 .et_pb_section_0_tb_footer *:not(.et_pb_menu__icon):not(.et-pb-icon):not(.fa):not(.fas):not(.fab):not([class*="fa-"]),
body.page-id-494922 .et_pb_section_5_tb_footer *:not(.et_pb_menu__icon):not(.et-pb-icon):not(.fa):not(.fas):not(.fab):not([class*="fa-"]) {
    font-family: Montserrat, Helvetica, Arial, sans-serif !important;
}
/* CF7 footer: la regola Divi ha Rubik !important con specificita elevata; controregola dedicata */
body.page-id-494922 #page-container .et_pb_section .dvppl_cf7_styler_0_tb_footer .dipe-cf7 .wpcf7 input,
body.page-id-494922 #page-container .et_pb_section .dvppl_cf7_styler_0_tb_footer .dipe-cf7 .wpcf7 select,
body.page-id-494922 #page-container .et_pb_section .dvppl_cf7_styler_0_tb_footer .dipe-cf7 .wpcf7 textarea,
body.page-id-494922 #page-container .et_pb_section .dvppl_cf7_styler_0_tb_footer .wpcf7-form input[type="submit"] {
    font-family: Montserrat, Helvetica, Arial, sans-serif !important;
}

/* 4 card servizi sotto il testo "Il Circolo" — replica grafica demo (rev. grafica 22).
   Solo /dashboard/ (classe .bdr-dash presente solo lì). */
.bdr-dash-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    padding: 14px 0 6px;
}
@media (min-width: 880px) {
    .bdr-dash-cards { grid-template-columns: repeat(4, 1fr); }
}
.bdr-dash-card {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 88px;
    padding: 12px 15px;
    border-radius: 11px;
    background: linear-gradient(135deg, #fff1f1 0%, #fff9f9 100%);
    text-decoration: none;
    transition: transform .3s ease, box-shadow .3s ease;
}
.bdr-dash-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 28px rgba(22,61,106,.19);
}
.bdr-dash-card__icon {
    display: grid;
    place-items: center;
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #ffdfe2;
    color: #d2242a;
}
.bdr-dash-card__icon svg { display: block; }
.bdr-dash-card__body { min-width: 0; }
.bdr-dash-card__title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #d2242a;
    text-transform: uppercase;
}
.bdr-dash-card__desc {
    display: block;
    margin: 5px 0 0;
    font-size: 14px;
    line-height: 1.45;
    color: #163d6a;
}
/* reset difensivi: Divi/wpautop non devono toccare dentro le card */
.bdr-dash-card p,
.bdr-dash-card br { margin: 0; }

/* banner "solo illustrazione" turismo (sezione_12): sfondo verde #C4D7D1 sostituito
   dal gradiente orizzontale pastello dell header (rev. grafica 25). Layer sopra:
   illustrazione PNG invariata (stessa position/size Divi); sotto: gradiente.
   rev. 32: regola rev.25 su sezione_26 (banner convenzioni) RIMOSSA — sezione cancellata
   in rev.27, ma dopo il ri-salvataggio rev.31 Divi ha rinumerato la sezione News in
   section_26 e la regola orfana ne sovrascriveva il background (titolo-news.png). */
body.page-id-494922 div.et_pb_section.et_pb_section_12 {
    background-color: transparent !important;
    background-image:
        url("https://www.circolobdr.it/wp-content/uploads/2022/09/illustrazione-turismo.png"),
        linear-gradient(90deg, #dd565c 0%, #f2a6aa 15%, #fbe0e2 32%, #fff6f6 48%, #ffffff 66%) !important;
    background-repeat: no-repeat, no-repeat !important;
    background-size: auto calc(100% + 20px), cover !important;
    background-position: calc(100% + 20px) -10px, left center !important;
}

/* titolo "Turismo" dentro il banner (rev. grafica 26): testo vero (non l'immagine verde
   titolo-turismo.png, rimossa), blu tema, Montserrat 800 maiuscolo, a sinistra
   (opposto dell'illustrazione), sopra il gradiente. Solo /dashboard/. */
/* rev. 28: la sezione e' flex per centrare verticalmente il titolo in flusso
   (l'absolute della rev.26 si agganciava alla riga Divi, che collassa a h=0 e
   mandava meta' scritta fuori dal banner). */
body.page-id-494922 div.et_pb_section.et_pb_section_12 {
    display: flex;
    align-items: center;
}
/* rev. 30: rimosso il gradiente verde teal #c4d7d1 del builder sulla prima sezione
   (quella dello slider) — sfondo neutro. Scoped alla sola /dashboard/ (.et_pb_section_0
   esiste anche in altre pagine). */
body.page-id-494922 div.et_pb_section.et_pb_section_0 {
    background-image: none !important;
}

body.page-id-494922 div.et_pb_section.et_pb_section_12 .et_pb_row {
    width: 100%;
    margin: 0;
}
body.page-id-494922 .bdr-dash-banner-title {
    margin: 0 0 0 40px;
    font-family: Montserrat, Helvetica, Arial, sans-serif !important;
    font-weight: 800 !important;
    font-size: clamp(40px, 6vw, 64px);
    line-height: 1;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #ffffff !important;
}
body.page-id-494922 .bdr-dash-banner-title a { color: #ffffff !important; text-decoration: none; }
/* rev. 34: badge ACF "Offerta in evidenza" nelle card loop (Turismo/News) — sfondo
   giallo senape #F0BC68 del builder sostituito dal rosso tema #d2242a. Testo gia'
   bianco nel builder, resta leggibile. Scoped alla sola /dashboard/. */
body.page-id-494922 .et_pb_de_mach_acf_item_26,
body.page-id-494922 .et_pb_de_mach_acf_item_33,
body.page-id-494922 .et_pb_de_mach_acf_item_40,
body.page-id-494922 .et_pb_de_mach_acf_item_47 {
    background-color: #d2242a !important;
}
/* rev. 35/37: badge "Offerta in evidenza" sempre incollato in fondo alla card.
   Le card del loop hanno altezza uguale (equal_height) ma contenuto piu' corto
   lascia vuoto sotto: si rende la card una colonna flex (solo card col badge,
   via :has()) e l'ultimo modulo (il badge) riceve margin-top:auto.
   rev.37: GLOBALE (rimosso lo scope body.page-id-494922) + hook stabile
   .bdr-badge-offerta (classe aggiunta al modulo nel layout DM 540) al posto
   delle classi per-istanza .et_pb_de_mach_acf_item_NN (non stabili). */
.grid-col.dmach-grid-item:has(.bdr-badge-offerta) {
    display: flex;
    flex-direction: column;
}
.grid-col.dmach-grid-item:has(.bdr-badge-offerta) .grid-item-cont,
.grid-col.dmach-grid-item:has(.bdr-badge-offerta) .bc-link-whole-grid-card,
.grid-col.dmach-grid-item:has(.bdr-badge-offerta) .bc-link-whole-grid-card > .et_pb_section,
.grid-col.dmach-grid-item:has(.bdr-badge-offerta) .bc-link-whole-grid-card > .et_pb_section > .et_pb_row:last-child,
.grid-col.dmach-grid-item:has(.bdr-badge-offerta) .bc-link-whole-grid-card > .et_pb_section > .et_pb_row:last-child > .et_pb_column {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.grid-col.dmach-grid-item:has(.bdr-badge-offerta) .bc-link-whole-grid-card > .et_pb_section > .et_pb_row:last-child > .et_pb_column > .et_pb_module:last-child {
    margin-top: auto !important;
}

/* rev. 38: ripristino dello stile del badge "Offerta in evidenza", perso dopo il
   wp post update del layout DM 540 (rev.37): Divi non emette piu' il CSS generato
   da custom_padding/custom_margin/width e label_css_* del modulo badge. Replicato
   qui, in modo globale, tramite l'hook stabile .bdr-badge-offerta.
   Il background resta quello del builder (#F0BC68 su /, rosso scoped su /dashboard/). */
.grid-col.dmach-grid-item .bdr-badge-offerta {
    padding: 12px 10px !important;
    margin: 0 !important;
    width: 100%;
    text-align: center !important;
}
.grid-col.dmach-grid-item .bdr-badge-offerta .dmach-acf-value {
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    color: #ffffff !important;
    text-align: center !important;
}

.bdr-dash-card__arrow {
    margin-left: auto;
    color: #d2242a;
    flex: 0 0 auto;
}

/* 4.3 (rev. 13) — colonna FISSA a tutta altezza della finestra (100vh): resta sempre
   visibile mentre si scorre la pagina (come .sidebar-bg del demo, position:fixed inset-y-0).
   Esce dal flusso, quindi lo spazio lo riserva .bdr-dash con padding-left: il body non
   finisce mai sotto la colonna. Solo la testata (solo su /dashboard/, body.page-id-494922)
   parte a destra della colonna, così il menu non copre l'header. Il footer (rev. 13) torna
   a TUTTA LARGHEZZA e (rev. 14) passa SOPRA la colonna (z-index maggiore): la colonna
   sembra così finire attaccata sotto il footer, senza coprirlo. Solo >=981px: sotto i
   980px le colonne restano impilate. */
@media (min-width: 981px) {
    /* rev. 15: la colonna occupa almeno una schermata, così il footer resta sotto la piega
       e "risale" sopra la colonna (z-index) solo durante lo scroll, restando attaccato. */
    .bdr-dash { padding-left: 220px; min-height: 100vh; }
    .bdr-dash__side {
        position: fixed;
        top: 0;
        left: 0;
        width: 220px !important;
        height: 100vh;
        overflow-y: auto;
        z-index: 10020; /* rev.44b: sopra l'header (10010): il brand sporge sull'header */
        padding-top: 100px; /* rev.45c: spazio del brand fisso (92px+8) */
    }
    body.page-id-494922 .et-l--header { margin-left: 220px; }
    /* rev. 14: il footer (a tutta larghezza) passa SOPRA la colonna fissa */
    body.page-id-494922 .et-l--footer { position: relative; z-index: 10040; } /* rev.47: sopra sidebar (10020) e header (10010) — ripristino rev.11 */
}
/* colonna e testata a 250px su schermi larghi (>=1101px); footer a tutta larghezza (rev. 13) */
@media (min-width: 1101px) {
    .bdr-dash { padding-left: 250px; }
    .bdr-dash__side { width: 250px !important; flex: 0 0 250px; }
    body.page-id-494922 .et-l--header { margin-left: 250px; }
}


/* logo del sito nascosto SOLO su /dashboard/ (header). Il body ha gia' page-id-494922:
   stesso scoping per pagina di body.page-id-494922 .et-l--header, a tutte le larghezze.
   Resta visibile il logo .bdr-dash__logo della sidebar laterale. */
body.page-id-494922 .et_pb_menu__logo-wrap { display: none; }

/* testata — gradiente orizzontale pastello a dominanza bianca (rev. grafica 18):
   rosa cipria a sinistra verso il bianco a destra, SOLO su /dashboard/.
   Specificita' (0,3,1) + !important batte la regola Divi generata
   .et_pb_section_1_tb_header.et_pb_section { background-color:#5F9595!important }. */
body.page-id-494922 .et_pb_section_1_tb_header.et_pb_section {
    background: linear-gradient(90deg, #dd565c 0%, #f2a6aa 15%, #fbe0e2 32%, #fff6f6 48%, #ffffff 66%) !important;
}

/* menu dell'header centrato SOLO su /dashboard/ (desktop, eccezione dichiarata a .bdr-dash):
   batte .et_pb_menu--style-left_aligned.et_pb_text_align_right .et_pb_menu__wrap
   { justify-content:flex-end } di Divi. Mobile <=980 invariato. */
@media (min-width: 981px) {
    body.page-id-494922 .et_pb_menu_0_tb_header .et_pb_menu__wrap,
    body.page-id-494922 .et_pb_menu_0_tb_header .et_pb_menu__menu > nav > ul {
        justify-content: center !important;
    }
}

/* menu header su /dashboard/ — testo voci #1a4776 e icone rosse #d2242a (rev. grafica 18):
   batte le regole Divi in pagina con testo/icona bianchi. */
body.page-id-494922 .et_pb_menu_0_tb_header .nav li a,
body.page-id-494922 .et_pb_menu_0_tb_header .nav li ul.sub-menu a { color: #1a4776 !important; }
body.page-id-494922 .et_pb_menu_0_tb_header .et_pb_menu__icon,
body.page-id-494922 .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before { color: #d2242a !important; }

/* schede offerte (sez. footer section_0) dentro la colonna contenuto SOLO su /dashboard/:
   la sidebar fissa resta visibile alla loro sinistra; il footer informativo (section_5)
   resta a tutta larghezza. Scope = pagina (body.page-id-494922 presente solo li'). */
@media (min-width: 981px) {
    body.page-id-494922 .et_pb_section_0_tb_footer { margin-left: 220px; width: auto; }
}
@media (min-width: 1101px) {
    body.page-id-494922 .et_pb_section_0_tb_footer { margin-left: 250px; }
}
/* niente distacco di 100px sopra le schede: si attaccano al contenuto della pagina */
body.page-id-494922 .et_pb_section_0_tb_footer { margin-top: 0; }

/* footer informativo — sfondo rosso logo #d2242a SOLO su /dashboard/ (rev. grafica 17).
   Specificita' (0,3,1) + !important batte la regola Divi generata
   .et_pb_section_5_tb_footer.et_pb_section { background-color:#5F9595!important }.
   Testo/footer bianco: contrasto 5,21:1 (AA) contro 3,38:1 del teal. */
body.page-id-494922 .et_pb_section_5_tb_footer.et_pb_section {
    background-color: #d2242a !important;
}

/* logo in cima (demo: 104px, centrato) */
/* rev.44: brand block accanto al logo (mockup cliente): nome + slogan Yellowtail.
   Il blocco sporge a destra oltre la colonna (come nel mockup) e sta SOPRA l'header
   fisso (z-index > 10010). Mobile: torna dentro la colonna. */
.bdr-dash__logo {
    /* rev.45: brand FISSO in alto-sinistra, sopra l'header (z 10020 > 10010),
       in risalto; e' FRATELLO della sidebar => non viene clipppato dal suo overflow */
    position: fixed;
    top: 8px;
    left: 14px;
    z-index: 10030; /* rev.45b: sopra sidebar (10020) e header (10010) */
    display: flex;
    align-items: center;
    gap: 11px;
    width: auto;
    padding: 0;
    text-align: left;
}
.bdr-dash__logo img { margin: 0; flex: 0 0 100px; width: 100px; height: 100px; }
.bdr-dash__brand { display: block; min-width: 0; }
.bdr-dash__brand-name {
    display: block;
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: 23px;
    line-height: 1.1;
    color: #1a4776;
    white-space: nowrap;
}
.bdr-dash__brand-slogan {
    display: block;
    font-family: "Yellowtail", cursive;
    font-size: 17px;
    line-height: 1.2;
    color: #d2242a;
    white-space: nowrap;
    margin-top: 2px;
}
@media (max-width: 980px) {
    .bdr-dash__logo { position: static; width: auto; padding: 10px 0 6px 12px; }
    .bdr-dash__logo img { flex: 0 0 64px; width: 64px; height: 64px; }
    .bdr-dash__brand-name { font-size: 18px; white-space: normal; }
    .bdr-dash__brand-slogan { font-size: 14px; white-space: normal; }
}
/* (regola display blocco singolo sostituita dalla rev.44; la regola img sotto resta valida) */
/* rev.44d: img regola sostituita (90px flessibile nel blocco rev.44 sopra) */

/* contenitore del menu */
.bdr-dash__wrap   { width: 100%; }
/* (0,2,0) batte .entry-content ul (0,1,1): toglie marker disc, indentatura 16px e i 23px sotto */
.bdr-dash .bdr-dash__nav,
.bdr-dash .bdr-dash__nav ul,
.bdr-dash .bdr-dash__nav li { list-style: none; margin: 0; padding: 0; width: 100%; }

/* voci primo livello: riga con icona, testo blu demo, separatore sottile */
.bdr-dash__nav > li > a {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 13px 10px;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    line-height: 1.35;
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    color: #1a4776 !important;
    text-decoration: none;
    border-bottom: 1px solid rgba(22,61,106,.08);
}
.bdr-dash__nav > li:last-child > a { border-bottom: 0; }
.bdr-dash__nav > li > a:hover { background: rgba(7,63,120,.06); }

/* icona per voce — classe bdr-icon-<slug> emessa dal walker; SVG lucide (ISC), traccia rossa #d2242a (rev. grafica 18) */
.bdr-dash__nav > li > a::before {
    content: "";
    flex: 0 0 27px;
    width: 27px;
    height: 24px;
    background: no-repeat center / 24px 24px;
}
.bdr-dash__nav > li.bdr-icon-chi-siamo > a::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23D2242A%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15%2021v-8a1%201%200%200%200-1-1h-4a1%201%200%200%200-1%201v8%22%20%2F%3E%20%3Cpath%20d%3D%22M3%2010a2%202%200%200%201%20.709-1.528l7-6a2%202%200%200%201%202.582%200l7%206A2%202%200%200%201%2021%2010v9a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.bdr-dash__nav > li.bdr-icon-iscriviti > a::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23D2242A%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%20%2F%3E%20%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%20%2F%3E%20%3Cline%20x1%3D%2219%22%20x2%3D%2219%22%20y1%3D%228%22%20y2%3D%2214%22%20%2F%3E%20%3Cline%20x1%3D%2222%22%20x2%3D%2216%22%20y1%3D%2211%22%20y2%3D%2211%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.bdr-dash__nav > li.bdr-icon-modulistica > a::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23D2242A%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M6%2022a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h8a2.4%202.4%200%200%201%201.704.706l3.588%203.588A2.4%202.4%200%200%201%2020%208v12a2%202%200%200%201-2%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M14%202v5a1%201%200%200%200%201%201h5%22%20%2F%3E%20%3Cpath%20d%3D%22M10%209H8%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2013H8%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2017H8%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.bdr-dash__nav > li.bdr-icon-contattaci > a::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23D2242A%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m22%207-8.991%205.727a2%202%200%200%201-2.009%200L2%207%22%20%2F%3E%20%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.bdr-dash__nav > li.bdr-icon-contatti > a::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23D2242A%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m22%207-8.991%205.727a2%202%200%200%201-2.009%200L2%207%22%20%2F%3E%20%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.bdr-dash__nav > li.bdr-icon-statuto > a::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23D2242A%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15%2012h-5%22%20%2F%3E%20%3Cpath%20d%3D%22M15%208h-5%22%20%2F%3E%20%3Cpath%20d%3D%22M19%2017V5a2%202%200%200%200-2-2H4%22%20%2F%3E%20%3Cpath%20d%3D%22M8%2021h12a2%202%200%200%200%202-2v-1a1%201%200%200%200-1-1H11a1%201%200%200%200-1%201v1a2%202%200%201%201-4%200V5a2%202%200%201%200-4%200v2a1%201%200%200%200%201%201h3%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.bdr-dash__nav > li.bdr-icon-organi-statutari > a::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23D2242A%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%20%2F%3E%20%3Cpath%20d%3D%22M16%203.128a4%204%200%200%201%200%207.744%22%20%2F%3E%20%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87%22%20%2F%3E%20%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.bdr-dash__nav > li.bdr-icon-link-utili > a::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23D2242A%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15%203h6v6%22%20%2F%3E%20%3Cpath%20d%3D%22M10%2014%2021%203%22%20%2F%3E%20%3Cpath%20d%3D%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6%22%20%2F%3E%20%3C%2Fsvg%3E"); }
.bdr-dash__nav > li.bdr-icon-linkutili > a::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23D2242A%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M15%203h6v6%22%20%2F%3E%20%3Cpath%20d%3D%22M10%2014%2021%203%22%20%2F%3E%20%3Cpath%20d%3D%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6%22%20%2F%3E%20%3C%2Fsvg%3E"); }

/* sottomenu: struttura invariata, palette blu/rosso demo */
.bdr-dash__nav .sub-menu {
    margin: 0 0 8px 14px;
    padding-left: 10px;
    border-left: 2px solid rgba(22,61,106,.12);
}
.bdr-dash__nav .sub-menu a {
    display: block;
    padding: 7px 10px;
    font-size: .95em;
    line-height: 1.35;
    color: #1a4776 !important;
    text-decoration: none;
    border-bottom: 1px solid rgba(22,61,106,.06);
}
.bdr-dash__nav .sub-menu a:hover { color: var(--bdr-dash-red) !important; }

/* stati attivi — generati dal walker. Voce attiva blu #1a4776 + barra rossa #d2242a (rev. grafica 18) */
.bdr-dash__nav a.is-active,
.bdr-dash__nav .current-menu-item > a,
.bdr-dash__nav .current_page_item > a {
    color: #1a4776 !important;
    font-weight: 700;
    box-shadow: inset 3px 0 0 #d2242a;
}

/* box newsletter statica (riprende la <section> del demo) */
.bdr-dash__news {
    margin-top: 18px;
    border: 1px solid var(--bdr-dash-red);
    border-radius: 12px;
    background: linear-gradient(to bottom right, #fff 0%, #fff 50%, #ffa8af 100%);
    padding: 14px;
}
.bdr-dash__news-ico {
    display: block;
    width: 27px;
    height: 27px;
    background: no-repeat center / 27px 27px url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23D2242A%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22m22%207-8.991%205.727a2%202%200%200%201-2.009%200L2%207%22%20%2F%3E%20%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%222%22%20%2F%3E%20%3C%2Fsvg%3E");
}
.bdr-dash__news h3 {
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
    margin: 4px 0 8px;
    color: var(--bdr-dash-blue);
}
.bdr-dash__news p {
    font-size: 12.5px;
    line-height: 1.45;
    margin: 0 0 12px;
    color: var(--bdr-dash-blue);
}
.bdr-dash__news-btn {
    display: block;
    text-align: center;
    border-radius: 22px;
    padding: 11px 14px;
    background: var(--bdr-dash-red);
    color: #fff !important;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
}
.bdr-dash__news-btn:hover { filter: brightness(.92); }

/* claim inclinato (demo) */
.bdr-dash__claim {
    transform: rotate(-7deg);
    padding: 25px 15px;
    text-align: center;
    font-size: 22px;
    line-height: 1.15;
    color: var(--bdr-dash-red);
    font-family: "Yellowtail", cursive;
}


/* sticky footer SOLO su /dashboard/ (body.page-id-494922): se il contenuto e' piu' corto
   della finestra, il footer resta a fondo pagina ed elimina la banda bianca che compariva
   sotto di esso sui monitor alti (es. 2560x1440). Nessuna altezza cablata: la testata tiene
   la sua altezza, #et-main-area assorbe lo spazio residuo e #main-content spinge il footer. */
body.page-id-494922 #page-container > #et-boc:not(.dm-base-context) { display: flex; flex-direction: column; min-height: 100vh; }
body.page-id-494922 #et-main-area { display: flex; flex-direction: column; flex: 1 1 auto; }
body.page-id-494922 #main-content { flex: 1 0 auto; }

/* Anteprima home in /dashboard/ (rev.17): Divi non rigenera la regola
   width:90% per alcune righe del corpo pagina (row_21); senza di
   essa la riga ricade sul default Divi (80%). Forzata qui, scoped a /dashboard/ +
   .bdr-dash__main, per replicare la resa fedele della home.
   rev. 41: row_0 (carosello) esce da questa regola e passa al 100% — vedi blocco
   rev. 41 in coda. */
body.page-id-494922 .bdr-dash__main .et_pb_row_21.et_pb_row { width: 90% !important; }

/* ===== fine dashboard laterale ===== */

/* ===== rev. 39: barra di ricerca nell'header piu' alta — SOLO su /dashboard/ e SOLO desktop =====
   Campo e bottone passano da 29px a 40px (min-height con box-sizing: border-box),
   specificita' maggiore della regola base li.menu-search-item (0,3,3 > 0,2,2).
   Su / e su mobile la barra resta 29px (lo scope body.page-id-494922 la limita alla
   dashboard; a <=980px li.menu-search-item e' gia' display:none). */
@media (min-width: 981px) {
    body.page-id-494922 li.menu-search-item input.bdr-menu-search-field {
        min-height: 40px !important;
        padding-top: .6em !important;
        padding-bottom: .6em !important;
    }
    body.page-id-494922 li.menu-search-item .bdr-menu-search-submit {
        min-height: 40px !important;
        padding-top: .6em !important;
        padding-bottom: .6em !important;
    }
}

/* ===== rev. 40 — sezione News su /dashboard/: 4 card in riga, solo 4 visibili =====
   Il contenitore News della dashboard e' un .divi-filter-loop-container.col-desk-3 con
   6 card .grid-col.category-news (CSS Grid del plugin divi-machine, gap 35px, 994px larg.).
   Regola 1 (desktop): il plugin impone repeat(3,1fr) con body .et_pb_section .col-desk-3;
   si forza repeat(4,1fr) con specificita' maggiore + !important.
   Regola 2 (tutti i breakpoint): le card 5 e 6 della griglia vengono nascoste, cosi' la
   sezione mostra 4 articoli in una sola riga.
   ENTRAMBE scoped a body.page-id-494922: su / e su /news/ esistono altri
   .divi-filter-loop-container con .grid-col.category-news (rispettivamente 6 e 12 card in
   col-desk-3) che devono restare invariati. Nessun wp post update (evita la regressione
   rev.37/38). Il breakpoint 980px e' identico a quello delle regole .col-desk-N del plugin. */
@media (min-width: 980px) {
    body.page-id-494922 #page-container .divi-filter-loop-container:has(.grid-col.category-news) > :not(.no-results-layout) {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}
/* rev.70c: hide card 5+ RIMOSSO (le 8 news vanno in 2 righe da 4) */
/* ===== rev. 41 — slider di /dashboard/ a tutta larghezza, a filo dell'header e piu' alto =====
   Richiesta: "tutto largo, poco piu' alto, che arrivi all'header principale".
   1) LARGHEZZA: la riga del carosello (row_0) passa dal 90% (994px, x 305..1299) al 100%
      (1104px, x 250..1354) = bordi esatti della testata. Ereditario dalla regola rev.17,
      che in questo blocco e' stata ridotta al solo row_21. Specifica identica e posizione
      piu' recente: vince comunque in modo esplicito.
   2) ARRIVO ALL'HEADER: padding-top della sezione slider 100px -> 0, quindi lo slide parte
      a y=147 (bordo basso della testata) invece che a 247. Regola Divi (post-CSS) senza
      !important ma presente anche nel media query phone (50px): qui !important su tutti i
      breakpoint. padding-bottom resta 100px (richiesta esplicita).
   3) ALTEZZA: l'aspect-ratio 1920/600 degli slide NON viene toccato (esiste anche sullo
      slider della home): con la larghezza 1104px l'altezza passa da 311px a 345px.
   Scope: body.page-id-494922 + .bdr-dash__main (larghezza) / div.et_pb_section_0 (padding)
   -> home, /news/, /chi-siamo/ invariati. Nessun wp post update. */
body.page-id-494922 .bdr-dash__main .et_pb_row_0.et_pb_row {
    width: 100% !important;
}
body.page-id-494922 div.et_pb_section.et_pb_section_0 {
    padding-top: 0 !important;
}
/* ============================================================
   rev. 42 — 27/10 (37ª modifica CSS) — Grafica dashboard estesa
   a TUTTO il sito: nuovo header + nuovo footer (richiesta cliente
   «la nuova grafica sia applicata a tutto il sito, header e footer»).
   Stessi valori rev. 18/29/33 ma scope globale (senza page-id-494922).
   NON esteso: nascondere logo (su altre pagine non c'e' la sidebar),
   search-bar piu' alta (elemento solo dashboard), Montserrat su body
   (fuori header/footer resto il font Divi: su richiesta si estende).
   Nella dashboard le regole scoped preesistenti producono lo stesso
   risultato: nessun conflitto visivo.
   ============================================================ */

/* header: gradiente orizzontale pastello a dominanza bianca (rev. 18)
   batte .et_pb_section_1_tb_header.et_pb_section { background:#5F9595!important } di Divi */
body #page-container .et_pb_section_1_tb_header.et_pb_section {
    background: linear-gradient(90deg, #dd565c 0%, #f2a6aa 15%, #fbe0e2 32%, #fff6f6 48%, #ffffff 66%) !important;
}

/* menu header centrato su desktop (rev. 14, eccezione estesa al sito) */
@media (min-width: 981px) {
    body #page-container .et_pb_menu_0_tb_header .et_pb_menu__wrap,
    body #page-container .et_pb_menu_0_tb_header .et_pb_menu__menu > nav > ul {
        justify-content: center !important;
    }
}

/* voci menu header: blu #1a4776 + sottomenu (rev. 29), icone carminio (rev. 18) */
body #page-container .et_pb_menu_0_tb_header .nav li a,
body #page-container .et_pb_menu_0_tb_header .nav li ul.sub-menu a {
    color: #1a4776 !important;
}
body #page-container .et_pb_menu_0_tb_header .et_pb_menu__icon,
body #page-container .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before {
    color: #d2242a !important;
}

/* footer informativo (section 5): rosso logo #d2242a (rev. 17)
   batte .et_pb_section_5_tb_footer.et_pb_section { background-color:#5F9595!important } di Divi */
body #page-container .et_pb_section_5_tb_footer.et_pb_section {
    background-color: #d2242a !important;
}

/* ============================================================
   rev.46 — header unificato anche in /dashboard/ (mockup cliente):
   fascia header a TUTTA larghezza, brand (logo+nome+slogan) dentro
   la fascia a sinistra in risalto, menu laterale che parte SOTTO
   l'header. Additivo: vince per ordine/specificita'.
   ============================================================ */
@media (min-width: 981px) {
    /* header a tutta larghezza (niente margin-left della rev.11) */
    body.page-id-494922 .et-l--header { margin-left: 0 !important; }
    /* la sidebar fissa parte sotto l'header (147px = bordo inferiore header) */
    body.page-id-494922 .bdr-dash__side {
        top: 147px !important;
        height: calc(100vh - 147px) !important;
        padding-top: 10px !important;
    }
}
/* brand centrato verticalmente nella fascia header (147px) */
body.page-id-494922 .bdr-dash__logo { top: 16px; } /* rev.48: centratura con logo 100px (fascia 147px) */


/* ============================================================
   rev.50 — colonna laterale estesa a TUTTE le pagine (client).
   Scope: body.bdr-dash-on (classe aggiunta da functions.php quando
   il wrapper attiva la colonna). Copia strutturale delle regole
   dashboard (rev.11/46/47/48) senza il page-id: le regole di
   CONTENUTO (card, slider, news, badge) restano solo /dashboard/.
   ============================================================ */
body.bdr-dash-on .et_pb_menu__logo-wrap { display: none !important; } /* il brand fixed sostituisce il logo header */
/* rev.53 logo-hide: nelle pagine con colonna il menu e' --with-logo (logo 370px con nome) */
body.bdr-dash-on .et_pb_menu_0_tb_header.et_pb_menu--with-logo .et_pb_menu__logo-wrap,
body.bdr-dash-on .et_pb_menu_0_tb_header.et_pb_menu--with-logo .et_pb_menu__logo { display: none !important; }
body.bdr-dash-on .et_pb_menu_0_tb_header.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a { padding-top: 20px !important; }

@media (min-width: 981px) {
    body.archive #main-content { padding-left: 250px; } /* rev.66: sul MAIN, footer full */
    body.bdr-dash-on .bdr-dash__side {
        /* rev.63: torna FIXED (l'absolute+sticky di rev.61 si impilavano):
           colonna a tutta finestra; il fondo rosa tenue resta sotto, non bianco */
        position: fixed;
        top: 147px;
        left: 0;
        width: 250px !important;
        flex: 0 0 250px;
        height: calc(100vh - 147px);
        overflow-y: auto;
        z-index: 10020;
        padding-top: 10px;
    }
    body.bdr-dash-on .bdr-dash__logo { top: 16px; } /* centratura fascia con logo 100px */
    body.bdr-dash-on .et-l--footer { position: relative; z-index: 10040; } /* footer sopra la colonna */
    body.bdr-dash-on .et_pb_section_0_tb_footer { margin-left: 250px; width: auto; margin-top: 0; }
}
@media (min-width: 981px) and (max-width: 1100px) {
    body.archive #main-content { padding-left: 220px; } /* rev.66 */
    body.bdr-dash-on .bdr-dash__side { width: 220px !important; flex: 0 0 220px; }
    body.bdr-dash-on .et_pb_section_0_tb_footer { margin-left: 220px; }
}

/* rev.54 RIMOSSO da rev.55 (collassava il contenuto nelle pagine estese) */
/* rev.57: indice blog (/news/ = body.blog): il wrapper the_content non passa, inject a buffer:
   il padding lo da' #et-main-area (250/220) */
@media (min-width: 981px) {
    body.blog #main-content { padding-left: 250px; } /* rev.66 */
}
@media (min-width: 981px) and (max-width: 1100px) {
    /* rev.68: il padding qui spostava anche il footer TB (fuori perimetro): VIA */
}

/* rev.58: padding-left su #et-main-area (nessun .bdr-dash/__main), scope body.page-id-494922 senza __main */
@media (min-width:981px){
  /* rev.68: VIA (footer TB dentro et-main-area: deve restare full) */
}
@media (min-width:981px) and (max-width:1100px){
  /* rev.68: VIA */
}
@media (min-width:981px){
  body.page-id-494922 #main-content { padding-left:250px } /* rev.66 */
}
@media (min-width:981px) and (max-width:1100px){
  body.page-id-494922 #main-content { padding-left:220px } /* rev.66 */
}
/* rev.41 replicato senza .bdr-dash__main */
body.page-id-494922 .et_pb_row_0.et_pb_row { width:100% !important }
body.page-id-494922 .et_pb_row_21.et_pb_row { width:100% !important }


/* ============================================================
   rev.59 — colonna via buffer globale (nessun wrapper .bdr-dash
   nel markup): il padding strutturale va su #et-main-area per
   TUTTE le pagine con colonna (class body bdr-dash-on), e la
   dashboard ora usa il MEDESIMO schema (override delle vecchie
   regole .bdr-dash { padding } che restano ma non matchano piu').
   ============================================================ */
@media (min-width: 981px) {
    body.bdr-dash-on #main-content { padding-left: 250px; } /* rev.66: sul MAIN, il footer resta full */
}
@media (min-width: 981px) and (max-width: 1100px) {
    body.bdr-dash-on #main-content { padding-left: 220px; } /* rev.66 */
}

/* rev.60: la colonna fixed non deve "sparire" a bianco in fondo: il rosa si tiene,
   il bianco pieno resta solo oltre la fine visibile (colonne lunghe) */
@media (min-width: 981px) {
    body.bdr-dash-on .bdr-dash__side {
        background: linear-gradient(180deg, #dd565c 0%, #f2a6aa 15%, #fbd9db 45%, #f7c2c5 85%, #f2a6aa 120%, #ed9298 160%, #e8898f 200%) !important;
    }
}
/* rev.61: contenitore per la colonna absolute + menu sticky dentro la colonna */
body.bdr-dash-on { position: relative; }
/* rev.62: niente gap bianco fra colonna e contenuto (mockup: contenuto a filo colonna).
   Il 4% di inset Divi sulle righe del contenuto e' azzerato per le pagine con colonna;
   la respirazione la fa il padding del blocco (24px) dentro le righe. */
@media (min-width: 981px) {
    body.bdr-dash-on #main-content .et_pb_row { /* rev.68: scope fix */ width: 100% !important; max-width: 100% !important; padding-left: 24px; padding-right: 24px; margin-left: 0 !important; }
    body.bdr-dash-on #et-main-area .et_pb_column { padding-left: 0 !important; padding-right: 0 !important; }
}

/* rev.65: il tratto terminale a sinistra (sotto la colonna fixed, sopra il footer)
   resta ROSA come la colonna, non bianco: e' il fondo del body che si vede nel gap */
@media (min-width: 981px) {
    body.bdr-dash-on {
        background-image: linear-gradient(180deg, transparent 0%, transparent 100%);
        background-color: #fdf3f4; /* rosa tenue coerente col fondo colonna */
    }
}

/* ============================================================
   rev.67 — FOOTER informativo (section_5_tb_footer) FORZATO a
   tutta larghezza, sopra la colonna (z 10040), x=0. Le schede
   partner (section_0_tb_footer) restano nella colonna contenuto.
   I selettori coprono sia pagina-dashboard sia pagine con colonna.
   ============================================================ */
@media (min-width: 981px) {
    body.page-id-494922 .et_pb_section_5_tb_footer.et_pb_section,
    body.bdr-dash-on .et_pb_section_5_tb_footer.et_pb_section {
        width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        margin-top: 0 !important;
        position: relative;
        z-index: 10040;
    }
}

/* rev.68 GUARDIA: et-main-area SENZA padding laterale (il footer TB e' dentro e deve restare a tutta larghezza) */
@media (min-width: 981px) {
    body.bdr-dash-on #et-main-area,
    body.blog #et-main-area,
    body.archive #et-main-area { padding-left: 0 !important; padding-right: 0 !important; }
}

/* rev.73: il badge "Privacy by MyAgilePrivacy" (map_branded-box) sta fisso in basso-sinistra
   SOVRAPPOSTO al bottone newsletter della sidebar: rubava i click (elementFromPoint=IMG).
   Resta VISIBILE (firma plugin) ma NON intercettante: pointer-events off e layer sotto la colonna. */
/* rev.82: il BANNER COMPLETO (z 1e9, copre la bottom-left) NON intercetta i click del sito:
   resta visibile come prima, ma solo i SUOI bottoni accettano il mouse */
.mapNoCookies, .mapPositionBottom, .map_branded-box {
    pointer-events: none !important;
    z-index: 9990 !important;
}
.mapNoCookies a, .mapNoCookies button, .map-button, .map-button-style {
    pointer-events: auto !important;
}

/* rev.78 — form nel modal: forzo la visibilita' di campi/labels (CF7-styler li nasconde
   fuori dal suo layout nativo) */
#bdr-news-modal .wpcf7,
#bdr-news-modal .wpcf7 form,
#bdr-news-modal .wpcf7-form,
#bdr-news-modal .bdr-news-modal__form .dipe-cf7,
#bdr-news-modal .bdr-news-modal__form .dipe-cf7-container { display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; }
#bdr-news-modal .bdr-news-modal__form p { display: block !important; margin: 0 0 12px; }
#bdr-news-modal .wpcf7-form-control,
#bdr-news-modal .bdr-news-modal__form .news-field { width: 100% !important; display: block !important; visibility: visible !important; height: auto !important; opacity: 1 !important; }
#bdr-news-modal .wpcf7-response-output { margin: 10px 0 0; font-size: 13px; }

/* ============================================================
   rev.81 — Modal newsletter: grafica del form = quella del FORM
   DEL FOOTER (CF7-Styler). Le regole dello styler (dvppl_cf7_0_tb_footer)
   non matchano fuori dal modulo: le replico qua, scope #bdr-news-modal.
   Stessi font/peso/tinte del prod: Rubik 300 16px testi, submit
   #C62F32 uppercase Rubik 600 18px radius 10, hover senape #F0BC68.
   ============================================================ */
#bdr-news-modal .wpcf7 input:not([type=submit]),
#bdr-news-modal .wpcf7 textarea {
    font-family: 'Rubik', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    color: #3E3E3E !important;
    border-width: 1px !important;
    border-color: rgba(194,116,121,.45) !important;
    border-radius: 6px !important;
    padding: 15px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: #fff !important;
    height: auto !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
#bdr-news-modal .wpcf7 input::placeholder {
    font-family: 'Rubik', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    color: #8a8a8a !important;
    text-transform: none !important;
}
#bdr-news-modal .wpcf7-container .wpcf7-form-control:not(.wpcf7-submit),
#bdr-news-modal .wpcf7-form-control:not(.wpcf7-submit) {
    margin: 0 0 16px !important;
}
#bdr-news-modal .wpcf7 p {
    display: block !important;
    margin: 0 0 14px !important;
    height: auto !important;
}
#bdr-news-modal .wpcf7 .wpcf7-form-control-wrap {
    display: block !important;
    height: auto !important;
}
/* acceptance: la riga privacy come nel footer (testo piccolo, checkbox custom) */
#bdr-news-modal .wpcf7 .privacytext-light,
#bdr-news-modal .wpcf7 .wpcf7-acceptance {
    font-size: 12.5px !important;
    color: #6b7280 !important;
    line-height: 1.45 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    height: auto !important;
    margin: 0 0 16px !important;
}
#bdr-news-modal .wpcf7 .wpcf7-acceptance input[type=checkbox] {
    flex: 0 0 auto !important;
    width: 18px !important; height: 18px !important;
    margin-top: 1px !important;
    display: inline-block !important;
    visibility: visible !important; opacity: 1 !important;
    accent-color: #d2242a !important;
}
/* il SUBMIT = identico al bottone del footer */
#bdr-news-modal .wpcf7 input[type=submit],
#bdr-news-modal .wpcf7-form input[type=submit] {
    font-family: 'Rubik', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
    color: #FFFFFF !important;
    background-color: #C62F32 !important;
    border: 0 !important;
    border-radius: 10px !important;
    padding: 15px 24px !important;
    width: 100% !important;
    cursor: pointer !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    transition: background-color .3s ease 0ms !important;
}
#bdr-news-modal .wpcf7 input[type=submit]:hover {
    background-color: #F0BC68 !important;
    color: #fff !important;
}
/* messaggi CF7 (success/errore) leggibili */
#bdr-news-modal .wpcf7-response-output {
    font-size: 14px !important;
    color: #1a4776 !important;
    border: 0 !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
}

/* rev.81 — base (fuori media query): label + input = componenti MOBILE-only.
   Senza queste la label apparirebbe come testo inline e il checkbox come
   quadratino visibile ANCHE su desktop. La media query sotto ri-abilita
   la label con display:flex !important (vince qui). */
.bdr-dash__acc-label  { display: none; }
.bdr-dash__acc-toggle { position: absolute; left: -9999px; }

/* ============================================================
   rev.81 — MOBILE (≤980px): menu laterale in ACCORDIONE.
   Client (28/10/26): "doppio menu": su telefono il menu ACF
   espanso (~6 voci + news + claim) spingeva il contenuto a
   ~1000px. La barra Divi mobile (hamburger) resta quella di
   sempre; SOLO la colonna laterale si riduce a un pulsante
   "Menu del Circolo" che apre/chiude il pannello (checkbox-hack,
   nessun JS). Il toggle esiste SOLO nella media query: a riposo
   il pannello e' chiuso; quando aperto news e claim restano
   visibili dentro il pannello (font/gap invariati). Desktop
   (>=981px): markup nuovo (input/label/panel) ma completamente
   inerte — regole esistenti intatte, specificita' 1-0-1.
   ============================================================ */
@media (max-width: 980px) {
    /* il checkbox vive subito dentro <aside class="bdr-dash__side">
       (fratello PRECEDENTE di label e panel: selettori ~ + :checked).
       Il suo nascondimento (offscreen focusabile) e' nella regola BASE
       rev.81 sopra: vale a ogni larghezza. */

    /* pulsante: barra compatta rosso logo, coerente con le CTA tema */
    body.bdr-dash-on .bdr-dash__acc-label {
        display: flex !important;
        align-items: center;
        gap: 10px;
        margin: 10px 12px 0;
        padding: 11px 14px;
        border-radius: 10px;
        background: var(--bdr-dash-red, #d2242a);
        color: #fff;
        font-weight: 700;
        font-size: 14px;
        cursor: pointer;
        user-select: none;
        -webkit-user-select: none;
        -webkit-tap-highlight-color: transparent;
    }
    .bdr-dash__acc-ico {
        flex: 0 0 16px;
        width: 16px; height: 14px;
        background:
          linear-gradient(#fff 0 0) top / 100% 2.5px no-repeat,
          linear-gradient(#fff 0 0) center / 100% 2.5px no-repeat,
          linear-gradient(#fff 0 0) bottom / 100% 2.5px no-repeat;
    }
    .bdr-dash__acc-chev {
        margin-left: auto;
        width: 8px; height: 8px;
        border-right: 2.5px solid #fff;
        border-bottom: 2.5px solid #fff;
        transform: rotate(45deg);
        transition: transform .2s ease;
    }

    /* pannello: chiuso a riposo; aperto con checkbox checked */
    body.bdr-dash-on .bdr-dash__panel { display: none; }
    body.bdr-dash-on .bdr-dash__acc-toggle:checked ~ .bdr-dash__panel { display: block; }
    body.bdr-dash-on .bdr-dash__acc-toggle:checked ~ .bdr-dash__acc-label .bdr-dash__acc-chev {
        transform: rotate(225deg);
    }

    /* news e claim: dentro al pannello (regole originali restano) */
    body.bdr-dash-on .bdr-dash__panel .bdr-dash__news { display: block; }
    body.bdr-dash-on .bdr-dash__panel .bdr-dash__claim { display: block; }
}

/* ============================================================
   rev.82 — FIX icona hamburger Divi (la lettera "a" al posto
   del glifo tre-linee). Causa (NON la rev.81, presente anche
   prima): nel CSS dinamico et-cache dello staging Divi emette
   @font-face ETmodules sulla variante SOCIAL
   (core/admin/fonts/modules/social/modules.woff = SOLO icone
   social, SENZA il glifo hamburger \61) e con URL assoluto
   //www.circolobdr.it (residuo del clone 27/10) → cross-origin
   senza CORS. Il PROD emette la variante ALL (glifi completi,
   woff 200 su entrambi i server). Override: unico face
   ETmodules ridefinito con percorso RELATIVO all'origine —
   vale identico su staging e prod; il child e' linkato DOPO
   gli et-cache quindi l'ultimo face vince.
   ============================================================ */
@font-face {
    font-family: ETmodules;
    src: url("/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.eot");
    src: url("/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.eot?#iefix") format("embedded-opentype"),
         url("/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.woff") format("woff"),
         url("/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.ttf") format("truetype"),
         url("/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.svg#ETmodules") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

/* ============================================================
   rev.83 — MOBILE: brand della colonna DENTRO la fascia header
   (client 28/10: "il logo non si può mettere da mobile
   nell'header principale? e togliere quella banda bianca").
   Come la rev.46 fa su desktop: il brand esce dal flusso (FIXED)
   e si sovrappone alla fascia header — che su mobile è GIÀ
   fixed (misurato: 101px a 390px = hamburger 42 + ricerca 59).
   Il blocco brand (y101→181, fondo bianco = la "banda") esce
   dal flusso → header e colonna rosse diventano CONTIGUE; il
   contenuto sale di 80px via padding-top su #et-main-area.
   Desktop ≥981px: intoccato (regole solo in questa MQ).
   ============================================================ */
@media (max-width: 980px) {
    /* v4 (stesso giorno, revisione cliente): logo 40→56px; riga hamburger
       42→64 (min-height) per farlo stare SENZA coprire la ricerca sotto;
       slogan torna ROSSO (fondo reale sotto il testo = rosa chiaro del
       gradiente: leggibile -- il bianco era scelta mia per contrasto) */
    body.bdr-dash-on .et_pb_row_1_tb_header { min-height: 64px; }
    body.bdr-dash-on .bdr-dash__logo {
        position: fixed;
        top: 4px;
        left: 12px;
        z-index: 10030;         /* sopra header (10010), sotto il consent */
        display: flex;
        align-items: center;
        gap: 10px;
        width: auto;
        height: 56px;
        padding: 0;
        background: transparent;
        box-shadow: none;
    }
    body.bdr-dash-on .bdr-dash__logo img {
        flex: 0 0 56px;
        width: 56px;
        height: 56px;
        background: transparent;
        box-shadow: none;
    }
    /* testo affiancato al logo, dentro la riga 0–64 */
    body.bdr-dash-on .bdr-dash__brand { display: flex; flex-direction: column; justify-content: center; }
    body.bdr-dash-on .bdr-dash__brand-name   { font-size: 17px; line-height: 1.2; }
    body.bdr-dash-on .bdr-dash__brand-slogan { font-size: 11px; line-height: 1.2; color: var(--bdr-dash-red, #d2242a); }
     /* ⚠️ NO padding-top su #et-main-area: la sidebar vive DENTRO et-main-area
        (inject rev.53) e il padding la spingerebbe giù ricreando la banda.
        Il flusso e' [sidebar][contenuto]: quando il brand esce, la colonna
        risale a 101 e i contenuti salgono automaticamente di 80px. */
}

/* ============================================================
   rev.84 — footer SENZA form newsletter + footer compatto
   (client 28/10: "visto che la newsletter sta nell'header
   laterale, togli quella nel footer e fai il footer un po'
   più piccolo"). PERCHE' la colonna e non il modulo: il modal
   della sidebar (bdrOpenNewsModal) SPOSTA dentro di sé il
   form #wpcf7-f77-o1 che vive in footer — se sparisse il
   FORM il modal resterebbe vuoto; nascondendo la sua COLONNA
   (column_7_tb_footer) il form resta nel DOM (sorgente del
   modal) ma invisibile nel footer; al click viene riparentato
   nel modal → esce dalla colonna nascosta → visibile.
   Senza media query: vale su tutte le pagine, mobile e desktop.
   Compatto: row5 (brand/contatti/link) 55/45 → 28/18,
   row6 (privacy) 20/13 → 10/8; il carousel partners (sezione
   0_tb_footer, 207px, CONTENUTO reale) non viene toccato.
   ============================================================ */
body #page-container .et-l--footer .et_pb_column_7_tb_footer {
    display: none !important;
}
body #page-container .et-l--footer .et_pb_row_5_tb_footer {
    padding-top: 28px !important;
    padding-bottom: 18px !important;
}
body #page-container .et-l--footer .et_pb_row_6_tb_footer {
    padding-top: 10px !important;
    padding-bottom: 8px !important;
}

/* ============================================================
   rev.85 — footer in GRADIENTE (client 28/10: "il footer in
   gradiente"). La sezione info (5_tb_footer) era rosso PIATTO
   #d2242a (rev.17). Gradiente verticale coerente col tema:
   rosso tenue #dd565c (lo start del gradiente header/sidebar
   rev.49) → rosso logo #d2242a → fondo leggermente scurito
   #b81e22: il testo bianco resta leggibile a ogni altezza
   (a differenza del gradiente chiaro della sidebar, che qui
   renderebbe bianco-illeggibile il footer). Specificita'
   (1,3,1)+coda > regola rev.17 (1,2,1); fallback = il flat
   della rev.17 resta sotto per i browser senza gradienti.
   (rev.87: il gradiente rev.85 e' stat RIMOSSO per scelta
   cliente — la regola non viene piu' emessa; storico qui.)
   ============================================================ */

/* ============================================================
   rev.87 — footer: (a) GRADIENTE rev.85 RIMOSSO (cliente: "non
   mi piace") → torna il rosso PIATTO #d2242a della rev.17 che
   e' ancora nel file: basta che questa regola non sia piu'
   emessa; (b) la riga info resta con 2 colonne vere (la terza,
   newsletter, e' nascosta da rev.84): su desktop ora si
   RIDISTRIBUISCONO 50/50 su tutta la larghezza (flex), cosi'
   non resta il vuoto della colonna togliuta. Mobile: le
   colonne restano impilate come sempre (MQ solo ≥981px).
   ============================================================ */
@media (min-width: 981px) {
    body #page-container .et-l--footer .et_pb_row_5_tb_footer { display: flex !important; }
    body #page-container .et-l--footer .et_pb_row_5_tb_footer > .et_pb_column {
        flex: 1 1 0 !important;
        width: auto !important;
        max-width: none !important;
        margin-right: 24px !important;
    }
    body #page-container .et-l--footer .et_pb_row_5_tb_footer > .et_pb_column:last-child {
        margin-right: 0 !important;
    }
}

/* ============================================================
   rev.86 — footer ANCORA piu' compatto (client 28/10: "...e
   soprattutto se possiamo farlo meno alto" — vale per TUTTO il
   footer, non solo mobile, e SOLO sul sito a specchio).
   Quota orizzonte (desktop): footer 673 = carousel partners
   207 (contenuto reale, non toccato) + row info 326 + privacy
   40. Tagli: (1) paddings row5 28/18 → 16/12, row6 10/8 → 6/6;
   (2) margini tipografici DENTRO le colonne info (p e li più
   stretti: il contenuto 280/280 scende senza cancellare testo);
   (3) brand h2 margine ridotto. Nessun contenuto rimosso.
   ============================================================ */
body #page-container .et-l--footer .et_pb_row_5_tb_footer {
    padding-top: 16px !important;
    padding-bottom: 12px !important;
}
body #page-container .et-l--footer .et_pb_row_6_tb_footer {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}
/* margini tipografici piu' stretti SOLO nelle colonne info */
body #page-container .et-l--footer .et_pb_row_5_tb_footer .et_pb_column p {
    margin-bottom: 6px !important;
    line-height: 1.35 !important;
}
body #page-container .et-l--footer .et_pb_row_5_tb_footer .et_pb_column ul {
    margin-top: 6px !important;
    padding: 0 !important;
}
body #page-container .et-l--footer .et_pb_row_5_tb_footer .et_pb_column ul li {
    margin-bottom: 4px !important;
    padding-left: 16px !important;
}
body #page-container .et-l--footer .et_pb_column h2,
body #page-container .et-l--footer .et_pb_row_5_tb_footer .et_pb_column h1,
body #page-container .et-l--footer .et_pb_row_5_tb_footer .et_pb_column h3 {
    margin-bottom: 6px !important;
    line-height: 1.2 !important;
}

/* ============================================================
   rev.88 — footer VERO taglio d'altezza (client: "non e' meno
   alto come richiesto"). Autopsia 1280px: le altezze vere
   vengono da (1) modulo social margin-bottom 51px (!), (2)
   immagini carousel partners a 162px di altezza ripetute a
   stack da mobile, (3) col equalize che allinea alla colonna
   piu' alta. Fix: social mb 51→10, img carousel max-height 130
   (object-fit: contain: loghi interi, niente crop), colonne
   row5 senza padding-bottom residuo. Il carousel resta (e'
   contenuto) ma le sue card scendono: desktop e 5×mobile.
   ============================================================ */
body #page-container .et-l--footer .et_pb_row_5_tb_footer .et_pb_social_media_follow {
    margin-bottom: 10px !important;
}
body #page-container .et-l--footer .et_pb_row_5_tb_footer > .et_pb_column {
    padding-bottom: 0 !important;
}
body #page-container .et-l--footer .et_pb_section_0_tb_footer img {
    max-height: 130px !important;
    width: 100% !important;
    object-fit: contain !important;
}

/* ============================================================
   rev.89 — footer con il GRADIENTE degli altri due (client:
   "un gradiente simile agli altri 2"). Applico la STESSA scala
   di rev.49 (header fascia + colonna laterale):
   #dd565c 0% → #f2a6aa 15% → #fbe0e2 32% → #fff6f6 48% →
   #ffffff 66%, verticale come la colonna. Testi come nella
   colonna laterale = BLU tema #1a4776 (il bianco sul rosa
   chiaro sparisce; il blu su gradiente e' il linguaggio gia'
   approvato di header/sidebar). Social: cerchi restano.
   ============================================================ */
body #page-container .et-l--footer .et_pb_section_5_tb_footer.et_pb_section {
    /* rev.91: gradiente ORIZZONTALE (client): rosso ACCESO a sinistra
       → si schiarisce verso destra (bianco). Il rosso pieno resta
       confinato ai primi ~60px (dove non c'e' testo: i contenuti
       iniziano con padding 40px+): i testi blu restano leggibili. */
    background: linear-gradient(90deg, #d2242a 0%, #e8898f 14%, #f6c3c7 28%, #fff6f6 48%, #ffffff 100%) !important;
}
body #page-container .et-l--footer .et_pb_section_5_tb_footer .et_pb_text,
body #page-container .et-l--footer .et_pb_section_5_tb_footer .et_pb_text h1,
body #page-container .et-l--footer .et_pb_section_5_tb_footer .et_pb_text h2,
body #page-container .et-l--footer .et_pb_section_5_tb_footer .et_pb_text h3,
body #page-container .et-l--footer .et_pb_section_5_tb_footer .et_pb_text p,
body #page-container .et-l--footer .et_pb_section_5_tb_footer .et_pb_text li,
body #page-container .et-l--footer .et_pb_section_5_tb_footer .et_pb_text a {
    color: #1a4776 !important;
}