/* ============================================================
   LiveSofia - card delle scene compatte - aggiunto 2026-09-29
   Caricato su tutte le pagine da functions.php (lv-cards).
   Vale per le card .entry-tpl-grid-s / .entry-tpl-grid-m (home,
   categorie, pagine delle modelle, ricerca, collezioni) e per
   le due card in evidenza della home (.archive-featured).
   ============================================================ */

/* ---------- Griglia delle liste: 4 per riga su PC e tablet, 2 su cellulare ----------
   (home 32 scene per pagina, categorie/modelle/ricerca 12: multipli di 4 e 2, righe sempre complete,
   anche dopo "Load More"; con 3 colonne le 32 della home lasciavano una riga a metà) */
.archive-body .ax-collection-with-cards .ax-collection-items {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0 20px; /* spazio verticale sulle card (margin-bottom), vedi il segnaposto del Load More */
	margin: 0 !important;
	padding: 0 10px !important; /* margine laterale che prima davano i li del tema */
}
/* su schermi molto larghi la griglia non supera i 1600px (come la pagina Models) */
.archive-body .ax-collection-with-cards { max-width: 1600px; margin-left: auto !important; margin-right: auto !important; }
.archive-body .ax-collection-with-cards .ax-collection-items::before,
.archive-body .ax-collection-with-cards .ax-collection-items::after { content: none !important; }
.archive-body .ax-collection-with-cards .ax-collection-item {
	width: auto !important;
	max-width: none !important;
	margin: 0 0 30px !important;
	padding: 0 !important;
	float: none !important;
}
/* Il Load More inserisce nella lista un <span class="axtheme-collection-waypoint"> (serve al tema per aggiornare
   l'indirizzo della pagina mentre si scorre): nella griglia prendeva il posto di una card, lasciando 3 video nella
   riga dopo e 1 nell'ultima. Ora occupa una riga intera alta 0px: non si vede e resta nella posizione giusta. */
.archive-body .ax-collection-with-cards .ax-collection-items > .axtheme-collection-waypoint {
	grid-column: 1 / -1;
	display: block;
	height: 0;
	margin: 0;
	padding: 0;
}
@media (max-width: 1199px) {
	.archive-body .ax-collection-with-cards .ax-collection-items { gap: 0 14px; }
	.archive-body .ax-collection-with-cards .ax-collection-item { margin-bottom: 24px !important; }
}
@media (max-width: 767px) {
	.archive-body .ax-collection-with-cards .ax-collection-items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 10px; }
	.archive-body .ax-collection-with-cards .ax-collection-item { margin-bottom: 20px !important; }
}

/* ---------- Card ---------- */
article.entry-tpl-grid-s,
article.entry-tpl-grid-m {
	position: relative;
	display: flex !important;
	flex-direction: column;
	width: 100%;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* Anteprima 16:9 arrotondata, zoom e bordo pink al passaggio del mouse */
article.entry-tpl-grid-s .entry-featured-media,
article.entry-tpl-grid-m .entry-featured-media {
	position: relative;
	margin: 0 0 10px !important;
	border-radius: 12px;
	overflow: hidden;
	isolation: isolate; /* il video d'anteprima (z-index 50) resta dentro la card */
	background: #141418;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .06);
	transition: box-shadow .25s ease, transform .25s ease;
}
article.entry-tpl-grid-s .ax-frame,
article.entry-tpl-grid-m .ax-frame { display: block; }
article.entry-tpl-grid-s .ax-frame-inner,
article.entry-tpl-grid-m .ax-frame-inner {
	position: relative;
	aspect-ratio: 16 / 9;
	height: auto !important;
	padding: 0 !important;
	overflow: hidden;
}
article.entry-tpl-grid-s .ax-frame-inner > img,
article.entry-tpl-grid-m .ax-frame-inner > img {
	position: absolute !important;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none;
	object-fit: cover;
	transition: transform .45s ease;
}
/* leggera sfumatura in basso, per staccare le etichette dall'immagine */
article.entry-tpl-grid-s .ax-frame-inner::after,
article.entry-tpl-grid-m .ax-frame-inner::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, 0) 32%);
}
@media (hover: hover) {
	article.entry-tpl-grid-s:hover .entry-featured-media,
	article.entry-tpl-grid-m:hover .entry-featured-media {
		box-shadow: 0 0 0 2px #ef003b, 0 10px 28px rgba(239, 0, 59, .28);
	}
	article.entry-tpl-grid-s:hover .ax-frame-inner > img,
	article.entry-tpl-grid-m:hover .ax-frame-inner > img { transform: scale(1.06); }
}

