body.page-template-template-home,
body.post-type-archive-videogiochi,
body.post-type-archive-tech,
body.post-type-archive-serie-tv,
body.post-type-archive-film {
    background-color: #101014 !important;
}
/* Responsive: scritta EDITORIALI su mobile */
@media (max-width: 768px) {
    .featured-box-left h3 {
        font-size: 3em !important;
        margin-top: 60px !important;
        margin-left: -50px !important;
        opacity: 0.2 !important;
    }
}

.featured-box-left h3 {
    margin-top: 319px;
    margin-left: -235px;
    font-size: 9em;
}
/*
Theme Name: WitterMag WP Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the WitterMag WP Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.2
Template: wittermag-wp
Author: INSIGHTS WEBMEDIA
Author URI: https://themeforest.net/user/an-themes/portfolio
Tags: sticky-post, right-sidebar, custom-colors
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

/************************************************/
/* CUSTOMIZZAZIONI GENERALI E AGGIUSTAMENTI     */
/************************************************/
/* Definizione del font Orbitron (Regular) */

:root {
	--qt-red: #ea463d;
	--circle-size: 56px;
	--circle-size-sml: 16px;
	--circle-size-mobile: 10px;
	--circle-size-sml-mobile: 46px;
	--circle-background: #d6dadc;
	--circle-color: #97a71d;
	--inset-size: 90px;
	--inset-color: #fbfbfb;
	--transition-length: 1s;
	--shadow: 6px 6px 10px rgba(0, 0, 0, 0.2);
	--grid-color: rgba(0, 255, 249, 0.08);
}

/* ===== GRIGLIA 3D CYBERPUNK GLOBALE ===== */
/* Animated Grid Background - Sotto tutto il contenuto */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image:
        linear-gradient(var(--grid-color) 1px, transparent 1px),
        linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);
    background-size: 50px 50px;
    animation: gridScroll 20s linear infinite;
    z-index: -1;
    pointer-events: none;
}

@keyframes gridScroll {
    0% { transform: perspective(500px) rotateX(60deg) translateY(0); }
    100% { transform: perspective(500px) rotateX(60deg) translateY(50px); }
}

/* Griglia colorata per sezione VIDEOGIOCHI */
body.post-type-archive-videogiochi::before,
body.single-videogiochi::before,
body.tax-articoli.videogiochi::before {
    --grid-color: rgba(250, 8, 140, 0.12);
}

/* Griglia colorata per sezione TECH */
body.post-type-archive-tech::before,
body.single-tech::before,
body.tax-articoli.tech::before {
    --grid-color: rgba(0, 255, 255, 0.12);
}

/* Griglia colorata per sezione SERIE-TV */
body.post-type-archive-serie-tv::before,
body.single-serie-tv::before,
body.tax-articoli.serie-tv::before {
    --grid-color: rgba(245, 34, 33, 0.12);
}

/* Griglia colorata per sezione FILM */
body.post-type-archive-film::before,
body.single-film::before,
body.tax-articoli.film::before {
    --grid-color: rgba(248, 241, 4, 0.12);
}

@font-face {
	font-family: "Orbitron"; /* Nome che userai nel tuo CSS */
	src: url("assets/fonts/Orbitron/Orbitron-Regular.ttf") format("truetype");
	font-weight: 400; /* Peso del font (Regular) */
	font-style: normal;
	font-display: swap; /* Importante per la performance: visualizza testo di fallback mentre carica il font */
}

/* Definizione del font Orbitron (Bold) - Se intendi usarlo */
@font-face {
	font-family: "Orbitron";
	src: url("assets/fonts/Orbitron/Orbitron-Bold.ttf") format("truetype");
	font-weight: 700; /* Peso del font (Bold) */
	font-style: normal;
	font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6,
.title-widget-vertical,
.glitch-container a,
.featured-box-right h4,
.top-widget-title,
.featured-box-left h3,
.menu,
.navigation,
nav,
.primary-menu,
.secondary-menu,
.wittermag-wp-primary-menu,
.wittermag-wp-secondary-menu {
	font-family: "Orbitron" !important;
}

.featured-box-left h3 {
	margin-top: 319px;
	margin-left: -235px;
	font-size: 9em;
}

/* Desktop: Editoriali H3 */
.editoriali-title {
    font-size: clamp(2rem, 8vw, 9em);
    margin-top: 319px;
    margin-left: -235px;
    opacity: 1;
    display: block;
}

/* Responsive: scritta EDITORIALI su tablet/laptop piccoli */
@media (max-width: 1419px) {
    .featured-box-left h3 {
        margin-top: 224px;
        margin-left: -135px;
        font-size: 6em;
    }
}

/* Responsive: scritta EDITORIALI da 1249px in giù */
@media (max-width: 1249px) {
    .featured-box-left h3 {
        font-size: 4em !important;
        margin-top: 16px !important;
        margin-left: -9px !important;
        opacity: 1 !important;
        writing-mode: horizontal-tb !important;
        transform: none !important;
        display: block !important;
    }
}

/* Responsive: scritta EDITORIALI su mobile */
@media (max-width: 768px) {
    .featured-box-left h3 {
        font-size: 4em !important;
        margin-top: 16px !important;
        margin-left: -9px !important;
        opacity: 1 !important;
        writing-mode: horizontal-tb !important;
        transform: none !important;
        display: block !important;
    }
}

div.home-widget-color1 h4.title-widget-vertical,
div.home-widget-color2 h4.title-widget-vertical,
div.home-widget-color3 h4.title-widget-vertical {
	margin: 30px 0 -55px 175px;
	font-size: 4em;
}

div.middle-home-title p a {
	text-decoration-color: var(--current-archive-color) !important;
}

.wp-block-button__link,
.wp-block-file .wp-block-file__button,
.wp-block-search .wp-block-search__button {
	color: black !important;
}

/*******************************/
/* CUSTOMIZZAZIONI ARCHIVI     */
/*******************************/

.type-videogiochi div.masonry3cols-content .home-ribbon-category,
.menu-item-object-videogiochi a:hover {
	background-color: #fa088c;
	background: #fa088c !important;
}

.type-tech div.masonry3cols-content .home-ribbon-category,
.menu-item-object-tech a:hover {
	background-color: #00ffff;
	background: #00ffff !important;
}

.type-serie-tv div.masonry3cols-content .home-ribbon-category,
.menu-item-object-serie-tv a:hover {
	background-color: #f52221;
	background: #f52221 !important;
}

.type-film div.masonry3cols-content .home-ribbon-category,
.menu-item-object-film a:hover {
	background-color: #f8f104;
	background: #f8f104 !important;
}

.home-ribbon-custom-taxonomy a {
	padding: 4px 12px 4px 12px;
	border-radius: 3px;
	text-align: center;
	margin-top: 20px;
	height: 18px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	float: left;
	display: inline-block;
	color: white !important;
}

ul.masonry3cols li {
	min-height: 615px;
}

div.masonry3cols-content {
	width: 363.33px;
	height: auto;
	margin: -94px auto 0 auto;
	position: relative;
}

div.masonry3cols-content h2 {
	color: #fff;
	margin-top: 15px;
	width: 100%;
	display: inline-block;
}

.home-post-date {
	margin: 23px 0 0 0;
	/*width: 88%;*/
}

ul.masonry3cols li,
ul.featured-posts-big li img {
	clip-path: polygon(
		0px 25px,
		26px 0px,
		calc(60% - 25px) 0px,
		60% 25px,
		100% 25px,
		100% calc(100% - 10px),
		calc(100% - 15px) calc(100% - 10px),
		calc(80% - 10px) calc(100% - 10px),
		calc(80% - 15px) calc(100% - 0px),
		10px calc(100% - 0px),
		0% calc(100% - 10px)
	);
}

ul.masonry3cols li img {
	margin: 42px 0 0 15px;
}

div.load-more-btn {
	width: 180px;
}

a.view-more-button span {
	color: black;
	margin-top: 3px;
}

a.view-more-button {
	background-color: none !important;
}

.featured-box-right h4,
h4.top-widget-title {
	border-color: #fa098b !important;
}

.footer-newsletter .wpcf7-form {
	background: rgba(10, 10, 10, 0) !important;
	padding: 0;
    margin: 0;
}

.wpcf7-form.init {
    border-bottom: 0;
}

.newsletter-privacy-text p {
	color: white;
}
.newsletter-privacy-text p a {
	color: var(--current-archive-color);
}

.newsletter-input-container {
	height: 60px;
}

div.p-first-letter > p:first-child:first-letter {
	background-color: var(--current-archive-color)!important;
}

div.author-info i.fa-user,
div.author-info i.fa-link {
	color: var(--current-archive-color)!important;
}

.entry-art-ct .ct-size .entry-btn {
	background-color:  var(--current-archive-color)!important;
}

blockquote {
    border-left: 10px solid var(--current-archive-color)!important;
}

/************************************************/
/* CUSTOMIZZAZIONI HEADER                       */
/************************************************/

/* Menu principale dell'header - Font Orbitron */
.main-navigation,
.main-navigation a,
.main-navigation li,
.site-navigation,
.site-navigation a,
.header-menu,
.header-menu a,
#primary-menu,
#primary-menu a,
.top-menu,
.top-menu a,
.menu-main-container,
.menu-main-container a,
.ant-responsive-menu,
.ant-responsive-menu a,
.ant-responsive-menu li {
	font-family: "Orbitron", sans-serif !important;
}

ul.menu-home-links li a {
	padding: 5px 10px !important;
}

.logo {
	max-height: 60px;
	margin-top: 7px;
}

/* Fix per top-social: su desktop usa flexbox per allineare link e icone social */
@media screen and (min-width: 1233px) {
	.top-social {
		display: flex !important;
		align-items: center;
	}

	.contacts-collab-links-wrapper {
		display: flex;
		order: -1; /* Posiziona il wrapper prima delle icone social */
		margin-right: auto; /* Spinge le icone social a destra */
	}
}

.contacts-collab-links {
	color: #cbcbcb !important;
	margin-right: 15px;
	align-self: center;
	background-position: 0 99%;
	background-repeat: no-repeat;
	background-size: 0 2px;
	transition: background-size 0.4s ease-out;
}

.contacts-collab-links:hover {
	background-image: linear-gradient(
		var(--current-archive-color),
		var(--current-archive-color)
	);
	background-size: 100% 2px;
}

.menu-item-no-click {
	background-color: var(--current-archive-color);
	color: #fff !important;
	font-size: 13px;
	padding: 2px 10px;
	border-radius: 5px;
}

/* Menu secondario sempre visibile su tutte le risoluzioni */
div.wittermag-wp-secondary-menu {
	display: block !important;
	background-color: #ffffff;
}

@media (max-width: 768px) {
	.menu-bottom {
		position: relative;
		z-index: 10;
		height: 50px !important;
	}

	div.wittermag-wp-secondary-menu {
		display: block !important;
	}

	.menu-2nd-menu-container {
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
	}

	.menu-2nd-menu-container::-webkit-scrollbar {
		display: none;
		width: 0 !important;
		height: 0 !important; /* Importante nascondere l'altezza per lo scroll orizzontale */
	}

	/* Fix spazio vuoto su mobile home/archivi */
	.sticky-box-content {
		display: flex !important;
		flex-direction: column !important;
		min-height: auto !important;
		gap: 40px !important;
	}

	.home-wrap-left, .news-sidebar-right {
		margin: 0 !important;
		max-width: 100% !important;
		width: 100% !important;
		flex: none !important;
	}

	/* Nascondi solo NEWS e PIÙ LETTI su mobile, non EDITORIALI */
	.home-wrap-left ul#infinite-articles > h3,
	.news-sidebar-right .sidebar-widget-title {
		display: none !important;
	}
}

/* Mobile landscape - mantieni menu secondario visibile */
@media (max-width: 1024px) and (orientation: landscape) {
	.menu-bottom {
		position: relative;
		z-index: 10;
		height: 50px !important;
	}

	div.wittermag-wp-secondary-menu {
		display: block !important;
	}

	.menu-2nd-menu-container {
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
	}
}

/************************************************/
/* CUSTOMIZZAZIONI SINGLE POST GENERICI         */
/************************************************/

/*aside > *:first-child {
	clip-path: polygon(
		0px 25px,
		26px 0px,
		calc(60% - 25px) 0px,
		60% 25px,
		100% 25px,
		100% calc(100% - 10px),
		calc(100% - 0px) calc(100% - 0px),
		calc(100% - 0px) calc(100% - 0px),
		calc(100% - 0px) calc(100% - 0px),
		0px calc(100% - 0px),
		0% calc(100% - 0px)
	);
}

aside > *:last-child {
	clip-path: polygon(
		0px 0,
		0px 0px,
		100% 0px,
		100% 24px,
		100% 25px,
		100% calc(100% - 10px),
		calc(100% - 15px) calc(100% - 10px),
		calc(80% - 10px) calc(100% - 10px),
		calc(80% - 15px) calc(100% - 0px),
		10px calc(100% - 0px),
		0% calc(100% - 10px)
	);
}*/

.sidebar {
	margin-top: -10px;
}

.sidebar .widget {
	border-radius: 0;
}

.single-content {
	clip-path: polygon(
		0px 25px,
		26px 0px,
		calc(60% - 25px) 0px,
		60% 25px,
		100% 25px,
		100% calc(100% - 10px),
		calc(100% - 15px) calc(100% - 10px),
		calc(80% - 10px) calc(100% - 10px),
		calc(80% - 15px) calc(100% - 0px),
		10px calc(100% - 0px),
		0% calc(100% - 10px)
	);
}

/************************************************/
/* CUSTOMIZZAZIONI SINGLE POST NEWS             */
/************************************************/

div.article-meta-data h1 a {
	font-size: 2.4em;
}

div.article-meta-data p {
	font-size: 20px;
}

@media only screen and (min-width: 350px) and (max-width: 409px) {
	.sidebar {
		margin: auto !important;
		margin-top: 25px;
	}
}

@media only screen and (min-width: 350px) and (max-width: 409px) {
	.adjust-single-content {
		width: 99% !important;
		padding: 0;
		border-radius: 0 !important;
		margin: 0 !important;
	}

	.adjust-wrap-fullwidth {
		width: 100% !important;
		margin: 0 !important;
	}
}

@media only screen and (min-width: 350px) and (max-width: 349px) {
	.adjust-single-content {
		width: 99% !important;
		padding: 0;
		border-radius: 0 !important;
		margin-bottom: -40px !important;
	}

	.adjust-wrap-fullwidth {
		width: 100% !important;
		margin: 0 !important;
	}
}

/*****************************************************/
/* STILE PER SLIDER DI CARD  RECENSIONI     */
/*****************************************************/

.review-inner {
	padding: 15px;
	bottom: 287px;
	position: relative;
	display: grid;
	height: 258px;
	align-content: space-between;
}

.review-inner-title h2 {
	margin: 0 !important;
}

.review-card-meta {
	display: flex;
	position: static;
	justify-content: space-between;
}

.review-card-meta .archive-review-score {
	position: absolute;
	bottom: 25px;
	left: 15px;
}

.hot-post .fire-background img {
	width: 54px;
	height: 32px;
	position: relative;
	top: 10px;
}

.radial-progress {
	margin: 0 !important;
}

.radial-progress .little {
	font-size: 20px;
	position: relative;
	bottom: 24px;
}

/* Etichetta CPT nel carosello recensioni */
.review-inner-title .review-cpt-label {
	margin-bottom: 10px;
	clear: both;
}

.review-inner-title .review-cpt-label a,
.review-inner-title .review-cpt-label span.cpt-label-text {
	padding: 2px 12px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	display: inline-block;
	color: #000 !important;
	text-transform: uppercase;
}

/* Colori background specifici per CPT nel carosello recensioni */
.type-videogiochi .review-cpt-label a,
.type-videogiochi .review-cpt-label span.cpt-label-text {
	background-color: #fa088c;
	background: #fa088c !important;
}

.type-tech .review-cpt-label a,
.type-tech .review-cpt-label span.cpt-label-text {
	background-color: #00ffff;
	background: #00ffff !important;
}

.type-serie-tv .review-cpt-label a,
.type-serie-tv .review-cpt-label span.cpt-label-text {
	background-color: #f52221;
	background: #f52221 !important;
}

.type-film .review-cpt-label a,
.type-film .review-cpt-label span.cpt-label-text {
	background-color: #f8f104;
	background: #f8f104 !important;
}

/* Carosello recensioni - Disabilita completamente OwlCarousel */
#featured-slider-wrap .featured-posts,
#featured-slider-wrap ul.featured-posts {
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 10px;
	overflow-x: auto !important;
	overflow-y: visible !important;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	padding: 10px 0;
	list-style: none;
	margin: 0;
	opacity: 1 !important;
	visibility: visible !important;
	left: 0 !important;
	position: relative !important;
	transform: none !important;
	transition: none !important;
}

