/* Restyling 2026 – componenti Enfold: header, menu, sezioni, card, footer. */

/* ---------- Header ---------- */
#top.db-restyle #header,
#top.db-restyle #header_meta,
#top.db-restyle .header_color .header_bg {
	background: transparent;
	border: 0;
	box-shadow: none;
}
#top.db-restyle #header_meta { display: none; }

#top.db-restyle #header_main {
	background: transparent;
	border: 0;
}
#top.db-restyle #header_main .av-logo-container {
	background: #fff;
	border-radius: 0 0 var(--db-radius-card) var(--db-radius-card);
	box-shadow: var(--db-shadow-soft);
	padding: 0 24px;
}
#top.db-restyle #header_main .av-logo-container .inner-container { background: transparent; }

/* Menu principale */
#top.db-restyle #header .av-main-nav > li > a {
	font-family: var(--db-font-body);
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0;
	text-transform: none;
	color: var(--db-text);
	background: transparent;
	padding: 0 11px;
}
#top.db-restyle #header .av-main-nav > li > a:hover,
#top.db-restyle #header .av-main-nav > li.current-menu-item > a,
#top.db-restyle #header .av-main-nav > li.current-menu-ancestor > a {
	color: var(--db-green);
}
#top.db-restyle #header .av-main-nav > li > a .avia-menu-fx { display: none; }
#top.db-restyle #header .av-main-nav > li.current-menu-item > a .avia-menu-text,
#top.db-restyle #header .av-main-nav > li.current-menu-ancestor > a .avia-menu-text {
	box-shadow: inset 0 -4px 0 var(--db-sun);
	padding-bottom: 2px;
}

/* Pill "Iscrizioni" (voce menu 46) e "Mensa" (pulsante di menu Enfold) */
#top.db-restyle #header .av-main-nav > li.av-menu-button > a,
#top.db-restyle #header .av-main-nav > li#menu-item-46 > a {
	padding: 0 4px;
}
#top.db-restyle #header .av-main-nav > li.av-menu-button > a .avia-menu-text,
#top.db-restyle #header .av-main-nav > li#menu-item-46 > a .avia-menu-text {
	display: inline-block;
	border: 0;
	border-radius: var(--db-radius-pill);
	padding: 9px 18px;
	line-height: 1.2;
	font-weight: 800;
	font-size: 14px;
	box-shadow: none;
	transition: background-color .15s ease;
}
#top.db-restyle #wrap_all #header.header_color .av-main-nav > li.av-menu-button > a .avia-menu-text {
	background: var(--db-tint-green);
	color: var(--db-forest);
}
#top.db-restyle #wrap_all #header.header_color .av-main-nav > li.av-menu-button > a:hover .avia-menu-text {
	background: #CFEED5;
}
#top.db-restyle #header .av-main-nav > li#menu-item-46 > a .avia-menu-text {
	background: var(--db-coral);
	color: var(--db-coral-ink);
	margin-left: 6px;
}
#top.db-restyle #header .av-main-nav > li#menu-item-46 > a:hover .avia-menu-text {
	background: #EE7D47;
}
/* Ordine: Iscrizioni per ultima, dopo Mensa */
#top.db-restyle #header .av-main-nav { display: flex; }
#top.db-restyle #header .av-main-nav > li#menu-item-46 { order: 99; }
#top.db-restyle #header .av-main-nav > li.av-burger-menu-main { order: 100; }

/* Sottomenu */
#top.db-restyle #header .av-main-nav ul {
	background: #fff;
	border: 0;
	border-radius: 18px;
	box-shadow: 0 10px 30px rgba(31, 77, 43, .12);
	padding: 8px;
	overflow: hidden;
}
#top.db-restyle #header .av-main-nav ul a {
	font-family: var(--db-font-body);
	font-weight: 600;
	font-size: 14px;
	text-transform: none;
	letter-spacing: 0;
	color: var(--db-text);
	background: transparent;
	border: 0;
	border-radius: 10px;
	padding: 9px 14px;
}
#top.db-restyle #header .av-main-nav ul a:hover {
	background: var(--db-tint-green);
	color: var(--db-forest);
}