/* Pulsante play: solo al passaggio del mouse */
article.entry-tpl-grid-s .ax-frame-icon,
article.entry-tpl-grid-m .ax-frame-icon {
	z-index: 2;
	opacity: 0;
	transform: scale(.85);
	transition: opacity .2s ease, transform .2s ease;
}
@media (hover: hover) {
	article.entry-tpl-grid-s:hover .ax-frame-icon,
	article.entry-tpl-grid-m:hover .ax-frame-icon { opacity: 1; transform: scale(1); }
}

/* ---------- Testo sotto l'anteprima: titolo, poi modella + visualizzazioni + menu "…" ---------- */
article.entry-tpl-grid-s .entry-body,
article.entry-tpl-grid-m .entry-body {
	display: flex !important;
	flex-direction: row !important; /* il tema la mette in colonna */
	flex-wrap: wrap !important;
	align-items: center;
	gap: 6px 8px;
	position: static !important; /* così l'etichetta della categoria si posiziona rispetto alla card */
	padding: 0 2px !important;
	margin: 0 !important;
	text-align: left;
}
/* intestazione "sciolta": titolo, statistiche e categoria diventano elementi della riga */
article.entry-tpl-grid-s .entry-header,
article.entry-tpl-grid-m .entry-header,
article.entry-tpl-grid-s .entry-before-title,
article.entry-tpl-grid-m .entry-before-title { display: contents; }