/* Forza visualizzazione delle card */
#featured-slider-wrap .featured-posts > li {
	flex: 0 0 auto;
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	position: relative !important;
	border-radius: 3px;
	overflow: hidden;
}

/* Desktop: card più grandi con snap */
@media (min-width: 769px) {
	#featured-slider-wrap .featured-posts,
	#featured-slider-wrap ul.featured-posts {
		scroll-snap-type: x proximity;
	}

	#featured-slider-wrap .featured-posts > li {
		width: 320px;
		min-width: 320px;
		max-width: 320px;
		scroll-snap-align: start;
	}
}

/* Mobile: scroll libero senza snap */
@media (max-width: 768px) {
	#featured-slider-wrap {
		max-width: calc(100vw - 90px);
		overflow: visible !important;
	}

	#featured-slider-wrap .featured-posts,
	#featured-slider-wrap ul.featured-posts {
		gap: 8px;
		scroll-snap-type: none;
		overflow-y: visible !important;
	}

	#featured-slider-wrap .featured-posts > li {
		width: 240px !important;
		min-width: 240px !important;
		max-width: 240px !important;
		scroll-snap-align: none;
	}
}

/* Nascondi scrollbar ma mantieni funzionalità */
#featured-slider-wrap .featured-posts::-webkit-scrollbar {
	display: none;
}

#featured-slider-wrap .featured-posts {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

/* Disabilita completamente wrapper OwlCarousel/BxSlider */
#featured-slider-wrap .owl-stage-outer,
#featured-slider-wrap .owl-stage,
#featured-slider-wrap .bx-wrapper,
#featured-slider-wrap .bx-viewport {
	all: unset !important;
	display: contents !important;
}

/* Rendi visibili gli owl-item normali */
#featured-slider-wrap .owl-item {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	position: relative !important;
	flex: 0 0 auto;
	scroll-snap-align: start;
}

/* Nascondi SOLO i cloni */
#featured-slider-wrap .owl-item.cloned,
#featured-slider-wrap .bx-clone {
	display: none !important;
}

/************************************************/
/* STILE PER SINGLE EDITORIALI E RECENSIONI     */
/************************************************/

.full-screen-header {
	position: relative; /* Necessario per posizionare l'overlay e il contenuto interno */
	height: calc(100vh - 125px); /* Altezza: 100% della viewport meno l'altezza dell'header */
	min-height: 900px; /* Altezza minima per schermi più piccoli */
	background-size: cover; /* Assicura che l'immagine copra l'area senza distorcersi */
	background-position: center center; /* Centra l'immagine */
	display: flex; /* Usa flexbox per posizionare il contenuto interno */
	align-items: center; /* Allinea il contenuto interno in basso */
	justify-content: flex-start; /* Allinea il contenuto interno a sinistra */
	padding: 30px; /* Spaziatura interna per il contenuto */
	box-sizing: border-box; /* Include padding nel calcolo dell'altezza/larghezza */
	color: #fff; /* Colore del testo sopra l'immagine (regola se necessario) */
	overflow: hidden; /* Nasconde parti dell'immagine che potrebbero eccedere */
}

/* Overlay semitrasparente per migliorare la leggibilità del testo */
.full-screen-header .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(
		0,
		0,
		0,
		0.4
	); /* Scurisce l'immagine di sfondo (regola l'opacità 0.4) */
	z-index: 0; /* Assicura che l'overlay sia sotto il contenuto testuale */
}

.full-screen-header .header-content-overlay {
	position: relative; /* Lo rende posizionabile sopra l'overlay */
	z-index: 1; /* Assicura che sia sopra l'overlay */
	max-width: 1520px;
	margin: auto;
	/* flex-grow: 1; */ /* Consente al blocco di occupare lo spazio flessibile se necessario */
	/* padding-bottom: 30px; */ /* Aggiunge spazio sotto il contenuto se non usi padding sul main container */
	/* I posizionamenti bottom/left sono gestiti da flexbox sul container principale,
       ma puoi usare padding per controllare la distanza dai bordi */
}

.full-screen-header .article-meta-data {
	display: none; /* Non più usato */
}

.full-screen-header .article-meta-data .home-author-text,
.full-screen-header .article-meta-data .home-post-date {
	display: inline-block;
	margin-right: 15px;
}

/* Post meta categories con autore e data inline */
.full-screen-header .post-meta-categories {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-top: 20px;
}

.post-meta-categories {
	margin-top: 20px;
}

.post-meta-author-date {
	display: flex;
	align-items: center;
	gap: 15px;
	font-family: "Orbitron", sans-serif;
	text-transform: uppercase;
	font-size: 14px;
}

.post-meta-author-date .home-author-text,
.post-meta-author-date .home-post-date {
	display: flex !important;
	align-items: center;
	margin: 0 !important;
}

.post-meta-author-date .home-author-text a {
	color: #fff;
	text-decoration: none;
}

.home-author-text a {
	color: #fff !important;
}

/* Etichette categoria nel single header */
.full-screen-header .post-meta-categories .home-ribbon-category {
	margin: 0 !important;
}

/* Allineamento verticale etichette categoria */
.post-meta-categories .home-ribbon-category {
	vertical-align: middle;
}

.home-author-text {
	margin: 23px 12px 0 30px;
}

.author-meta strong i {    
    bottom: 2px;
    position: relative;
}

/* Riduci padding top-black-article (single news header) */
.top-black-article {
    padding: 30px 0 20px 0;
}

/* Mobile: autore+data in linea, etichette sotto */
@media (max-width: 767px) {
	.post-meta-categories {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
		margin-top: 12px;
		margin-bottom: 8px;
	}

	.post-meta-categories .post-meta-author-date {
		order: 0;
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 10px;
		font-size: 14px;
	}

	.post-meta-categories .post-meta-author-date .home-author-text,
	.post-meta-categories .post-meta-author-date .home-post-date,
	.post-meta-categories .post-meta-author-date .home-author-text a {
		font-size: 14px !important;
		line-height: 1.2;
	}

	.post-meta-categories .home-ribbon-category {
		order: 1;
		display: inline-flex;
		align-items: center;
		gap: 10px;
		flex-wrap: nowrap;
		margin: 0;
	}
}