/* ---------- Titolo di pagina (pagine interne) ---------- */
#top.db-restyle .title_container {
	background: var(--db-cream);
	border: 0;
}
#top.db-restyle .title_container .breadcrumb,
#top.db-restyle .title_container .breadcrumb a { color: var(--db-text-soft); font-size: 13px; }

/* ---------- Sezioni ---------- */
#top.db-restyle .avia-section.main_color:not([style*="background"]) { border: 0; }
#top.db-restyle .avia-section { border-color: transparent; }
#top.db-restyle .av-special-heading .av-subheading { font-family: var(--db-font-body); }
:where(#top.db-restyle) .av-special-heading .av-subheading { color: var(--db-text-soft); }
#top.db-restyle .av-special-heading .special-heading-border .special-heading-inner-border { border-color: var(--db-sun); }

/* Separatori orizzontali */
#top.db-restyle .hr-inner { border-color: var(--db-line); }

/* ---------- Immagini ---------- */
#top.db-restyle .avia-image-container .avia-image-overlay-wrap,
#top.db-restyle .avia-image-container img.avia_image {
	border-radius: var(--db-radius-card);
}

/* ---------- Icon box ---------- */
#top.db-restyle .iconbox.main_color .iconbox_content,
#top.db-restyle .iconbox .iconbox_content {
	background: #fff;
	border: 0;
	border-radius: var(--db-radius-card);
	box-shadow: var(--db-shadow-card);
}
#top.db-restyle .iconbox .iconbox_icon {
	background: var(--db-tint-green);
	color: var(--db-green);
	border: 0;
}
#top.db-restyle .iconbox .iconbox_content_title {
	font-family: var(--db-font-head);
	font-weight: 600;
	text-transform: none;
	color: var(--db-forest);
}

/* ---------- Articoli / blog / post slider ---------- */
#top.db-restyle .slide-entry,
#top.db-restyle .avia-content-slider .slide-entry,
#top.db-restyle .av-magazine-entry {
	background: #fff;
	border-radius: var(--db-radius-card);
	box-shadow: var(--db-shadow-card);
	overflow: hidden;
}
#top.db-restyle .slide-entry .slide-content { padding: 18px 20px 22px; }
#top.db-restyle .slide-entry .slide-image,
#top.db-restyle .slide-entry .slide-image img { border-radius: 0; }
#top.db-restyle .slide-entry-title,
#top.db-restyle .slide-entry-title a {
	font-family: var(--db-font-head);
	font-weight: 600;
	font-size: 19px;
	line-height: 1.2;
	color: var(--db-forest);
	text-transform: none;
	letter-spacing: 0;
}
#top.db-restyle .slide-meta,
#top.db-restyle .slide-meta a { color: var(--db-text-soft); font-size: 13px; }

#top.db-restyle .post-entry .post-title,
#top.db-restyle .post-entry .entry-title { font-family: var(--db-font-head); color: var(--db-forest); }

/* ---------- Toggle / tabs ---------- */
#top.db-restyle .toggler,
#top.db-restyle .tab {
	font-family: var(--db-font-body);
	font-weight: 800;
	text-transform: none;
	letter-spacing: 0;
	border-radius: var(--db-radius-sm);
}
#top.db-restyle .toggler.activeTitle { background: var(--db-tint-green); color: var(--db-forest); }

/* ---------- Footer (pagina "Footer" di Enfold) e socket ---------- */
#top.db-restyle #footer-page,
#top.db-restyle #footer-page .avia-section,
#top.db-restyle #footer-page .container,
#top.db-restyle #footer-page .main_color {
	background-color: var(--db-forest);
	border: 0;
}
#top.db-restyle #footer-page .avia-section {
	border-radius: var(--db-radius-lg) var(--db-radius-lg) 0 0;
	margin-top: 40px;
}
#top.db-restyle #footer-page,
#top.db-restyle #footer-page p,
#top.db-restyle #footer-page li,
#top.db-restyle #footer-page .avia_textblock {
	color: #DCEBDF;
	font-size: 14px;
	line-height: 1.6;
}
#top.db-restyle #footer-page h1, #top.db-restyle #footer-page h2,
#top.db-restyle #footer-page h3, #top.db-restyle #footer-page h4,
#top.db-restyle #wrap_all #footer-page .av-special-heading-tag,
#top.db-restyle #footer-page strong {
	color: #fff;
	font-family: var(--db-font-head);
	font-weight: 600;
}
#top.db-restyle #footer-page a { color: #fff; text-decoration: none; }
#top.db-restyle #footer-page a:hover { color: var(--db-sun); }