article.entry-tpl-grid-s .entry-title,
article.entry-tpl-grid-m .entry-title {
	order: 1;
	flex: 1 1 100%;
	margin: 0 !important;
	font-size: 15px !important;
	line-height: 1.3 !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
	min-height: 2.6em; /* titoli di 1 o 2 righe: le card della stessa riga restano allineate */
}
article.entry-tpl-grid-s .entry-title a,
article.entry-tpl-grid-m .entry-title a { color: #fff; text-decoration: none; transition: color .2s ease; }
article.entry-tpl-grid-s .entry-title a:hover,
article.entry-tpl-grid-m .entry-title a:hover { color: #ff4d79; }

/* Modella: piccola foto e nome in pink (niente scritta "MODEL:") */
article.entry-tpl-grid-s .entry-body > footer,
article.entry-tpl-grid-m .entry-body > footer { order: 2; flex: 1 1 0; min-width: 0; margin: 0; } /* base 0: si stringe (nome con i puntini) invece di mandare a capo visualizzazioni e menu */
article.entry-tpl-grid-s .entry-byline,
article.entry-tpl-grid-m .entry-byline { margin: 0 !important; padding: 0 !important; min-height: 0 !important; line-height: 1 !important; }
article.entry-tpl-grid-s .entry-author,
article.entry-tpl-grid-m .entry-author { display: block; max-width: 100%; margin: 0; }
article.entry-tpl-grid-s .entry-author .entry-meta-label,
article.entry-tpl-grid-m .entry-author .entry-meta-label { display: none !important; }
article.entry-tpl-grid-s .entry-author a,
article.entry-tpl-grid-m .entry-author a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	max-width: 100%;
	color: #ff4d79 !important;
	text-decoration: none;
}
article.entry-tpl-grid-s .entry-author img,
article.entry-tpl-grid-m .entry-author img {
	position: static !important;
	flex: 0 0 22px;
	width: 22px !important;
	height: 22px !important;
	margin: 0 !important;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: 0 0 0 1px rgba(255, 77, 121, .5);
}
article.entry-tpl-grid-s .entry-author strong,
article.entry-tpl-grid-m .entry-author strong {
	font-size: 13px;
	font-weight: 600;
	text-transform: none !important;
	letter-spacing: 0 !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
article.entry-tpl-grid-s .entry-author a:hover strong,
article.entry-tpl-grid-m .entry-author a:hover strong { color: #fff; }

/* Visualizzazioni vere (WordPress Popular Posts): occhio + numero */
article.entry-tpl-grid-s .entry-stats,
article.entry-tpl-grid-m .entry-stats {
	order: 3;
	margin: 0 0 0 auto !important;
	padding: 0 !important;
	background: none !important;
	display: flex;
	align-items: center;
	line-height: 1;
}
article.entry-tpl-grid-s .entry-stats > span,
article.entry-tpl-grid-m .entry-stats > span { display: none; } /* voti, condivisioni, ecc. */
article.entry-tpl-grid-s .entry-stats > .entry-views,
article.entry-tpl-grid-m .entry-stats > .entry-views {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin: 0;
	color: rgba(255, 255, 255, .6);
	font-size: 12px;
	white-space: nowrap;
}
article.entry-tpl-grid-s .entry-views::before,
article.entry-tpl-grid-m .entry-views::before {
	content: "";
	width: 15px;
	height: 15px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
}
article.entry-tpl-grid-s .entry-views strong,
article.entry-tpl-grid-m .entry-views strong { font-weight: 600; color: rgba(255, 255, 255, .8); text-transform: uppercase; }
/* la parola "Views" resta per i lettori di schermo */
article.entry-tpl-grid-s .entry-views strong + span,
article.entry-tpl-grid-m .entry-views strong + span {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* Categoria come etichetta sull'immagine, in alto a sinistra */
article.entry-tpl-grid-s .entry-categories,
article.entry-tpl-grid-m .entry-categories {
	position: absolute;
	top: 9px;
	left: 9px;
	z-index: 3;
	margin: 0;
	line-height: 1;
}
article.entry-tpl-grid-s .entry-categories-label,
article.entry-tpl-grid-m .entry-categories-label { display: none; }
article.entry-tpl-grid-s .entry-categories-inner,
article.entry-tpl-grid-m .entry-categories-inner { display: flex; gap: 4px; }
article.entry-tpl-grid-s a.entry-category,
article.entry-tpl-grid-m a.entry-category {
	display: inline-block;
	padding: 4px 9px !important;
	border-radius: 999px;
	background: rgba(10, 10, 14, .72) !important;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	border: 1px solid rgba(255, 255, 255, .14);
	color: #fff !important;
	font-size: 10px !important;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1.2 !important;
	text-transform: uppercase;
	text-decoration: none;
}
article.entry-tpl-grid-s a.entry-category:hover,
article.entry-tpl-grid-m a.entry-category:hover { background: #ef003b !important; border-color: #ef003b; }

/* Menu "…" (Watch Later / Add to Favorites), a destra delle visualizzazioni */
article.entry-tpl-grid-s .entry-todome,
article.entry-tpl-grid-m .entry-todome {
	order: 4;
	flex: 0 0 auto;
	margin: 0 0 0 auto !important; /* sempre a destra, anche senza modella/visualizzazioni */
	padding: 0 !important;
	border: 0 !important;
	display: flex;
	align-items: center;
}
article.entry-tpl-grid-s .entry-todome .ax-drop::before,
article.entry-tpl-grid-m .entry-todome .ax-drop::before { content: none !important; } /* lineetta separatrice del tema */
article.entry-tpl-grid-s .entry-todome .ax-drop-toggle,
article.entry-tpl-grid-m .entry-todome .ax-drop-toggle { opacity: .55; transition: opacity .2s ease; }
article.entry-tpl-grid-s .entry-todome .ax-drop-toggle:hover,
article.entry-tpl-grid-m .entry-todome .ax-drop-toggle:hover,
article.entry-tpl-grid-s .entry-todome .ax-drop:hover .ax-drop-toggle,
article.entry-tpl-grid-m .entry-todome .ax-drop:hover .ax-drop-toggle,
article.entry-tpl-grid-s .entry-todome .ax-drop-expanded .ax-drop-toggle,
article.entry-tpl-grid-m .entry-todome .ax-drop-expanded .ax-drop-toggle { opacity: 1; }

/* Riempitivi tolti (se qualche lista non passa dai filtri PHP) */
article.entry-tpl-grid-s .entry-summary,
article.entry-tpl-grid-m .entry-summary,
article.entry-tpl-grid-s .entry-subtitle,
article.entry-tpl-grid-m .entry-subtitle,
article.entry-tpl-grid-s .entry-ctas,
article.entry-tpl-grid-m .entry-ctas,
article.entry-tpl-grid-s .entry-date,
article.entry-tpl-grid-m .entry-date { display: none !important; }

/* ---------- Tablet e cellulare: card più piccole (4 per riga su tablet, 2 su cellulare) ---------- */
@media (max-width: 1199px) {
	article.entry-tpl-grid-s .entry-featured-media,
	article.entry-tpl-grid-m .entry-featured-media { border-radius: 10px; margin-bottom: 8px !important; }
	article.entry-tpl-grid-s .entry-title,
	article.entry-tpl-grid-m .entry-title { font-size: 13px !important; }
	article.entry-tpl-grid-s .entry-body,
	article.entry-tpl-grid-m .entry-body { gap: 5px 6px; }
	article.entry-tpl-grid-s .entry-author img,
	article.entry-tpl-grid-m .entry-author img { flex-basis: 18px; width: 18px !important; height: 18px !important; }
	article.entry-tpl-grid-s .entry-author a,
	article.entry-tpl-grid-m .entry-author a { gap: 5px; }
	article.entry-tpl-grid-s .entry-author strong,
	article.entry-tpl-grid-m .entry-author strong { font-size: 11.5px; }
	/* visualizzazioni come etichetta in alto a destra sull'immagine: la riga sotto resta al nome della modella */
	article.entry-tpl-grid-s .entry-stats,
	article.entry-tpl-grid-m .entry-stats {
		position: absolute;
		top: 7px;
		right: 7px;
		z-index: 3;
		margin: 0 !important;
	}
	article.entry-tpl-grid-s .entry-stats > .entry-views,
	article.entry-tpl-grid-m .entry-stats > .entry-views {
		font-size: 10px;
		gap: 3px;
		padding: 3px 7px;
		border-radius: 999px;
		background: rgba(10, 10, 14, .72);
		-webkit-backdrop-filter: blur(6px);
		backdrop-filter: blur(6px);
		border: 1px solid rgba(255, 255, 255, .14);
		color: #fff;
	}
	article.entry-tpl-grid-s .entry-views strong,
	article.entry-tpl-grid-m .entry-views strong { color: #fff; }
	article.entry-tpl-grid-s .entry-views::before,
	article.entry-tpl-grid-m .entry-views::before { width: 12px; height: 12px; }
	article.entry-tpl-grid-s .entry-todome .ax-drop-toggle,
	article.entry-tpl-grid-m .entry-todome .ax-drop-toggle { width: 22px; min-width: 0; padding: 0; }
	article.entry-tpl-grid-s a.entry-category,
	article.entry-tpl-grid-m a.entry-category { font-size: 9px !important; padding: 3px 7px !important; }
	article.entry-tpl-grid-s .entry-categories,
	article.entry-tpl-grid-m .entry-categories { top: 7px; left: 7px; }
}

/* ---------- Titolo della lista ("SCENES") e "Load More" ---------- */
.archive-body .ax-collection-title {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 22px !important;
	font-size: 24px !important;
	font-weight: 900 !important;
	letter-spacing: 2px !important;
	text-align: left;
}
.archive-body .ax-collection-title::before {
	content: "";
	flex: 0 0 5px;
	height: 26px;
	border-radius: 3px;
	background: #ef003b;
	box-shadow: 0 0 14px rgba(239, 0, 59, .6);
}
.archive-body .ax-collection-title::after { content: none !important; }
.archive-body .ax-collection-title > span { border: 0 !important; padding: 0 !important; }
.archive-body .ax-collection-title > span::before,
.archive-body .ax-collection-title > span::after { content: none !important; display: none !important; }
@media (max-width: 767px) {
	.archive-body .ax-collection-title { font-size: 19px !important; margin-bottom: 16px !important; }
	.archive-body .ax-collection-title::before { height: 20px; }
}

.ax-pagination .ax-load-more,
a.ax-button.ax-load-more {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 220px;
	padding: 13px 34px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #ef003b !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	letter-spacing: 1.5px;
	line-height: 1.2 !important;
	text-transform: uppercase;
	box-shadow: 0 6px 22px rgba(239, 0, 59, .35);
	transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.ax-pagination .ax-load-more:hover,
a.ax-button.ax-load-more:hover {
	background: #ff1a52 !important;
	transform: translateY(-2px);
	box-shadow: 0 10px 28px rgba(239, 0, 59, .5);
}
.ax-pagination-load-more,
.ax-load-more-wrapper { text-align: center; margin-top: 34px !important; }

/* ---------- I due show in evidenza della home ---------- */
.archive-featured article.entry-tpl-tile .ax-frame-inner::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(0deg, rgba(0, 0, 0, .88) 0%, rgba(0, 0, 0, .45) 38%, rgba(0, 0, 0, 0) 65%);
}
.archive-featured article.entry-tpl-tile .ax-frame-inner > img { transition: transform .6s ease; }
@media (hover: hover) {
	.archive-featured article.entry-tpl-tile:hover .ax-frame-inner > img { transform: scale(1.04); }
}
.archive-featured article.entry-tpl-tile .entry-body { z-index: 3; }
.archive-featured article.entry-tpl-tile .entry-title {
	font-size: clamp(22px, 2.3vw, 36px) !important;
	line-height: 1.15 !important;
	font-weight: 800 !important;
	text-shadow: 0 2px 14px rgba(0, 0, 0, .6);
}
/* etichetta NUOVO al posto della riga voti/categoria */
.archive-featured article.entry-tpl-tile .entry-before-title { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.archive-featured article.entry-tpl-tile .entry-before-title::before {
	content: "NUOVO";
	display: inline-block;
	padding: 5px 11px;
	border-radius: 999px;
	background: #ef003b;
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1.5px;
	line-height: 1;
	box-shadow: 0 0 16px rgba(239, 0, 59, .55);
}
.archive-featured article.entry-tpl-tile .entry-stats > span:not(.entry-views) { display: none; }
.archive-featured article.entry-tpl-tile .entry-categories-label { display: none; }
.archive-featured article.entry-tpl-tile a.entry-category {
	padding: 4px 10px !important;
	border-radius: 999px;
	background: rgba(255, 255, 255, .14) !important;
	color: #fff !important;
	font-size: 11px !important;
	letter-spacing: 1px;
}
/* pulsante pink a pillola */
.archive-featured article.entry-tpl-tile .entry-cta {
	border: 0 !important;
	border-radius: 999px !important;
	background: #ef003b !important;
	color: #fff !important;
	padding: 11px 26px !important;
	font-weight: 800 !important;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	box-shadow: 0 6px 20px rgba(239, 0, 59, .4);
	transition: transform .2s ease, background .2s ease;
}
.archive-featured article.entry-tpl-tile .entry-cta:hover { background: #ff1a52 !important; transform: translateY(-2px); }

/* ---------- Pagina della modella: la .row Bootstrap dell'intestazione (margini -15px)
   dentro una colonna con padding 10px sbordava di 5px su cellulare (scorrimento orizzontale) ---------- */
.archive-header .ax-column.model > .row { margin-left: -10px; margin-right: -10px; }