.full-screen-header .article-title {
	/* Stile per il titolo H1 */
	font-family: "Orbitron", sans-serif; /* Assicurati Orbitron sia caricato */
	font-size: 7em; /* Rendi il titolo H1 bello grande */
	margin: 0 0 75px 0; /* Margini per il titolo */
	line-height: 1.2;
	color: #fff; /* Colore bianco o contrastante */
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7); /* Ombra più forte per il titolo */
	display: block;
	clear: both;
	text-align: left;
}

.full-screen-header .header-excerpt {
	/* Stile opzionale per l'estratto se decidi di mostrarlo */
	font-family: "Outfit", sans-serif; /* Assicurati Outfit sia caricato */
	font-size: 1.1em;
	margin-top: 15px;
	opacity: 0.9;
}

/* Regola l'altezza dell'header full-screen per schermi molto piccoli se necessario */
@media (max-width: 768px) {
	.full-screen-header {
		height: auto; /* Su mobile l'altezza fissa potrebbe essere troppo grande */
		min-height: calc(100vh - 125px); /* Mantieni comunque un'altezza minima */
		padding: 18px;
		align-items: center; /* Centrato verticalmente */
		justify-content: center;
	}

	.full-screen-header .article-title {
		font-size: 2.5em; /* Riduci la dimensione del titolo su mobile */
		margin: 0;
		text-align: left;
	}

	.full-screen-header .header-content-overlay {
		width: 100%; /* Usa più larghezza su mobile */
		margin: unset;
		text-align: left;
	}

	.full-screen-header .article-meta-data {
		display: none;
	}

	.full-screen-header .post-meta-categories {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
	}

	/* Mobile: autore e data su righe separate */
	.post-meta-author-date {
		display: flex !important;
		flex-direction: column;
		align-items: flex-start;
		margin-left: 0;
		margin-top: 10px;
		width: 100%;
		gap: 5px;
	}

	.post-meta-author-date .home-author-text,
	.post-meta-author-date .home-post-date {
		display: block !important;
		margin: 0 !important;
		text-align: left;
	}

	.sidebar-sticky {
		margin-top: 0px !important;
	}

	.is_stuck {
		position: relative !important;
	}
}

.glitch-container {
	height: 40px;
	width: 120px;
	top: 23px;
	position: relative;
}

.glitch-container-no-background {
	height: 40px;
	width: auto;
	top: 23px;
	position: relative;
}

.glitch-container a,
a::after {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	font-weight: 900;
	background: linear-gradient(135deg, white 95%, transparent 5%);
	border: 0;
	border-radius: 0;
	color: #101916;
	letter-spacing: 1.8px;
	line-height: 1.25em;
	position: relative;
	text-transform: uppercase;
}

.glitch-container-no-background a,
a::after {
	display: flex;
	justify-content: end;
	align-items: center;
	width: 100%;
	height: auto;
	font-weight: 900;
	border: 0;
	border-radius: 0;
	color: #ffffff ! IMPORTANT;
	letter-spacing: 1.8px;
	line-height: 1.25em;
	position: relative;
	text-transform: uppercase;
}

.glitch-container a::after {
	width: 100%;
	height: 100%;
	--slice-0: inset(50% 50% 50% 50%);
	--slice-1: inset(80% -6px 0 0);
	--slice-2: inset(50% -6px 30% 0);
	--slice-3: inset(10% -6px 85% 0);
	--slice-4: inset(40% -6px 43% 0);
	--slice-5: inset(80% -6px 5% 0);
	content: "DEVENIR CORSAIRE";
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(135deg, white 95%, #000 5%);
	text-shadow: -3px -3px 0 #000, 3px 3px 0 #ff0;
	clip-path: var(--slice-0);
}

.glitch-container-no-background a::after {
	width: 100%;
	height: 100%;
	--slice-0: inset(50% 50% 50% 50%);
	--slice-1: inset(80% -6px 0 0);
	--slice-2: inset(50% -6px 30% 0);
	--slice-3: inset(10% -6px 85% 0);
	--slice-4: inset(40% -6px 43% 0);
	--slice-5: inset(80% -6px 5% 0);
	content: "DEVENIR CORSAIRE";
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(135deg, white 95%, #000 5%);
	text-shadow: -3px -3px 0 #000, 3px 3px 0 #ff0;
	clip-path: var(--slice-0);
}

.glitch-container a:hover::after {
	animation: glitch 1s;
	animation-timing-function: steps(2, end);
}

.glitch-container-no-background a:hover::after {
	animation: glitch 1s;
	animation-timing-function: steps(2, end);
}

@keyframes glitch {
	0% {
		clip-path: var(--slice-1);
		transform: translate(-20px, -10px);
	}

	10% {
		clip-path: var(--slice-3);
		transform: translate(10px, 10px);
	}

	20% {
		clip-path: var(--slice-1);
		transform: translate(-10px, 10px);
	}

	30% {
		clip-path: var(--slice-3);
		transform: translate(0px, 5px);
	}

	40% {
		clip-path: var(--slice-2);
		transform: translate(-5px, 0px);
	}

	50% {
		clip-path: var(--slice-3);
		transform: translate(5px, 0px);
	}

	60% {
		clip-path: var(--slice-4);
		transform: translate(5px, 10px);
	}

	70% {
		clip-path: var(--slice-2);
		transform: translate(-10px, 10px);
	}

	80% {
		clip-path: var(--slice-5);
		transform: translate(20px, -10px);
	}

	90% {
		clip-path: var(--slice-1);
		transform: translate(-10px, 0px);
	}

	100% {
		clip-path: var(--slice-1);
		transform: translate(0);
	}
}

/* Radial Progress */
.radial-progress {
	float: left;
	margin: 25px;
	width: var(--circle-size);
	height: var(--circle-size);
	position: relative;
	background-color: #d7d7d7;
	border-radius: 50%;
}

/* Media Query per schermi piccoli */
@media (max-width: 480px) {
	.radial-progress {
		width: var(--circle-size-sml-mobile);
		height: var(--circle-size-sml-mobile);
	}
}

/* Circle */
.radial-progress .circle .mask,
.radial-progress .circle .fill,
.radial-progress .circle .shadow {
	width: var(--circle-size);
	height: var(--circle-size);
	position: absolute;
	border-radius: 50%;
}

@media (max-width: 480px) {
	.radial-progress .circle .mask,
	.radial-progress .circle .fill,
	.radial-progress .circle .shadow {
		width: var(--circle-size-sml-mobile);
		height: var(--circle-size-sml-mobile);
	}
}

/* Animazione */
.radial-progress .circle .mask,
.radial-progress .circle .fill {
	backface-visibility: hidden;
	transition: transform var(--transition-length);
}

.radial-progress .circle .mask.reanimate,
.radial-progress .circle .fill.reanimate {
	transition: transform 0s;
}

.radial-progress .circle .mask.reset,
.radial-progress .circle .fill.reset {
	transform: rotate(0deg) !important;
}

/* Mask */
.radial-progress .circle .mask {
	clip: rect(
		0px,
		var(--circle-size),
		var(--circle-size),
		calc(var(--circle-size) / 2)
	);
}

@media (max-width: 480px) {
	.radial-progress .circle .mask {
		clip: rect(
			0px,
			var(--circle-size-sml-mobile),
			var(--circle-size-sml-mobile),
			calc(var(--circle-size-sml-mobile) / 2)
		);
	}
}

/* Fill */
.radial-progress .circle .mask .fill {
	clip: rect(0px, calc(var(--circle-size) / 2), var(--circle-size), 0px);
	background-color: var(--qt-red);
}

@media (max-width: 480px) {
	.radial-progress .circle .mask .fill {
		clip: rect(
			0px,
			calc(var(--circle-size-sml-mobile) / 2),
			var(--circle-size-sml-mobile),
			0px
		);
	}
}

/* Inset */
.radial-progress .inset {
	width: 50px !important;
    height: 50px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px !important;
    background-color: var(--inset-color);
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
}

@media (max-width: 480px) {
	.radial-progress .inset {
        width: 40px !important;
        height: 40px !important;
        margin: -20px 0 0 -20px !important;
        line-height: 90px;
	}
}

/*@media (max-width: 321px) {
	.radial-progress .inset {
        width: 40px !important;
        height: 40px !important;
        margin: -41px 0 0 -41px !important;
        line-height: 90px;
	}
}*/

/* Testi */
.radial-progress .little {
	font-size: 20px;
	color: #131313;
}

@media (max-width: 480px) {
	.radial-progress .little {
		font-size: 12px;
	}
}

.radial-progress .big {
	font-size: 37px
}

@media (max-width: 480px) {
	.radial-progress .big {
		font-size: 20px;
	}
}

/* Footer con background semi-trasparente per vedere la griglia */
.site-footer,
footer,
.footer-wrapper {
  background-color: rgba(10, 10, 10, 0.6) !important;
}

/* Logo su desktop */
@media screen and (min-width: 768px) {
  .footer-logo {
    width: 50% !important;
    margin: auto;
  }
}

/* Logo su mobile */
@media screen and (max-width: 768px) {
  .footer-logo {
    width: 100% !important;
    display: block;
    margin: 0 auto;
    text-align: center;
  }

  /* Centra la prima colonna su mobile */
  .footer-container > div:first-child {
    text-align: center;
  }

  /* Form newsletter centrato su mobile */
  .footer-container > div:first-child form {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

  .footer-container > div:first-child input[type="email"],
  .footer-container > div:first-child input[type="text"] {
    width: 90%;
    max-width: 360px;
    padding: 12px 16px;
    box-sizing: border-box;
    text-align: center;
  }

  .footer-container > div:first-child .wpcf7-submit {
    width: auto;
    padding: 12px 24px;
    font-weight: bold;
  }

  /* Fix per margini involontari */
  .footer-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}


blockquote::before {
  content: none !important;
}


/* H2 Editoriale in evidenza dimenzione contenuta */
.featured-posts-big-content h2 {
  margin-top: 0px !important;
}

.featured-posts-big-content h2 a {
  font-size: clamp(24px, 3vw, 35px) !important;
  line-height: 1.2 !important;
}
/* Aggiustamenti del P dell'editoriale in evidenza */
.featured-posts-big-content p {
  font-size: 18px !important;
  line-height: 25px !important;
  margin-top: 10px !important;
}

/* Override parent theme spacing for featured posts big content */
div.featured-posts-big-content {
    margin: -53px 50px 0 0;
}

/* Responsive: Editoriali layout at 1419px */
@media (max-width: 1419px) {
    div.featured-posts-big-content {
        max-width: 500px !important;
        margin-bottom: 50px !important;
    }
}

/* Featured posts small - widget title h3 styling */
ul.featured-posts-small .an-widget-title h3 {
    font-size: 20px;
    line-height: 25px;
}

/* Featured posts small: stesso stile delle news */
ul.featured-posts-small > li {
    position: relative;
    min-height: 160px;
    margin-bottom: 30px;
    padding-bottom: 0;
}

/* Featured posts small - Link immagine */
ul.featured-posts-small > li > a {
    position: static;
    display: block;
}

/* Featured posts small - Immagine posizionata absolute a destra con effetto gradiente */
ul.featured-posts-small > li > a img {
    width: 240px;
    height: 160px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    margin: 0;
    border-radius: 0;
    object-fit: cover;
    mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 1) 60%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 1) 60%);
}