#top.db-restyle #socket,
#top.db-restyle #socket .container {
	background: var(--db-forest);
	border-top: 1px solid rgba(255, 255, 255, .12);
	color: rgba(220, 235, 223, .75);
	font-size: 13px;
}
#top.db-restyle #socket a { color: #fff; }

#top.db-restyle #scroll-top-link {
	background: var(--db-green);
	color: #fff;
	border: 0;
	border-radius: 50%;
}

/* ---------- Mobile ---------- */
@media only screen and (max-width: 767px) {
	#top.db-restyle #header_main .av-logo-container {
		border-radius: 0 0 18px 18px;
		padding: 0 16px;
	}
	#top.db-restyle #header .av-main-nav > li#menu-item-46 > a .avia-menu-text { margin-left: 0; }
	#top.db-restyle #footer-page .avia-section { border-radius: 22px 22px 0 0; }
}

/* Menu mobile a comparsa (burger): fondo crema, voci verde bosco.
   Enfold (layout.css) forza il bianco con ".html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a":
   serve un selettore almeno altrettanto specifico. */
.html_av-overlay-full #top.db-restyle #wrap_all .av-burger-overlay-bg,
#top.db-restyle .av-burger-overlay-bg {
	background: var(--db-cream);
	opacity: .98;
}
.html_av-overlay-full #top.db-restyle #wrap_all #av-burger-menu-ul li a {
	font-family: var(--db-font-body);
	font-weight: 700;
	text-transform: none;
	letter-spacing: 0;
	color: var(--db-forest);
}
.html_av-overlay-full #top.db-restyle #wrap_all #av-burger-menu-ul > li > a {
	font-family: var(--db-font-head);
	font-weight: 600;
	font-size: 26px;
}
.html_av-overlay-full #top.db-restyle #wrap_all #av-burger-menu-ul li li a {
	color: var(--db-text-soft);
	font-size: 16px;
}
.html_av-overlay-full #top.db-restyle #wrap_all #av-burger-menu-ul li a:hover,
.html_av-overlay-full #top.db-restyle #wrap_all #av-burger-menu-ul li.current-menu-item > a {
	color: var(--db-green);
}
/* Mensa e Iscrizioni restano "pill" anche nel menu aperto */
.html_av-overlay-full #top.db-restyle #wrap_all #av-burger-menu-ul li.av-menu-button > a .avia-menu-text,
.html_av-overlay-full #top.db-restyle #wrap_all #av-burger-menu-ul li#menu-item-46 > a .avia-menu-text,
.html_av-overlay-full #top.db-restyle #wrap_all #av-burger-menu-ul li[id$="menu-item-46"] > a .avia-menu-text {
	display: inline-block;
	border-radius: var(--db-radius-pill);
	padding: 8px 22px;
	font-family: var(--db-font-body);
	font-size: 18px;
	font-weight: 800;
	border: 0;
}
.html_av-overlay-full #top.db-restyle #wrap_all #av-burger-menu-ul li.av-menu-button > a .avia-menu-text {
	background: var(--db-tint-green);
	color: var(--db-forest);
}
/* Hamburger e X di chiusura in verde, su tablet e mobile */
#top.db-restyle .av-hamburger-inner,
#top.db-restyle .av-hamburger-inner::before,
#top.db-restyle .av-hamburger-inner::after { background-color: var(--db-green); }

/* Pagine interne: i colori del vecchio tema (grigio, verde chiaro, arancio) vengono tradotti
   nella nuova palette da db_restyle_map_colors() in restyling.php. */


/* Testate delle pagine interne (prima sezione con foto): titoli e sottotitoli sempre bianchi,
   uguali su tutte le pagine, sopra la velatura verde bosco impostata in restyling.php */
