/*
Theme Name:   Gianluca Amodio Child
Theme URI:    https://www.gianlucamodio.com/
Description:  Child theme di Divi per gianlucamodio.com. Contiene le personalizzazioni di codice del sito, al sicuro dagli aggiornamenti del tema padre.
Author:       Gianluca Amodio
Author URI:   https://www.gianlucamodio.com/
Template:     Divi
Version:      1.1.0
Text Domain:  gm-child
*/

/* ============================================================
   CSS DEL SITO — spostato qui da Divi > Opzioni tema > CSS personalizzato
   il 27/10/2026. Dopo aver verificato che il sito e' identico,
   quel campo va SVUOTATO: mai due copie attive insieme.
   ============================================================ */

.et_fixed_nav.et_show_nav.et_header_style_centered #page-container {
	padding-top: 60px !important;
}

/* Rimuove la riga bianca in basso negli articoli */
.single-post .et_pb_post {
	border-bottom: none !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

body,
html {
	background-color: #000000; /* Nero */
	margin: 0;
	padding: 0;
}

/* Nasconde il badge reCAPTCHA v3 */
.grecaptcha-badge {
	visibility: hidden !important;
}

/* Solo il titolo all'interno della classe effetto-link */
.effetto-link .et_pb_blur_title,
.effetto-link a {
	position: relative;
	display: inline-block; /* necessario per ::after */
	text-transform: uppercase;
	color: #ffffff;
	transition: color 0.3s ease-in-out;
	cursor: pointer;
	text-decoration: none;
}

/* Hover: cambia colore del titolo */
.effetto-link .et_pb_blur_title:hover,
.effetto-link a:hover {
	color: #77b238;
}

/* Barra verde sotto il titolo */
.effetto-link .et_pb_blur_title::after,
.effetto-link a::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 0;
	height: 2px;
	background-color: #77b238;
	transition: width 0.3s ease-in-out;
}

/* Hover: barra si estende al 100% */
.effetto-link .et_pb_blur_title:hover::after,
.effetto-link a:hover::after {
	width: 100%;
}

/* Ingrandisce le icone personalizzate */
.icona-custom .et_pb_main_blurb_image img {
	width: 55px !important;
	max-width: none !important;
	margin-right: 3px !important; /* Spazio tra icona e testo */
}

img {
	-webkit-user-drag: none;
	user-drag: none;
}

/* ============================================================
   [GM-MENU] MENU MOBILE — classe .gm-menu-mobile
   Un solo blocco @media. Prima erano due, uno annidato nell'altro:
   funzionava, ma la prima modifica in quel punto li rompeva entrambi.
   1) angoli arrotondati sulla tendina
   2) niente doppio sfondo scuro sui sottomenu
   ============================================================ */
@media (max-width: 980px) {

	.gm-menu-mobile ul.et_mobile_menu {
		border-radius: 14px !important;
		overflow: hidden !important; /* fondamentale per vedere gli angoli */
	}

	.gm-menu-mobile ul.et_mobile_menu li ul,
	.gm-menu-mobile ul.et_mobile_menu li ul.sub-menu,
	.gm-menu-mobile ul.et_mobile_menu .sub-menu,
	.gm-menu-mobile ul.et_mobile_menu .sub-menu li,
	.gm-menu-mobile ul.et_mobile_menu .sub-menu li a {
		background: transparent !important;
		background-color: transparent !important;
		box-shadow: none !important;
		border: 0 !important;
	}

	.gm-menu-mobile ul.et_mobile_menu li.menu-item-has-children {
		background: transparent !important;
	}
}