/* Featured posts small - Contenuto a sinistra */
ul.featured-posts-small > li .an-widget-title {
    position: relative;
    z-index: 1;
    padding-right: 0;
    display: block;
    color: #fff;
}

/* Featured posts small - Titoli bianchi con effetto underline */
ul.featured-posts-small .article-title a {
    color: #fff;
    display: initial;
    cursor: pointer;
    background-image: linear-gradient(#fa088c, #fa088c);
    background-size: 0 3px;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size 1s ease;
}

ul.featured-posts-small .article-title a:hover {
    background-size: 100% 3px;
}

/* Featured posts small - Paragrafi bianchi */
ul.featured-posts-small p {
    color: #fff;
}

/* Featured container boxes - riduci spazio sotto */
.featured-container-boxes {
    margin-bottom: 20px;
}

/* Featured posts small: autore, ribbon, data in colonna */
/* Stack meta info (autore + data + ribbon) usato in home e archivi */
.home-meta-stack {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

/* Negli "Altri Editoriali": tutto in colonna come le news */
ul.featured-posts-small .home-meta-stack {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex-wrap: nowrap;
}

/* Negli "Altri Editoriali": autore e data in riga */
ul.featured-posts-small .home-author-date {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Negli "Altri Editoriali": allinea verticalmente il testo autore */
ul.featured-posts-small .home-author-text {
    display: flex;
    align-items: center;
}

/* Negli "Altri Editoriali": ribbon category su riga separata */
ul.featured-posts-small .home-ribbon-category {
    margin-top: 0 !important;
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
}

/* Contenitore per le ribbon categories - disposte orizzontalmente */
.home-meta-stack .home-ribbon-categories-wrapper {
    display: flex;
    flex-direction: row;
    gap: 0px;
    flex-wrap: wrap;
}

/* Negli archive: allinea verticalmente il wrapper delle categorie */
ul.featured-posts-small .home-ribbon-categories-wrapper {
    align-items: center;
}

/* Rimuovi margin-right dalle categorie nel wrapper per avvicinarle */
.home-ribbon-categories-wrapper .home-ribbon-category {
    margin-right: 0 !important;
}

.home-author-date {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

/* CSS specifico per template-home */
div.an-widget-title .home-post-date, div.masonry2cols-content .home-post-date {
    font-size: 14px;
    margin: 10px 0 0 0px;
}

.home-author-text,
.home-post-date,
.home-ribbon-category {
    display: block;
    margin: 0;
}

/* Featured container (home hero/list) – distanza tra ribbon, autore e data */
.featured-container-boxes .home-ribbon-category,
.featured-container-boxes .home-author-text,
.featured-container-boxes .home-post-date {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 0;
    margin-right: 12px;
}

/* Featured big: autore vicino alla data e colore originale */
.featured-posts-big .home-author-text {
    margin-right: 8px !important;
}
.featured-posts-big .home-author-text a {
    color: #00ffff !important;
}
.featured-posts-big .home-post-date {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Home: riduci gap tra autore e data */
.featured-posts-big .home-meta-stack .post-meta-author-date {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

/* Rimuovi margin-top da home-ribbon-category in featured-posts-big */
ul.featured-posts-big .home-ribbon-category {
    margin-top: 0 !important;
}

/* Featured-posts-big: disponi tutto su una riga orizzontale */
ul.featured-posts-big .home-meta-stack {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px;
    flex-wrap: wrap;
    justify-content: flex-start !important;
    float: none !important;
    width: 100% !important;
    text-align: left !important;
}

/* Allinea le ribbon e il testo nella home */
.home-meta-stack .home-ribbon-categories-wrapper {
    align-items: center;
    gap: 5px;
}

/* Featured-posts-big: allinea verticalmente il wrapper delle categorie */
ul.featured-posts-big .home-ribbon-categories-wrapper {
    display: flex !important;
    align-items: center !important;
    float: none !important;
}

/* Featured-posts-big: allinea verticalmente autore e data */
ul.featured-posts-big .home-author-text,
ul.featured-posts-big .home-post-date {
    display: inline-flex !important;
    align-items: center !important;
    margin-top: 0 !important;
    float: none !important;
    align-self: center !important;
}

/* Featured-posts-big negli archivi: override specifico per layout */
.post-type-archive-videogiochi ul.featured-posts-big .home-meta-stack,
.post-type-archive-tech ul.featured-posts-big .home-meta-stack,
.post-type-archive-film ul.featured-posts-big .home-meta-stack,
.post-type-archive-serie-tv ul.featured-posts-big .home-meta-stack {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    float: left !important;
    width: 100% !important;
    text-align: left !important;
    clear: both !important;
}

/* Featured-posts-big negli archivi: ribbon-category non deve flottare */
.post-type-archive-videogiochi ul.featured-posts-big .home-ribbon-category,
.post-type-archive-tech ul.featured-posts-big .home-ribbon-category,
.post-type-archive-film ul.featured-posts-big .home-ribbon-category,
.post-type-archive-serie-tv ul.featured-posts-big .home-ribbon-category {
    float: none !important;
    margin: 0 !important;
}

/* Featured-posts-big negli archivi: autore e data */
.post-type-archive-videogiochi ul.featured-posts-big .home-author-text,
.post-type-archive-tech ul.featured-posts-big .home-author-text,
.post-type-archive-film ul.featured-posts-big .home-author-text,
.post-type-archive-serie-tv ul.featured-posts-big .home-author-text,
.post-type-archive-videogiochi ul.featured-posts-big .home-post-date,
.post-type-archive-tech ul.featured-posts-big .home-post-date,
.post-type-archive-film ul.featured-posts-big .home-post-date,
.post-type-archive-serie-tv ul.featured-posts-big .home-post-date {
    float: none !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Variante trasparente per home-ribbon-category (tassonomia tema: Psicologia/Sociologia) */
.home-ribbon-category-transparent {
    background-color: transparent !important;
    background: transparent !important;
    border: 1px solid transparent !important;
}

.home-ribbon-category-transparent a {
    color: white !important;
}

/* Home: evita doppio sfondo sulle etichette */
.page-template-template-home .home-ribbon-category {
    background: transparent !important;
    border: none !important;
    padding: 0;
}

/* Colori per etichette CPT in home */
.page-template-template-home .home-ribbon-category a.home-ribbon-cpt-videogiochi,
.page-template-template-home .home-ribbon-category a.home-ribbon-cpt-tech,
.page-template-template-home .home-ribbon-category a.home-ribbon-cpt-serie-tv,
.page-template-template-home .home-ribbon-category a.home-ribbon-cpt-film {
    padding: 2px 12px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    display: inline-block;
    text-transform: uppercase;
    color: #000 !important;
}

.page-template-template-home .home-ribbon-category a.home-ribbon-cpt-videogiochi { background:#fa088c !important; color:#000 !important; }
.page-template-template-home .home-ribbon-category a.home-ribbon-cpt-tech { background:#00ffff !important; color:#000 !important; }
.page-template-template-home .home-ribbon-category a.home-ribbon-cpt-serie-tv { background:#f52221 !important; color:#000 !important; }
.page-template-template-home .home-ribbon-category a.home-ribbon-cpt-film { background:#f8f104 !important; color:#000 !important; }

/* Home: evita doppio sfondo sulle etichette e allinea */
.page-template-template-home .home-ribbon-category {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    gap: 0;
}
.page-template-template-home .home-ribbon-category.home-ribbon-category-transparent a {
    color: #fff !important;
    margin-left: 4px;
    padding: 0;
    display: inline-block;
    background: transparent !important;
    border: none !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

/* Distanzia la seconda etichetta (tema) da autore/data */
.page-template-template-home .home-meta-stack .home-ribbon-category-transparent {
    margin-left: 0 !important;
}

/* home-wrap-left: separare autore e data */
.home-wrap-left .home-author-text {
    margin-right: 20px !important;
}

.home-wrap-left .home-post-date {
    margin-left: 0 !important;
}

/* home-wrap-left: contenitore per lo sticky positioning */
.home-wrap-left {
    position: relative;
    contain: paint;
    margin-right: 100px;
    max-width: 500px;
}

/* home-wrap-left: rimuovi spazio vuoto prima delle news */
.home-wrap-left ul#infinite-articles {
    clear: none;
    margin-top: 0;
}

/* Layout articoli NEWS e PIÙ LETTE: stile sidebar con immagine a destra */
.home-wrap-left ul#infinite-articles > li,
.news-sidebar-right ul.popular-posts-list > li {
    position: relative;
    min-height: 160px;
    margin-bottom: 30px;
    padding-bottom: 15px;
}

/* Link immagine */
.home-wrap-left ul#infinite-articles > li > a,
.news-sidebar-right ul.popular-posts-list > li > a {
    position: static;
    display: block;
}

/* Immagine posizionata absolute a destra con effetto gradiente */
.home-wrap-left ul#infinite-articles > li > a img,
.news-sidebar-right ul.popular-posts-list > li > a img {
    width: 240px;
    height: 160px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    margin: 0;
    border-radius: 0;
    object-fit: cover;
    mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 1) 60%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 1) 60%);
}

/* Contenuto a sinistra */
.home-wrap-left ul#infinite-articles > li .an-widget-title,
.news-sidebar-right ul.popular-posts-list > li .an-widget-title {
    position: relative;
    z-index: 1;
    padding-right: 0;
    display: block;
}

/* Testi bianchi per NEWS e PIÙ LETTI */
.home-wrap-left ul#infinite-articles > li .an-widget-title,
.news-sidebar-right ul.popular-posts-list > li .an-widget-title {
    color: #fff;
}

.home-wrap-left ul#infinite-articles > li .article-title a,
.news-sidebar-right ul.popular-posts-list > li .article-title a {
    color: #fff;
    display: initial;
    cursor: pointer;
    background-image: linear-gradient(#fa088c, #fa088c);
    background-size: 0 3px;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size 1s ease;
}

.home-wrap-left ul#infinite-articles > li .article-title a:hover,
.news-sidebar-right ul.popular-posts-list > li .article-title a:hover {
    background-size: 100% 3px;
}

/* Colori CPT per titoli NEWS e PIÙ LETTI */
.home-wrap-left ul#infinite-articles > li.cpt-videogiochi .article-title a,
.news-sidebar-right ul.popular-posts-list > li.cpt-videogiochi .article-title a {
    background-image: linear-gradient(#fa088c, #fa088c);
}

.home-wrap-left ul#infinite-articles > li.cpt-tech .article-title a,
.news-sidebar-right ul.popular-posts-list > li.cpt-tech .article-title a {
    background-image: linear-gradient(#00ffff, #00ffff);
}

.home-wrap-left ul#infinite-articles > li.cpt-serie-tv .article-title a,
.news-sidebar-right ul.popular-posts-list > li.cpt-serie-tv .article-title a {
    background-image: linear-gradient(#f52221, #f52221);
}

.home-wrap-left ul#infinite-articles > li.cpt-film .article-title a,
.news-sidebar-right ul.popular-posts-list > li.cpt-film .article-title a {
    background-image: linear-gradient(#f8f104, #f8f104);
}

.home-wrap-left ul#infinite-articles > li p,
.news-sidebar-right ul.popular-posts-list > li p {
    color: #fff;
}

/* Featured posts big: font etichette 14px */
ul.featured-posts-big .home-ribbon-category a {
    font-size: 14px !important;
    line-height: 18px !important;
}

/* Archivi: autore bianco nei featured big */
.post-type-archive-videogiochi ul.featured-posts-big .home-author-text a,
.post-type-archive-tech ul.featured-posts-big .home-author-text a,
.post-type-archive-film ul.featured-posts-big .home-author-text a,
.post-type-archive-serie-tv ul.featured-posts-big .home-author-text a {
    color: #fff !important;
}

/* Archivi: autore hover nei featured big */
.post-type-archive-videogiochi ul.featured-posts-big .home-author-text a:hover,
.post-type-archive-tech ul.featured-posts-big .home-author-text a:hover,
.post-type-archive-film ul.featured-posts-big .home-author-text a:hover,
.post-type-archive-serie-tv ul.featured-posts-big .home-author-text a:hover {
    color: #444 !important;
}

/* Archivi: autore bianco nei featured small */
.post-type-archive-videogiochi ul.featured-posts-small .home-author-text a,
.post-type-archive-tech ul.featured-posts-small .home-author-text a,
.post-type-archive-film ul.featured-posts-small .home-author-text a,
.post-type-archive-serie-tv ul.featured-posts-small .home-author-text a {
    color: #fff !important;
}

/* Archivi: autore hover nei featured small */
.post-type-archive-videogiochi ul.featured-posts-small .home-author-text a:hover,
.post-type-archive-tech ul.featured-posts-small .home-author-text a:hover,
.post-type-archive-film ul.featured-posts-small .home-author-text a:hover,
.post-type-archive-serie-tv ul.featured-posts-small .home-author-text a:hover {
    color: #444 !important;
}

/* home-wrap-left H3 NEWS: verticale, bianco e sticky, sovrapposto agli articoli */
.home-wrap-left ul#infinite-articles > h3 {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    position: sticky;
    opacity: 10%;
    top: 100px;
    color: white !important;
    font-size: clamp(3em, 10vw, 8em);
    font-weight: bold;
    margin: 0 0 -100% 0;
    padding: 0;
    float: left;
    height: fit-content;
    z-index: 0;
    margin-left: 30px;
    cursor: pointer;
}

.home-wrap-left ul#infinite-articles > h3:hover {
    text-decoration: underline;
}

/* Assicura che gli articoli abbiano z-index maggiore */
.home-wrap-left ul#infinite-articles > li {
    position: relative;
    z-index: 1;
}

/* news-sidebar-right: contenitore per lo sticky positioning */
.news-sidebar-right {
    position: relative;
    contain: paint;
    max-width: 500px;
    margin-left: auto;
}

/* news-sidebar-right: rimuovi spazio vuoto prima dei più letti */
.news-sidebar-right ul.popular-posts-list {
    clear: none;
    margin-top: 0;
}

/* news-sidebar-right H4 PIÙ LETTI: verticale, bianco e sticky, sovrapposto agli articoli */
.news-sidebar-right .sidebar-widget-title {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    position: sticky;
    opacity: 10%;
    top: 100px;
    font-family: "Orbitron", sans-serif !important;
    font-size: clamp(3em, 9vw, 6.5em);
    color: #fff;
    font-weight: bold;
    margin: 0 0 -100% 0;
    padding: 0;
    float: left;
    height: fit-content;
    z-index: 0;
    margin-left: 30px;
}

/* Assicura che gli articoli più letti abbiano z-index maggiore */
.news-sidebar-right ul.popular-posts-list > li {
    position: relative;
    z-index: 1;
}

/* featured-slider-wrap: contenitore per lo sticky positioning */
#featured-slider-wrap {
    position: relative;
    overflow: hidden;
}

/* Su mobile: mostra overflow per il carosello e scritta RECENSIONI */
@media (max-width: 768px) {
    #featured-slider-wrap {
        overflow: visible !important;
        padding-left: 50px;
        position: relative;
    }
    
    #featured-slider-wrap > h3 {
        display: block !important;
        position: absolute;
        bottom: 50%;
        left: 0;
        transform: translateY(50%) rotate(-90deg);
        transform-origin: left center;
        font-size: 1.8em !important;
        writing-mode: horizontal-tb !important;
    }
    
    #featured-slider-wrap > ul.featured-posts {
        padding-left: 0 !important;
    }
}

/* featured-slider-wrap H3 RECENSIONI: stile cyberpunk con outline neon */
#featured-slider-wrap > h3 {
    position: absolute;
    bottom: 0;
    left: 33px;
    transform: rotate(-90deg);
    transform-origin: bottom left;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 0;
    margin: 0;
    font-family: 'Orbitron', 'Rajdhani', sans-serif;
    font-weight: 900;
    font-size: 2.6em;
    line-height: 1;
    letter-spacing: 0.08em;
    color: #ffffff;
    text-transform: uppercase;
    background: none;
    border: none;
    box-shadow: none;
    z-index: 0;
    white-space: nowrap;
    pointer-events: none;
    -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.2);
    text-stroke: 1.5px rgba(255, 255, 255, 0.2);
    user-select: none;
}

/* Assicura che le recensioni abbiano z-index maggiore */
#featured-slider-wrap > ul.featured-posts {
    position: relative;
    z-index: 1;
    padding-left: 60px;
}

/* Forza scroll del carosello anche con pochi elementi */
.owl-stage {
    display: flex !important;
    min-width: 100% !important;
}

/* Nascondi freccette/controlli del carosello */
#featured-slider-wrap .bx-controls,
#featured-slider-wrap .bx-wrapper .bx-controls,
#featured-slider-wrap .bx-prev,
#featured-slider-wrap .bx-next,
#featured-slider-wrap .bx-pager,
#featured-slider-wrap .owl-prev,
#featured-slider-wrap .owl-next,
#featured-slider-wrap .owl-nav,
#featured-slider-wrap .owl-controls,
.featured-posts .bx-controls,
.featured-posts .bx-prev,
.featured-posts .bx-next,
.featured-posts .owl-prev,
.featured-posts .owl-next,
.featured-posts .owl-nav,
.owl-prev,
.owl-next {
    display: none !important;
}

/* Nascondi single-share (bottoni social nel single post) */
#single-share {
    display: none !important;
}

/* Allarga il box del testo nei single post */
.entry {
    width: 100%;
    max-width: 1000px;
}

/* Stile Breadcrumb Rank Math - titolo sotto e più grande */
.rank-math-breadcrumb {
    display: block;
}

/* Tutti gli elementi inline tranne l'ultimo */
.rank-math-breadcrumb a,
.rank-math-breadcrumb span:not(.last) {
    display: inline;
}

/* Nasconde il separatore prima del titolo */
.rank-math-breadcrumb .separator + .last,
.rank-math-breadcrumb .last {
    display: block;
    width: 100%;
    font-size: 28px;
    font-weight: bold;
    margin-top: 15px;
    line-height: 1.3;
}

/* Nasconde l'ultimo separatore (quello prima del titolo) */
.rank-math-breadcrumb span.separator:has(+ span.last) {
    display: none;
}

/* Stile box Table of Contents Rank Math - Cyberpunk */
.wp-block-rank-math-toc-block {
    background: transparent;
    border: 2px solid;
    border-image: linear-gradient(135deg, #ff00ff, #00ffff) 1;
    padding: 20px 25px;
    margin: 25px 0;
    position: relative;
    clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
    box-shadow: 0 0 15px rgba(255, 0, 255, 0.3);
}

/* Stile H2 del blocco TOC Rank Math - Cliccabile per toggle */
.wp-block-rank-math-toc-block h2 {
	font-family: 'Orbitron', monospace;
	font-size: 20px;
    letter-spacing: 3px;
    color: #00ffff;
    margin: 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.wp-block-rank-math-toc-block h2::before {
	content: "// ";
	padding-right: 12px;
}

/* Freccia toggle */
.wp-block-rank-math-toc-block h2::after {
    content: "▼";
    font-size: 16px;
    transition: transform 0.3s ease;
    margin-left: auto;
}

/* Freccia ruotata quando aperto */
.wp-block-rank-math-toc-block.toc-open h2::after {
    transform: rotate(180deg);
}

/* Nav nascosto di default */
.wp-block-rank-math-toc-block nav {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, margin-top 0.3s ease;
    margin-top: 0;
}

/* Nav visibile quando aperto */
.wp-block-rank-math-toc-block.toc-open nav {
    max-height: 1000px;
    margin-top: 15px;
}

.wp-block-rank-math-toc-block nav > ul {
    margin: 0;
    padding-left: 20px;
    list-style: none;
}

.wp-block-rank-math-toc-block li {
    margin-bottom: 8px;
    position: relative;
}

/* Lista annidata (sottotitoli) più compatta */
.wp-block-rank-math-toc-block li ul {
    margin-top: 4px;
    padding-left: 15px;
}

.wp-block-rank-math-toc-block li li {
    margin-bottom: 4px;
}

.wp-block-rank-math-toc-block li::before {
    content: ">";
    position: absolute;
    left: -18px;
    color: #ff00ff;
    font-family: monospace;
    text-shadow: 0 0 5px #ff00ff;
}

.wp-block-rank-math-toc-block a {
    text-decoration: none;
    color: #000;
    background-image: linear-gradient(currentColor, currentColor);
    background-size: 0% 2px;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size 0.3s ease;
}

.wp-block-rank-math-toc-block a:hover {
    background-size: 100% 2px;
}

/* Colori TOC per CPT */
body.single-videogiochi .wp-block-rank-math-toc-block {
    border-image: linear-gradient(135deg, #fa088c, #ff00ff) 1;
    box-shadow: 0 0 15px rgba(250, 8, 140, 0.3);
}
body.single-videogiochi .wp-block-rank-math-toc-block h2 {
    color: #fa088c;
}
body.single-videogiochi .wp-block-rank-math-toc-block li::before {
    color: #fa088c;
    text-shadow: 0 0 5px #fa088c;
}
body.single-videogiochi .wp-block-rank-math-toc-block a {
    color: #000;
    background-image: linear-gradient(#fa088c, #fa088c);
}

body.single-tech .wp-block-rank-math-toc-block {
    border-image: linear-gradient(135deg, #00ffff, #00cccc) 1;
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.3);
}
body.single-tech .wp-block-rank-math-toc-block h2 {
    color: #00ffff;
}
body.single-tech .wp-block-rank-math-toc-block li::before {
    color: #00ffff;
    text-shadow: 0 0 5px #00ffff;
}
body.single-tech .wp-block-rank-math-toc-block a {
    color: #000;
    background-image: linear-gradient(#00ffff, #00ffff);
}

body.single-serie-tv .wp-block-rank-math-toc-block {
    border-image: linear-gradient(135deg, #f52221, #ff5555) 1;
    box-shadow: 0 0 15px rgba(245, 34, 33, 0.3);
}
body.single-serie-tv .wp-block-rank-math-toc-block h2 {
    color: #f52221;
}
body.single-serie-tv .wp-block-rank-math-toc-block li::before {
    color: #f52221;
    text-shadow: 0 0 5px #f52221;
}
body.single-serie-tv .wp-block-rank-math-toc-block a {
    color: #000;
    background-image: linear-gradient(#f52221, #f52221);
}

body.single-film .wp-block-rank-math-toc-block {
    border-image: linear-gradient(135deg, #f8f104, #ffcc00) 1;
    box-shadow: 0 0 15px rgba(248, 241, 4, 0.3);
}
body.single-film .wp-block-rank-math-toc-block h2 {
    color: #f8f104;
}
body.single-film .wp-block-rank-math-toc-block li::before {
    color: #f8f104;
    text-shadow: 0 0 5px #f8f104;
}
body.single-film .wp-block-rank-math-toc-block a {
    color: #000;
    background-image: linear-gradient(#f8f104, #f8f104);
}

/* TOC Mobile */
@media (max-width: 768px) {
	.wp-block-rank-math-toc-block h2 {
		letter-spacing: 1px;
	}
    
    .wp-block-rank-math-toc-block h2::after {
        font-size: 12px;
    }
    
    .wp-block-rank-math-toc-block {
        padding: 15px 18px;
    }
}

/* ================================
   BLOCKQUOTE STILE CYBERPUNK
   ================================ */
.entry blockquote,
.wp-block-quote {
    background: transparent;
    border: 2px solid;
    border-image: linear-gradient(135deg, #ff00ff, #00ffff) 1;
    padding: 20px 25px;
    margin: 25px 0;
    position: relative;
    clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
    box-shadow: 0 0 15px rgba(255, 0, 255, 0.3);
    font-style: italic;
}

.entry blockquote::before,
.wp-block-quote::before {
    content: "//";
    font-family: 'Orbitron', monospace;
    font-size: 29px;
    letter-spacing: 3px;
    color: #00ffff;
    font-style: normal;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 15px;
    left: 25px;
}

.entry blockquote p,
.wp-block-quote p {
    margin-top: 0;
    margin-left: 0;
    color: #000;
}

.entry blockquote p:first-child,
.wp-block-quote p:first-child {
    margin-top: 0;
}

/* Colori Quote per CPT */
body.single-videogiochi .entry blockquote,
body.single-videogiochi .wp-block-quote {
    border-image: linear-gradient(135deg, #fa088c, #ff00ff) 1;
    box-shadow: 0 0 15px rgba(250, 8, 140, 0.3);
}
body.single-videogiochi .entry blockquote::before,
body.single-videogiochi .wp-block-quote::before {
    color: #fa088c;
}

body.single-tech .entry blockquote,
body.single-tech .wp-block-quote {
    border-image: linear-gradient(135deg, #00ffff, #00cccc) 1;
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.3);
}
body.single-tech .entry blockquote::before,
body.single-tech .wp-block-quote::before {
    color: #00ffff;
}

body.single-serie-tv .entry blockquote,
body.single-serie-tv .wp-block-quote {
    border-image: linear-gradient(135deg, #f52221, #ff5555) 1;
    box-shadow: 0 0 15px rgba(245, 34, 33, 0.3);
}
body.single-serie-tv .entry blockquote::before,
body.single-serie-tv .wp-block-quote::before {
    color: #f52221;
}

body.single-film .entry blockquote,
body.single-film .wp-block-quote {
    border-image: linear-gradient(135deg, #f8f104, #ffcc00) 1;
    box-shadow: 0 0 15px rgba(248, 241, 4, 0.3);
}
body.single-film .entry blockquote::before,
body.single-film .wp-block-quote::before {
    color: #f8f104;
}

/* Quote stile single anche sulla pagina Chi siamo */
.lmig-quote {
    background: transparent;
    border: 2px solid;
    border-image: linear-gradient(135deg, #ff00ff, #00ffff) 1;
    padding: 20px 25px;
    margin: 25px 0;
    position: relative;
    clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
    box-shadow: 0 0 15px rgba(255, 0, 255, 0.3);
    font-style: italic;
    color: #000;
}

.lmig-quote::before {
    content: "//";
    font-family: 'Orbitron', monospace;
    font-size: 29px;
    letter-spacing: 3px;
    color: #00ffff;
    font-style: normal;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 15px;
    left: 25px;
}

.lmig-quote p {
    margin-top: 0;
    margin-left: 0;
    color: #000;
}
/* ================================
   BOX AUTORE STILE CYBERPUNK
   ================================ */
.author-meta {
    background: transparent !important;
    padding: 0 !important;
}

.author-meta-entry {
    background: transparent;
    border: 2px solid;
    border-image: linear-gradient(135deg, #ff00ff, #00ffff) 1;
    padding: 25px;
    margin: 30px 0;
    position: relative;
    clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
    box-shadow: 0 0 15px rgba(255, 0, 255, 0.3);
}

.author-meta-entry .author-left-meta img {
    border-radius: 50%;
    border: 2px solid #00ffff;
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
}

.author-meta-entry .author-info strong {
    font-family: 'Orbitron', monospace;
    font-size: 18px;
    letter-spacing: 2px;
    color: #00ffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

.author-meta-entry .author-info strong a {
    color: inherit;
    text-decoration: none;
}

.author-meta-entry .author-info strong a:hover {
    opacity: 0.8;
}

.author-meta-entry .author-info strong::before {
    content: "// ";
}

/* Colori Box Autore per CPT */
body.single-videogiochi .author-meta-entry {
    border-image: linear-gradient(135deg, #fa088c, #ff00ff) 1;
    box-shadow: 0 0 15px rgba(250, 8, 140, 0.3);
}
body.single-videogiochi .author-meta-entry .author-left-meta img {
    border-color: #fa088c;
    box-shadow: 0 0 10px rgba(250, 8, 140, 0.5);
}
body.single-videogiochi .author-meta-entry .author-info strong {
    color: #fa088c;
}

body.single-tech .author-meta-entry {
    border-image: linear-gradient(135deg, #00ffff, #00cccc) 1;
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.3);
}
body.single-tech .author-meta-entry .author-left-meta img {
    border-color: #00ffff;
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
}
body.single-tech .author-meta-entry .author-info strong {
    color: #00ffff;
}

body.single-serie-tv .author-meta-entry {
    border-image: linear-gradient(135deg, #f52221, #ff5555) 1;
    box-shadow: 0 0 15px rgba(245, 34, 33, 0.3);
}
body.single-serie-tv .author-meta-entry .author-left-meta img {
    border-color: #f52221;
    box-shadow: 0 0 10px rgba(245, 34, 33, 0.5);
}
body.single-serie-tv .author-meta-entry .author-info strong {
    color: #f52221;
}

body.single-film .author-meta-entry {
    border-image: linear-gradient(135deg, #f8f104, #ffcc00) 1;
    box-shadow: 0 0 15px rgba(248, 241, 4, 0.3);
}
body.single-film .author-meta-entry .author-left-meta img {
    border-color: #f8f104;
    box-shadow: 0 0 10px rgba(248, 241, 4, 0.5);
}
body.single-film .author-meta-entry .author-info strong {
    color: #f8f104;
}

/* ================================
   ALTRI DELLO STESSO AUTORE - GRIGLIA 2x2
   ================================ */
.single-related-wrap {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.single-related {
    margin-top: -30px;
}

.author-related-articles {
    width: 100% !important;
    float: none !important;
}

.author-related-articles .related-widget-title {
    margin-bottom: 20px;
}

.author-articles-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

@media (max-width: 768px) {
    .author-articles-grid {
        grid-template-columns: 1fr;
    }
}

/* ================================
   SIDEBAR PERSONALIZZATA SINGLE
   ================================ */

/* Sfondo bianco e padding per i widget nella sidebar */
.sidebar-sticky .widget {
    background: #fff;
    padding: 20px;
    margin-top: 25px;
    margin-bottom: 20px;
    border-radius: 0;
}

/* Titolo dei widget nella sidebar */
.sidebar-sticky .widget .widget-top {
    margin-bottom: 15px;
    padding-bottom: 8px;
    border: none;
}

.sidebar-sticky .widget .widget-top h3.title {
    font-family: 'Orbitron', sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    color: #000;
    background: none !important;
    position: relative;
    display: inline-block;
    padding-bottom: 6px;
}

.sidebar-sticky .widget .widget-top h3.title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 42px;
    height: 3px;
    background: var(--current-archive-color, #00ffff);
    border-radius: 2px;
}

/* Lista articoli nella sidebar */
.sidebar-sticky .widget .article_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-sticky .widget .article_list li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
}

.sidebar-sticky .widget .article_list li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

/* Immagine thumbnail nella sidebar */
.sidebar-sticky .widget .article_list li a img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 10px;
    border-radius: 3px;
}

/* ================================
   SIDEBAR OVERLAY - Prima sezione (stessa grafica delle altre)
   ================================ */

/* Lista overlay - prima sezione con layout testo sinistra, immagine destra */
.sidebar-sticky .widget .sidebar-overlay-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.sidebar-sticky .widget .sidebar-overlay-list .sidebar-overlay-item {
    position: relative;
    min-height: 120px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
}

.sidebar-sticky .widget .sidebar-overlay-list .sidebar-overlay-item:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

/* Link wrapper: reset positioning */
.sidebar-sticky .widget .sidebar-overlay-link {
    position: static;
    text-decoration: none !important;
}

/* Immagine a destra */
.sidebar-sticky .widget .sidebar-overlay-link img {
    width: 180px;
    height: 120px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    margin: 0;
    border-radius: 0;
    object-fit: cover;
    mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 1) 60%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 1) 60%);
}

.sidebar-sticky .widget .sidebar-overlay-link:hover img {
    transform: none;
}

/* Contenuto a sinistra */
.sidebar-sticky .widget .sidebar-overlay-content {
    position: relative;
    z-index: 1;
    padding: 0;
    padding-right: 0;
    background: none;
}

/* Titolo - PRIMA SEZIONE */
.sidebar-sticky .widget .sidebar-overlay-content .article-title {
    font-size: 14px;
    line-height: 1.4;
    margin: 0 0 6px 0;
    font-weight: 700;
    background: none;
}

.sidebar-sticky .widget .sidebar-overlay-content .article-title a {
    color: #000;
    display: initial;
    cursor: pointer;
    background-image: linear-gradient(#000, #000);
    background-size: 0 3px;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size 1s ease;
}

.sidebar-sticky .widget .sidebar-overlay-content .article-title a:hover {
    background-size: 100% 3px;
}

/* Colori CPT per titoli - PRIMA SEZIONE */
.sidebar-sticky .widget .sidebar-overlay-item.cpt-videogiochi .sidebar-overlay-content .article-title a {
    background-image: linear-gradient(#fa088c, #fa088c);
}

.sidebar-sticky .widget .sidebar-overlay-item.cpt-tech .sidebar-overlay-content .article-title a {
    background-image: linear-gradient(#00ffff, #00ffff);
}

.sidebar-sticky .widget .sidebar-overlay-item.cpt-serie-tv .sidebar-overlay-content .article-title a {
    background-image: linear-gradient(#f52221, #f52221);
}

.sidebar-sticky .widget .sidebar-overlay-item.cpt-film .sidebar-overlay-content .article-title a {
    background-image: linear-gradient(#f8f104, #f8f104);
}

/* Meta autore e data - PRIMA SEZIONE */
.sidebar-sticky .widget .sidebar-overlay-content .sidebar-meta {
    display: flex !important;
    gap: 10px !important;
    margin-bottom: 8px !important;
    font-size: 10px !important;
    color: #666 !important;
    align-items: center !important;
}

.sidebar-sticky .widget .sidebar-overlay-content .sidebar-author,
.sidebar-sticky .widget .sidebar-overlay-content .sidebar-date {
    display: inline-block !important;
    line-height: 1 !important;
    background: none !important;
    padding: 0 !important;
    text-transform: none !important;
    color: #666666 !important;
}

/* Container etichette - PRIMA SEZIONE */
.sidebar-sticky .widget .sidebar-overlay-content .sidebar-labels {
    display: flex !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    margin-top: 0 !important;
}

/* Etichetta CPT con background colorato - PRIMA SEZIONE */
.sidebar-sticky .widget .sidebar-overlay-content .cpt-label {
    font-size: 9px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 3px 8px !important;
    border-radius: 3px !important;
    display: inline-block !important;
    color: #000 !important;
    letter-spacing: 0.5px !important;
    line-height: 1.2 !important;
}

/* Etichetta articoli SENZA background - PRIMA SEZIONE */
.sidebar-sticky .widget .sidebar-overlay-content .articoli-label {
    font-size: 9px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    display: inline-block !important;
    color: #666 !important;
    letter-spacing: 0.5px !important;
    line-height: 1.2 !important;
    padding: 3px 0 !important;
    background: none !important;
}

/* Colori CPT per etichette - basati sul CPT del singolo post */
.sidebar-sticky .widget .sidebar-overlay-content .cpt-label.cpt-videogiochi {
    background-color: #fa088c !important;
}

.sidebar-sticky .widget .sidebar-overlay-content .cpt-label.cpt-tech {
    background-color: #00ffff !important;
}

.sidebar-sticky .widget .sidebar-overlay-content .cpt-label.cpt-serie-tv {
    background-color: #f52221 !important;
}

.sidebar-sticky .widget .sidebar-overlay-content .cpt-label.cpt-film {
    background-color: #f8f104 !important;
}

/* Desktop: layout testo a sinistra, immagine a destra per seconda e terza sezione */
.sidebar-sticky .widget .article_list li {
    position: relative;
    min-height: 120px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
}

.sidebar-sticky .widget .article_list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* Link immagine: reset positioning */
.sidebar-sticky .widget .article_list li > a {
    position: static;
    display: block;
}

/* Immagine a destra */
.sidebar-sticky .widget .article_list li > a img {
    width: 180px;
    height: 120px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    margin: 0;
    border-radius: 0;
    object-fit: cover;
    mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 1) 60%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 1) 60%);
}

/* Contenuto a sinistra */
.sidebar-sticky .widget .article_list .an-widget-title {
    position: relative;
    z-index: 1;
    padding-right: 0;
    display: block;
}

/* Titolo - SECONDA E TERZA SEZIONE */
.sidebar-sticky .widget .article_list .article-title {
    font-size: 14px;
    line-height: 1.4;
    margin: 0 0 6px 0;
    font-weight: 700;
    background: none;
}

.sidebar-sticky .widget .article_list .article-title a {
    color: #000;
    display: initial;
    cursor: pointer;
    background-image: linear-gradient(#000, #000);
    background-size: 0 3px;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size 1s ease;
}

.sidebar-sticky .widget .article_list .article-title a:hover {
    background-size: 100% 3px;
}

/* Colori CPT per titoli - SECONDA E TERZA SEZIONE */
.sidebar-sticky .widget .article_list li.cpt-videogiochi .article-title a {
    background-image: linear-gradient(#fa088c, #fa088c);
}

.sidebar-sticky .widget .article_list li.cpt-tech .article-title a {
    background-image: linear-gradient(#00ffff, #00ffff);
}

.sidebar-sticky .widget .article_list li.cpt-serie-tv .article-title a {
    background-image: linear-gradient(#f52221, #f52221);
}

.sidebar-sticky .widget .article_list li.cpt-film .article-title a {
    background-image: linear-gradient(#f8f104, #f8f104);
}

/* Meta autore e data - SECONDA E TERZA SEZIONE */
.sidebar-sticky .widget .article_list .sidebar-meta {
    display: flex !important;
    gap: 10px !important;
    margin-bottom: 8px !important;
    font-size: 10px !important;
    color: #666 !important;
    align-items: center !important;
}

.sidebar-sticky .widget .article_list .sidebar-author,
.sidebar-sticky .widget .article_list .sidebar-date {
    display: inline-block !important;
    line-height: 1 !important;
    background: none !important;
    padding: 0 !important;
    text-transform: none !important;
    color: #666666 !important;
}

/* Container etichette - SECONDA E TERZA SEZIONE */
.sidebar-sticky .widget .article_list .sidebar-labels {
    display: flex !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    margin-top: 0 !important;
}

/* Etichetta CPT con background colorato - SECONDA E TERZA SEZIONE */
.sidebar-sticky .widget .article_list .cpt-label {
    font-size: 9px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 3px 8px !important;
    border-radius: 3px !important;
    display: inline-block !important;
    color: #000 !important;
    letter-spacing: 0.5px !important;
    line-height: 1.2 !important;
}

/* Etichetta articoli SENZA background - SECONDA E TERZA SEZIONE */
.sidebar-sticky .widget .article_list .articoli-label {
    font-size: 9px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    display: inline-block !important;
    color: #666 !important;
    letter-spacing: 0.5px !important;
    line-height: 1.2 !important;
    padding: 3px 0 !important;
    background: none !important;
}

/* Colori CPT per etichette seconda e terza sezione - basati sul CPT del singolo post */
.sidebar-sticky .widget .article_list .cpt-label.cpt-videogiochi {
    background-color: #fa088c !important;
}

.sidebar-sticky .widget .article_list .cpt-label.cpt-tech {
    background-color: #00ffff !important;
}

.sidebar-sticky .widget .article_list .cpt-label.cpt-serie-tv {
    background-color: #f52221 !important;
}

.sidebar-sticky .widget .article_list .cpt-label.cpt-film {
    background-color: #f8f104 !important;
}

/* Forza la sidebar a NON essere sticky */
.sidebar-sticky,
.sidebar-sticky.is_stuck {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
}

.sidebar-wrapper-sticky {
    position: relative !important;
    height: auto !important;
}

/* Mobile: nascondi completamente la sidebar */
@media (max-width: 768px) {
    .sidebar-sticky {
        display: none !important;
    }

    .sidebar-wrapper-sticky {
        display: none !important;
    }
}

/* ================================
   BOX RECENSIONE CON ACF
   ================================ */

.review-box {
    max-width: 1000px;
    margin: 40px auto;
    position: relative;
}

.review-box-inner {
    display: flex;
    gap: 40px;
    align-items: center;
}

/* Voto - Cerchio radiale */
.review-box-score {
    flex-shrink: 0;
    text-align: center;
}

.review-box .review-score {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    width: 150px;
    height: 150px;
    margin: 0 auto 15px;
}

/* Bar mask, creates an inner circle with the same color as the background */
.review-box .review-score::after {
    content: "";
    position: absolute;
    inset: 10px;
    background: #fff;
    border-radius: inherit;
    z-index: 1;
}

/* Bar background */
.review-box .review-score::before {
    content: "";
    position: absolute;
    inset: 10px;
    border-radius: inherit;
    box-shadow: 0 0 0 10px #d0d0d0;
    z-index: -1;
}

.review-score-number {
    text-align: center;
    margin-top: 15px;
}

.review-score-number .score-value {
    font-family: 'Orbitron', sans-serif;
    font-size: 48px;
    font-weight: 700;
    color: #000;
    display: block;
    line-height: 1;
}

.review-score-number .score-label {
    font-family: 'Orbitron', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #666;
    display: block;
    margin-top: 8px;
}

/* Colori CPT per il cerchio del voto */
.review-box.cpt-videogiochi .review-score,
.archive-review-score.cpt-videogiochi {
    color: #fa088c !important;
}

.review-box.cpt-tech .review-score,
.archive-review-score.cpt-tech {
    color: #00ffff !important;
}

.review-box.cpt-serie-tv .review-score,
.archive-review-score.cpt-serie-tv {
    color: #f52221 !important;
}

.review-box.cpt-film .review-score,
.archive-review-score.cpt-film {
    color: #f8f104 !important;
}

/* Card overlay link per rendere tutta la card cliccabile */
.review-card-overlay-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}

.featured-posts li {
    position: relative;
}

/* Review score negli archivi (con numero dentro) - Sistema con gradiente conico identico a review-box */
.archive-review-score {
    position: absolute;
    bottom: 25px;
    left: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    width: 60px;
    height: 60px;
}

/* Bar mask, creates an inner circle with the same color as the background - identico a review-box */
.archive-review-score::after {
    content: "";
    position: absolute;
    inset: 6px;
    background: #fff;
    border-radius: inherit;
    z-index: 1;
}

/* Bar background - cerchio grigio di sfondo - identico a review-box */
.archive-review-score::before {
    content: "";
    position: absolute;
    inset: 6px;
    border-radius: inherit;
    box-shadow: 0 0 0 6px #d0d0d0;
    z-index: -1;
}

/* Numero dentro il cerchio */
.archive-review-score .score-inside {
    position: relative;
    z-index: 3;
    font-family: 'Orbitron', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    display: flex;
    align-items: center;
}

.archive-review-score .score-inside small {
    font-size: 0.5em;
    font-weight: 900;
    margin-left: 2px;
}

/* Contenuto Pro/Contro */
.review-box-content {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.review-section {
    margin: 0;
    padding: 20px;
    border-radius: 0;
    border: 2px solid;
}

/* Sfondo verde neon per Pro */
.review-pro {
    background: rgba(0, 255, 65, 0.1);
    border-color: #00ff41;
    box-shadow: 0 0 15px rgba(0, 255, 65, 0.3);
}

/* Sfondo rosso neon per Contro */
.review-contro {
    background: rgba(255, 0, 64, 0.1);
    border-color: #ff0040;
    box-shadow: 0 0 15px rgba(255, 0, 64, 0.3);
}

.review-section-title {
    font-family: 'Orbitron', sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 15px 0;
}

.review-pro .review-section-title {
    color: #00aa00;
    text-shadow: 0 0 5px rgba(0, 170, 0, 0.5);
}

.review-contro .review-section-title {
    color: #cc0033;
    text-shadow: 0 0 5px rgba(204, 0, 51, 0.5);
}

.review-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.review-list li {
    padding: 8px 0;
    font-size: 15px;
    line-height: 1.6;
    color: #333;
}

.review-pro .review-list li {
    color: #006600;
}

.review-contro .review-list li {
    color: #990000;
}

/* Verdetto */
.review-verdict {
    margin-top: 30px;
    border-top: 3px solid;
}

.review-verdict.verdict-high {
    border-top-color: #00ff41; /* Verde per voto >= 7 */
}

.review-verdict.verdict-medium {
    border-top-color: #f8f104; /* Giallo per voto 5-6.9 */
}

.review-verdict.verdict-low {
    border-top-color: #ff0040; /* Rosso per voto < 5 */
}

.review-verdict-title {
    font-family: 'Orbitron', sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 15px 0;
    color: #333;
}

.review-verdict-text {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
}

.review-verdict-text p {
    margin: 0 0 15px 0;
}

.review-verdict-text p:last-child {
    margin-bottom: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .review-box {
        padding: 25px;
    }

    .review-box-inner {
        flex-direction: column;
        align-items: center;
        gap: 25px;
    }

    .review-box-content {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .review-box {
        padding: 0;
    }

    .review-box .review-score {
        width: 120px;
        height: 120px;
    }

    .review-box .review-score::after {
        inset: 8px;
    }

    .review-box .review-score::before {
        inset: 8px;
        box-shadow: 0 0 0 8px #d0d0d0;
    }

    .review-score-number .score-value {
        font-size: 38px;
    }
}

/* ======================================= */
/* === STILI PER LA COLONNA PIÙ LETTI === */
/* ======================================= */

/* Wrapper generale per meta informazioni nella colonna più letti */
.popular-post-meta-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Container autore e data con gap */
.popular-post-author-date {
    display: flex;
    gap: 5px;
    align-items: center;
}

/* Rimuovi margini da autore e data nella colonna più letti */
.popular-post-author-date .home-author-text,
.popular-post-author-date .home-post-date {
    margin: 0 !important;
}

/* Container per le etichette */
.popular-post-meta-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
}

/* Stili base per tutte le etichette nella colonna più letti */
.popular-post-label {
    display: inline-block;
    padding: 0px 12px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 3px;
    text-decoration: none;
    transition: color 0.2s;
}

/* Hover etichette colorate (CPT e articoli) */
.popular-post-label-cpt-videogiochi:hover,
.popular-post-label-cpt-tech:hover,
.popular-post-label-cpt-serie-tv:hover,
.popular-post-label-cpt-film:hover,
.popular-post-label-articoli-videogiochi:hover,
.popular-post-label-articoli-tech:hover,
.popular-post-label-articoli-serie-tv:hover,
.popular-post-label-articoli-film:hover {
    color: #444 !important;
}

/* Hover etichette trasparenti */
.popular-post-label-transparent:hover {
    color: #444 !important;
}

/* === Template Home - Etichette CPT colorate === */
.popular-post-label-cpt-videogiochi {
    background-color: #fa088c !important;
    color: #000 !important;
}

.popular-post-label-cpt-tech {
    background-color: #00ffff !important;
    color: #000 !important;
}

.popular-post-label-cpt-serie-tv {
    background-color: #f52221 !important;
    color: #000 !important;
}

.popular-post-label-cpt-film {
    background-color: #f8f104 !important;
    color: #000 !important;
}

/* === Archive - Etichette tipologia articolo colorate con colore CPT === */
.popular-post-label-articoli-videogiochi {
    background-color: #fa088c !important;
    color: #000 !important;
}

.popular-post-label-articoli-tech {
    background-color: #00ffff !important;
    color: #000 !important;
}

.popular-post-label-articoli-serie-tv {
    background-color: #f52221 !important;
    color: #000 !important;
}

.popular-post-label-articoli-film {
    background-color: #f8f104 !important;
    color: #000 !important;
}

/* === Etichette trasparenti (tipologia articolo in home, tema in home e archive) === */
.popular-post-label-transparent {
    background-color: transparent !important;
    color: #fff !important;
    padding: 0px 6px !important;
}

/* === Sezione Commenti === */
.comments-area {
    width: 100%;
    margin: 25px 0;
}

/* Header toggle per aprire/chiudere commenti */
.comments-toggle-header {
    cursor: pointer;
    padding-bottom: 15px;
    border-bottom: 3px solid #ccc;
    margin-bottom: 0;
    transition: all 0.3s ease;
}

.comments-toggle-header:hover {
    opacity: 0.8;
}

.comments-toggle-header h2 {
    font-size: 32px;
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 4px;
    border: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

/* Freccia toggle - stessa di Rank Math */
.comments-toggle-header h2::after {
    content: "▼";
    font-size: 16px;
    transition: transform 0.3s ease;
    margin-left: auto;
}

/* Freccia ruotata quando aperto */
.comments-area.comments-open .comments-toggle-header h2::after {
    transform: rotate(180deg);
}

/* Contenuto nascosto di default - gestito da slideToggle */
.comments-content {
    display: none;
}

/* Quando aperto, slideDown lo mostrerà automaticamente */

.comment-reply-title {
    font-size: 32px;
    margin-bottom: 35px;
    padding-bottom: 15px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 4px;
    border-bottom: 3px solid #ccc;
}

/* Sottolineatura colorata per CPT Videogiochi */
body.single-videogiochi .comments-toggle-header,
body.single-videogiochi .comment-reply-title {
    border-bottom-color: #fa088c;
}

body.single-videogiochi .comments-toggle-header h2::after {
    color: #fa088c;
}

/* Sottolineatura colorata per CPT Tech */
body.single-tech .comments-toggle-header,
body.single-tech .comment-reply-title {
    border-bottom-color: #00ffff;
}

body.single-tech .comments-toggle-header h2::after {
    color: #00ffff;
}

/* Sottolineatura colorata per CPT Serie TV */
body.single-serie-tv .comments-toggle-header,
body.single-serie-tv .comment-reply-title {
    border-bottom-color: #f52221;
}

body.single-serie-tv .comments-toggle-header h2::after {
    color: #f52221;
}

/* Sottolineatura colorata per CPT Film */
body.single-film .comments-toggle-header,
body.single-film .comment-reply-title {
    border-bottom-color: #f8f104;
}

body.single-film .comments-toggle-header h2::after {
    color: #f8f104;
}

.comment-list {
    list-style: none;
    padding: 0;
    margin: 0 0 40px 0;
}

.comment-list .comment,
.comment-list li.comment,
.comment-list li,
#comments .comment-list li {
    margin-bottom: 25px;
    padding: 25px 0;
    border-bottom: 1px solid #eee;
    transition: all 0.3s ease;
    background: none !important;
    list-style: none;
}

.comment-list .comment:hover {
    border-color: #00ffff;
}

/* Rimuovi tutti gli sfondi dai commenti */
#comments article,
#comments footer,
.comment-list article,
.comment-list footer,
.comment-author.vcard,
.vcard {
    background: none !important;
    box-shadow: none !important;
}

.comment-list .children {
    list-style: none;
    margin-left: 40px;
    margin-top: 20px;
    padding: 0;
    padding-left: 25px;
    border-left: 5px solid;
}

/* Bordo colorato risposte per CPT Videogiochi */
body.single-videogiochi .comment-list .children,
body.post-type-archive-videogiochi .comment-list .children {
    border-left-color: #fa088c;
}

/* Bordo colorato risposte per CPT Tech */
body.single-tech .comment-list .children,
body.post-type-archive-tech .comment-list .children {
    border-left-color: #00ffff;
}

/* Bordo colorato risposte per CPT Serie TV */
body.single-serie-tv .comment-list .children,
body.post-type-archive-serie-tv .comment-list .children {
    border-left-color: #f52221;
}

/* Bordo colorato risposte per CPT Film */
body.single-film .comment-list .children,
body.post-type-archive-film .comment-list .children {
    border-left-color: #f8f104;
}

/* Layout commento: avatar a sinistra, autore e data a destra impilati */
.comment-body {
    position: relative;
    min-height: 60px;
    margin-bottom: 30px;
    background: none !important;
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

/* Avatar container a sinistra */
.comment-avatar {
    flex-shrink: 0;
    width: 50px;
}

/* Avatar a sinistra - quadrato con angoli arrotondati */
.comment-avatar .avatar,
.comment-avatar img {
    border-radius: 3px !important;
    display: block !important;
    width: 50px !important;
    height: 50px !important;
}

/* Wrapper per info commento a destra dell'avatar */
.comment-info-wrapper {
    flex: 1;
    min-width: 0;
}

.comment-meta {
    margin-bottom: 15px;
    position: relative;
    background: none !important;
    padding: 0 !important;
}

.comment-author {
    display: block !important;
    margin-bottom: 3px !important;
    background: none !important;
    padding: 0 !important;
    width: 100% !important;
    clear: both !important;
}

.comment-author .fn {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    display: block !important;
    line-height: 1.4;
    background: none !important;
    width: 100% !important;
}

.comment-author .says {
    display: none;
}

.comment-author a {
    background: none !important;
    text-decoration: none;
    display: block !important;
}

.comment-metadata {
    display: block !important;
    background: none !important;
    padding: 0 !important;
    width: 100% !important;
    clear: both !important;
}

.comment-metadata a {
    font-size: 13px;
    color: #666;
    text-decoration: none;
    background: none !important;
    display: block !important;
}

.comment-metadata a:hover {
    color: #000;
}

.comment-content {
    margin-top: 15px;
    line-height: 1.8;
    color: #333;
}

.comment-content p {
    margin-bottom: 15px;
}

.reply {
    margin-top: 15px;
}

.reply a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    padding: 4px 12px;
    border: 1px solid #ccc;
    background: #ccc;
    border-radius: 3px;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 500;
    transition: all 0.3s ease;
}

.reply a:hover {
    opacity: 0.8;
}

/* Pulsante Rispondi colorato per CPT Videogiochi */
body.single-videogiochi .reply a {
    background: #fa088c;
    border-color: #fa088c;
}

/* Pulsante Rispondi colorato per CPT Tech */
body.single-tech .reply a {
    background: #00ffff;
    border-color: #00ffff;
    color: #000;
}

/* Pulsante Rispondi colorato per CPT Serie TV */
body.single-serie-tv .reply a {
    background: #f52221;
    border-color: #f52221;
}

/* Pulsante Rispondi colorato per CPT Film */
body.single-film .reply a {
    background: #f8f104;
    border-color: #f8f104;
    color: #000;
}

.comment-form {
    margin-top: 40px;
    padding: 0;
}

.comment-form label {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ff00ff;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    width: 100%;
    padding: 14px;
    border: 2px solid rgba(0, 255, 255, 0.4);
    color: #333;
    font-size: 15px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
    font-family: inherit;
}

.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus {
    outline: none;
    border-color: #00ffff;
}

.comment-form textarea {
    min-height: 150px;
    resize: vertical;
    line-height: 1.6;
}

.comment-form input[type="submit"] {
    background: #00ffff;
    color: #000;
    padding: 15px 40px;
    border: 2px solid #00ffff;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
    transition: all 0.3s ease;
    font-family: 'Orbitron', sans-serif;
}

.comment-form input[type="submit"]:hover {
    background: #ff00ff;
    border-color: #ff00ff;
}

/* Messaggio "Devi essere connesso" allineato a sinistra - Override parent theme */
.nocomments,
.nopassword,
.must-log-in,
.comment-form .must-log-in,
.comment-form p.logged-in-as,
#comments .comment-form .must-log-in,
#comments .comment-form p.logged-in-as,
.comments-area .comment-form .must-log-in,
.comments-area .comment-form p.logged-in-as {
    text-align: left !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
}

.must-log-in a,
p.logged-in-as a {
    text-align: left !important;
}

.no-comments {
    font-style: normal;
    color: #666;
    padding: 20px 0;
}

.no-comments-yet {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #666;
    padding: 20px 0;
    margin: 0;
}

/* Link Annulla risposta */
#cancel-comment-reply-link {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin-top: 8px;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
}

/* Previeni overlay nero quando si annulla risposta */
body.modal-open,
body.overlay-active {
    overflow: auto !important;
}

.modal-backdrop,
.overlay-backdrop,
div[style*="position: fixed"][style*="background"] {
    display: none !important;
}

/* Navigazione commenti (paginazione) */
.comment-navigation {
    display: flex;
    justify-content: space-between;
    margin: 30px 0 40px 0;
    padding: 20px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.comment-navigation .nav-previous,
.comment-navigation .nav-next {
    flex: 1;
}

.comment-navigation .nav-next {
    text-align: right;
}

.comment-navigation a {
    display: inline-block;
    padding: 10px 20px;
    background: #f5f5f5;
    color: #000;
    text-decoration: none;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.comment-navigation a:hover {
    background: #000;
    color: #fff;
}

/* Colori paginazione per CPT */
body.single-videogiochi .comment-navigation a:hover {
    background: #fa088c;
}

body.single-tech .comment-navigation a:hover {
    background: #00ffff;
    color: #000;
}

body.single-serie-tv .comment-navigation a:hover {
    background: #f52221;
}

body.single-film .comment-navigation a:hover {
    background: #f8f104;
    color: #000;
}

/************************************************/
/* FIX MENU HAMBURGER - ALLARGA RIQUADRO NERO  */
/************************************************/
/* Allarga il riquadro nero del menu mobile per contenere "accedi/registrati" */
@media screen and (max-width: 1232px) {
    .ant-responsive-menu {
        width: 300px !important;
    }
}