#top.db-restyle #main > .avia-section:first-of-type:not([class*="db-"]) .av-section-color-overlay-wrap .av-special-heading-tag,
#top.db-restyle #main > .avia-section:first-of-type:not([class*="db-"]) .av-section-color-overlay-wrap .av-subheading,
#top.db-restyle #main > .avia-section:first-of-type:not([class*="db-"]) .av-section-color-overlay-wrap .av-subheading p,
#top.db-restyle #main > .avia-section:first-of-type:not([class*="db-"]) .av-section-color-overlay-wrap .avia_textblock h1,
#top.db-restyle #main > .avia-section:first-of-type:not([class*="db-"]) .av-section-color-overlay-wrap .avia_textblock h2 {
	color: #fff;
	text-shadow: 0 2px 14px rgba(0, 0, 0, .3);
}

/* ---------- Riquadri delle pagine interne (colonne con sfondo: classe aggiunta da restyling.php) ---------- */
#top.db-restyle .flex_column.db-card-col {
	border: 0;
	border-radius: var(--db-radius-card);
	box-shadow: var(--db-shadow-card);
}

/* ---------- Immagini delle pagine interne: angoli arrotondati come nel resto del sito ---------- */
#top.db-restyle .avia-gallery .avia-gallery-big,
#top.db-restyle .avia-gallery .avia-gallery-big img,
#top.db-restyle .avia-gallery .avia-gallery-big-inner {
	border-radius: 22px;
	overflow: hidden;
}
#top.db-restyle .avia-gallery .avia-gallery-big { border: 0; padding: 0; margin-bottom: 10px; box-shadow: var(--db-shadow-card); }
#top.db-restyle .avia-gallery .avia-gallery-thumb a {
	border-radius: 12px;
	overflow: hidden;
	border: 3px solid transparent;
	transition: border-color .15s ease;
}
#top.db-restyle .avia-gallery .avia-gallery-thumb a:hover,
#top.db-restyle .avia-gallery .avia-gallery-thumb a.active { border-color: var(--db-sun); }
#top.db-restyle .avia-gallery .avia-gallery-thumb img {
	/* via la cornice bianca "a polaroid" di Enfold */
	padding: 0;
	background: none;
	border: 0;
	border-radius: 9px;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	display: block;
}

#top.db-restyle .av-masonry .av-masonry-entry .av-inner-masonry,
#top.db-restyle .av-masonry .av-masonry-outerimage-container { border-radius: 18px; overflow: hidden; }
#top.db-restyle .avia-slideshow,
#top.db-restyle .avia-slideshow-inner { border-radius: var(--db-radius-card); overflow: hidden; }
#top.db-restyle #main .avia_textblock img:not([src*="logo"]) { border-radius: 18px; }

/* Overlay hover di Enfold sulle immagini (gallerie, immagini con link): stesso stile della home */
#top.db-restyle #main .image-overlay { background-color: rgba(31, 77, 43, .45); }
#top.db-restyle #main .image-overlay .image-overlay-inside::before {
	/* simbolo del logo al posto dell'icona di Enfold, come sulle novità della home */
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 88px;
	height: 88px;
	margin: -44px 0 0 -44px;
	border-radius: 50%;
	background: #fff url("../img/logo-mark.svg") center 55% / 64px auto no-repeat;
	box-shadow: 0 5px 0 rgba(0, 0, 0, .12);
	font-size: 0;
	line-height: 0;
	transform: scale(.85) rotate(-6deg);
	transition: transform .25s ease;
}
#top.db-restyle #main a:hover .image-overlay .image-overlay-inside::before {
	transform: scale(1) rotate(0);
}

/* Schermi intermedi (990–1199px, es. tablet orizzontale / portatili piccoli):
   menu completo ma più compatto, così non si sovrappone al logo */
@media only screen and (min-width: 990px) and (max-width: 1199px) {
	#top.db-restyle #header_main .av-logo-container { padding: 0 16px; }
	#top.db-restyle #header .logo img { max-width: 165px; height: auto; }
	#top.db-restyle #header .av-main-nav > li > a { padding: 0 7px; font-size: 14px; }
	#top.db-restyle #header .av-main-nav > li.av-menu-button > a,
	#top.db-restyle #header .av-main-nav > li#menu-item-46 > a { padding: 0 3px; }
	#top.db-restyle #wrap_all #header.header_color .av-main-nav > li.av-menu-button > a .avia-menu-text,
	#top.db-restyle #header .av-main-nav > li#menu-item-46 > a .avia-menu-text { padding: 8px 13px; font-size: 13px; }
}