/**
 * Notizia Curiosa: palette Lavanda e tocchi di personalità, caricato dopo gli altri fogli del tema.
 *
 * Colori: accento lavanda #7B61FF (header, pulsanti), inchiostro #5A3FD8 (link nel testo, contrasto AA),
 * rosa #FF8FAB (dettagli e decorazioni), footer lavanda scuro #5B41D9.
 * Effetti: onda sotto l'header e sopra il footer, sottolineatura ondulata nel menu, evidenziatore rosa
 * sui titoli, scintilla nei titoli di sezione, card che si sollevano, etichette di categoria a pillola,
 * comparsa morbida allo scroll e barra di lettura (assets/js/curiosa.js). Con "riduci movimento" del
 * sistema le animazioni sono disattivate.
 *
 * @package vibenews
 */

:root {
	--nc-accent: #7B61FF;
	--nc-accent-ink: #5A3FD8;
	--nc-accent-deep: #5B41D9;
	--nc-accent-soft: #EDE7FF;
	--nc-accent-tint: #F4F0FF;
	--nc-pink: #FF8FAB;
	--nc-pink-soft: #FFD6E0;
	--nc-pink-ink: #8A1F42;
	--nc-ink: #2B2540;
	--nc-text: #4A4560;
	--nc-night: #16112B;       /* sfondo della modalità scura e dei pannelli scuri */
	--nc-night-line: #352B5C;  /* bordi nella modalità scura */
	--nc-radius: 14px;
	--nc-wave-h: 16px;
	/* onda: stesso disegno per header (verso il basso) e footer (verso l'alto) */
	--nc-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 16' preserveAspectRatio='none'%3E%3Cpath d='M0 0h120v6c-15 0-15 10-30 10S75 6 60 6 45 16 30 16 15 6 0 6z' fill='%237B61FF'/%3E%3C/svg%3E");
	--nc-wave-footer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 16' preserveAspectRatio='none'%3E%3Cpath d='M0 16h120v-6c-15 0-15-10-30-10S75 10 60 10 45 0 30 0 15 10 0 10z' fill='%235B41D9'/%3E%3C/svg%3E");
	--nc-squiggle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 6'%3E%3Cpath d='M0 3q2.5-3 5 0t5 0 5 0 5 0' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
}

::selection {
	background: var(--nc-pink-soft);
	color: var(--nc-ink);
}

body {
	color: var(--nc-text);
}

/* ------------------------------------------------------------------ header */

#theme-header-two,
#theme-header-two .theme-logo-area,
#theme-header-two .theme-navigation-area {
	background: var(--nc-accent);
	border-bottom: 0;
}

#theme-header-two {
	position: relative;
	margin-bottom: calc(var(--nc-wave-h) + 8px);
}

#theme-header-two::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	height: var(--nc-wave-h);
	background: var(--nc-wave) repeat-x;
	background-size: 120px var(--nc-wave-h);
	pointer-events: none;
	z-index: 2;
}

#theme-header-two .header-date {
	color: var(--nc-accent-soft);
}

#theme-header-two .lv-header-bar-line {
	background-color: #fff;
}

#theme-header-two .slicknav_icon-bar {
	background-color: #fff;
}

#theme-header-two .search-icon,
#theme-header-two .mode-switcher {
	color: #fff;
}

/* logo: piccola oscillazione al passaggio del mouse */
#theme-header-two .theme-logo img {
	transition: transform .3s ease;
}

#theme-header-two .theme-logo a:hover img {
	animation: nc-wiggle .6s ease;
}

/* menu: voci bianche, sottolineatura ondulata rosa che scorre */
#theme-header-two .theme-main-menu > li > a {
	color: #fff;
	position: relative;
}

#theme-header-two .nav-menu-wrapper ul > li > a::before {
	display: none;
}

#theme-header-two .theme-main-menu > li > a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -4px;
	height: 6px;
	background: var(--nc-cat, var(--nc-pink));
	-webkit-mask: var(--nc-squiggle) repeat-x 0 0 / 20px 6px;
	mask: var(--nc-squiggle) repeat-x 0 0 / 20px 6px;
	opacity: 0;
	transform: translateY(4px);
	transition: opacity .25s ease, transform .25s ease;
}

#theme-header-two .theme-main-menu > li > a:hover::after,
#theme-header-two .theme-main-menu > li.current-menu-item > a::after,
#theme-header-two .theme-main-menu > li.current-menu-ancestor > a::after {
	opacity: 1;
	transform: none;
	animation: nc-squiggle 1s linear infinite;
}

/* ------------------------------------------------------- titoli di sezione */
/* Titoli di sezione, dei blocchi e delle schede: evidenziatore rosa, scintilla, linea a puntini */

#main-content .nc-section-heading .elementor-heading-title,
.theme-heading-one-custom.elementor-widget-heading h2,
#main-content .nc-block .post-block-title-wrapper h2.post-block-title,
.theme-tab-one-wrapper .tab-section-title h2.tab-item-title,
.theme_related_post_title h2 {
	color: var(--nc-ink) !important;
}

.theme-heading-one-custom.elementor-widget.elementor-widget-heading .elementor-widget-container::before,
.nc-block .post-block-title-wrapper::before,
.theme-tab-one-wrapper .tab-section-title::before,
.theme_related_post_title::before {
	border-bottom: 2px dotted var(--nc-pink) !important;
}

.theme-heading-one-custom.elementor-widget-heading h2 span,
.nc-block .post-block-title-wrapper h2.post-block-title span,
.theme-tab-one-wrapper .tab-section-title h2.tab-item-title span,
.theme_related_post_title h2 span {
	position: relative;
	display: inline-block;
	padding-left: 26px !important;
	padding-right: 10px !important;
	background: #fff linear-gradient(transparent 58%, var(--nc-pink-soft) 58%, var(--nc-pink-soft) 92%, transparent 92%) no-repeat 22px 0 / calc(100% - 26px) 100% !important;
}

/* scintilla che ruota piano davanti al titolo */
.theme-heading-one-custom.elementor-widget-heading h2 span::before,
.nc-block .post-block-title-wrapper h2.post-block-title span::before,
.theme-tab-one-wrapper .tab-section-title h2.tab-item-title span::before,
.theme_related_post_title h2 span::before {
	content: "\2726";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -11px;
	color: var(--nc-accent);
	font-size: 18px;
	line-height: 22px;
	animation: nc-spin 9s linear infinite;
}

/* ---------------------------------------------- etichette di categoria */

.post-cat-box.post-block-meta-cat a.news-cat_Name,
#main-content .post-cat-box.post-block-meta-cat a.news-cat_Name,
.blog-post-cat a.news-cat_Name {
	display: inline-block;
	padding: 1px 10px;
	border-radius: 999px;
	background: var(--nc-accent-soft);
	color: var(--nc-accent-ink);
	font-weight: 500;
	transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.post-cat-box.post-block-meta-cat a.news-cat_Name:hover,
.blog-post-cat a.news-cat_Name:hover {
	background: var(--nc-pink);
	color: #fff;
	transform: rotate(-3deg) scale(1.05);
}

#main-content .nc-block--hero .post-block-item-four .post-cat-box.post-block-meta-cat a.news-cat_Name {
	background: var(--nc-pink);
	color: #fff;
}

/* ------------------------------------------------------------------ card */

.nc-block .news-post-grid-thumbnail,
.nc-block .news-post-grid-thumbnail-wrap,
.nc-block .small-post-list-item-block a:has(> img),
.nc-block .post-block-list-small-inner a:has(> img),
.nc-block a:has(> img) {
	display: block;
	overflow: hidden;
	border-radius: var(--nc-radius);
}

.nc-block img,
.theme_related_posts_Wrapper img,
.single .post-featured-image img {
	border-radius: var(--nc-radius);
	transition: transform .5s cubic-bezier(.2, .8, .2, 1), filter .3s ease;
}

.nc-block .post-block-item-one,
.nc-block .post-small-list-wrap,
.nc-block .theme-news-post-block {
	transition: transform .3s cubic-bezier(.2, .8, .2, 1);
}

.nc-block .post-block-item-one:hover,
.theme_related_posts_Wrapper .post-block-item-one:hover,
.nc-block .post-small-list-wrap:hover {
	transform: translateY(-4px);
}

.nc-block .post-block-item-one:hover img,
.theme_related_posts_Wrapper .post-block-item-one:hover img,
.nc-block .post-small-list-wrap:hover img,
.nc-block .theme-news-post-block:hover img {
	transform: scale(1.06) rotate(-.6deg);
	filter: saturate(1.15);
}

/* hero: velatura lavanda al posto del nero */
.theme-news-post-block.post-block-item.post-block-item-four {
	border-radius: var(--nc-radius);
	overflow: hidden;
}

.theme-news-post-block.post-block-item.post-block-item-four::after {
	background: linear-gradient(180deg, rgba(43, 37, 64, 0) 35%, rgba(59, 38, 140, .82) 100%) !important;
	border-radius: var(--nc-radius);
}

.blog-post-grid-wrapper.post-block-list-wrap {
	border-radius: var(--nc-radius);
	overflow: hidden;
}

.blog-post-grid-wrapper.post-block-list-wrap::after {
	background: linear-gradient(180deg, rgba(43, 37, 64, 0) 35%, rgba(59, 38, 140, .82) 100%) !important;
	pointer-events: none;
}

/* card delle schede (Gossip & TV): stessa velatura lavanda */
.tab-one-block-top {
	border-radius: var(--nc-radius);
	overflow: hidden;
}

.tab-one-block-top::after {
	background: linear-gradient(180deg, rgba(43, 37, 64, 0) 35%, rgba(59, 38, 140, .82) 100%) !important;
	pointer-events: none;
}

/* etichette sopra le immagini: rosa pieno, leggibili sulla velatura */
.post-block-list-wrap .post-cat-box.post-block-meta-cat a.news-cat_Name,
.tab-one-block-top .post-cat-box.post-block-meta-cat a.news-cat_Name,
.post-block-item-four .post-cat-box.post-block-meta-cat a.news-cat_Name {
	background: var(--nc-pink) !important;
	color: #fff !important;
}

.tab-one-block-top .post-title a,
.tab-one-block-top .post-title a:hover,
.post-block-list-wrap .post-title a,
.post-block-list-wrap .post-title a:hover {
	color: #fff !important;
	background-image: linear-gradient(rgba(255, 143, 171, .55), rgba(255, 143, 171, .55)) !important;
}

.tab-one-block-top .post-date-box,
.post-block-list-wrap .post-date-box {
	color: var(--nc-accent-soft) !important;
}

/* titoli: evidenziatore rosa che si stende al passaggio del mouse */
.nc-block .post-title a,
.nc-block h3 a,
.theme_related_posts_Wrapper .post-title a {
	color: var(--nc-ink);
	background: linear-gradient(var(--nc-pink-soft), var(--nc-pink-soft)) no-repeat 0 88% / 0 38%;
	transition: background-size .35s ease, color .2s ease;
	text-decoration: none;
}

.nc-block .post-title a:hover,
.nc-block h3 a:hover,
.theme_related_posts_Wrapper .post-title a:hover {
	color: var(--nc-ink);
	background-size: 100% 38%;
}

#main-content .nc-block--hero .post-title a,
#main-content .nc-block--hero .post-title a:hover {
	color: #fff;
	background-image: linear-gradient(rgba(255, 143, 171, .55), rgba(255, 143, 171, .55));
}

/* -------------------------------------------------------- schede (tab) */

.news_tab_Block .nav-tabs .nav-link {
	border-radius: 999px;
	transition: background-color .2s ease, color .2s ease;
}

.news_tab_Block .nav-tabs .nav-link.active {
	background-color: var(--nc-accent) !important;
	color: #fff !important;
}

.news_tab_Block .nav-tabs .nav-link:not(.active):hover {
	background: var(--nc-accent-soft);
	color: var(--nc-accent-ink);
}

/* --------------------------------------------------------- articolo */

.single .blog-details-content .entry-content > p:first-of-type::first-letter {
	float: left;
	margin: 6px 10px 0 0;
	font-family: "Oswald", sans-serif;
	font-size: 64px;
	line-height: .9;
	color: var(--nc-accent);
}

.single .blog-details-content .entry-content p a,
body.page .theme-page-spacing .entry-content p a {
	color: var(--nc-accent-ink);
	text-decoration: none;
	background: linear-gradient(var(--nc-pink-soft), var(--nc-pink-soft)) no-repeat 0 100% / 100% 2px;
	transition: background-size .25s ease;
}

.single .blog-details-content .entry-content p a:hover,
body.page .theme-page-spacing .entry-content p a:hover {
	background-size: 100% 100%;
}

/* barra di lettura (curiosa.js) */
.nc-progress {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, var(--nc-pink), var(--nc-accent));
	transform-origin: 0 50%;
	transform: scaleX(0);
	pointer-events: none;
}

.admin-bar .nc-progress {
	top: 32px;
}

/* ------------------------------------------------------- torna su */

.backto {
	background: var(--nc-accent);
	box-shadow: 0 6px 18px rgba(123, 97, 255, .35);
}

.backto:hover {
	background: var(--nc-pink) !important;
	animation: nc-bounce .6s ease;
}

.backto a,
.backto:hover a {
	color: #fff;
}

/* ------------------------------------------------------------- footer */

footer.theme-footer-wrapper {
	position: relative;
	margin-top: calc(var(--nc-wave-h) + 24px);
}

footer.theme-footer-wrapper::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	height: var(--nc-wave-h);
	background: var(--nc-wave-footer) repeat-x;
	background-size: 120px var(--nc-wave-h);
	pointer-events: none;
}

footer.theme-footer-wrapper a,
footer.theme-footer-wrapper .widget ul li a {
	color: var(--nc-accent-soft);
	transition: color .2s ease;
}

footer.theme-footer-wrapper a:hover,
footer.theme-footer-wrapper .widget ul li a:hover {
	color: var(--nc-pink-soft);
}

footer.theme-footer-wrapper .widget-title,
footer.theme-footer-wrapper h2,
footer.theme-footer-wrapper h3 {
	color: #fff;
}

/* ------------------------------------------------- colori delle categorie */
/* Variabili --nc-cat, --nc-cat-ink, --nc-cat-soft dalla classe nc-cat-{ID} (inc/category-colors.php) */

/* barra colorata sotto ogni miniatura, si allarga al passaggio del mouse */
.news-post-grid-thumbnail.nc-cat {
	position: relative;
	overflow: hidden;
	border-radius: var(--nc-radius);
}

.news-post-grid-thumbnail.nc-cat::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	height: 5px;
	background: var(--nc-cat);
	transition: height .25s ease;
	pointer-events: none;
}

.post-block-item-one:hover .news-post-grid-thumbnail.nc-cat::after,
.post-small-list-wrap:hover .news-post-grid-thumbnail.nc-cat::after,
.theme-news-post-block:hover .news-post-grid-thumbnail.nc-cat::after,
.news-post-grid-thumbnail.nc-cat:hover::after {
	height: 9px;
}

.theme_related_posts_Wrapper .news-post-grid-thumbnail img,
.main-container .news-post-grid-thumbnail img {
	border-radius: var(--nc-radius);
}

/* etichette nel colore della propria categoria (anche sopra le immagini e in modalità scura) */
a.news-cat_Name.nc-cat,
#main-content a.news-cat_Name.nc-cat,
.post-block-list-wrap a.news-cat_Name.nc-cat,
.tab-one-block-top a.news-cat_Name.nc-cat,
.post-block-item-four a.news-cat_Name.nc-cat,
body.likhun-dark a.news-cat_Name.nc-cat,
body.likhun-dark #main-content a.news-cat_Name.nc-cat {
	background: var(--nc-cat) !important;
	color: var(--nc-cat-ink) !important;
}

a.news-cat_Name.nc-cat:hover {
	filter: brightness(1.08) saturate(1.1);
}

/* titoli di sezione e di blocco con il nome di una categoria */
.theme-heading-one-custom.nc-cat.elementor-widget.elementor-widget-heading .elementor-widget-container::before,
.post-block-title-wrapper.nc-cat::before {
	border-bottom-color: var(--nc-cat) !important;
}

.theme-heading-one-custom.nc-cat.elementor-widget-heading h2 span,
.nc-block .post-block-title-wrapper.nc-cat h2.post-block-title span {
	background-image: linear-gradient(transparent 58%, var(--nc-cat-soft) 58%, var(--nc-cat-soft) 92%, transparent 92%) !important;
}

.theme-heading-one-custom.nc-cat.elementor-widget-heading h2 span::before,
.nc-block .post-block-title-wrapper.nc-cat h2.post-block-title span::before {
	color: var(--nc-cat);
}

/* articolo e archivio di categoria: barra di lettura, capolettera e link nel colore della categoria */
body.nc-cat .nc-progress {
	background: linear-gradient(90deg, var(--nc-cat), var(--nc-accent));
}

body.nc-cat.single .blog-details-content .entry-content > p:first-of-type::first-letter {
	color: var(--nc-cat);
}

body.nc-cat.single .blog-details-content .entry-content p a {
	background-image: linear-gradient(var(--nc-cat-soft), var(--nc-cat-soft));
}

/* ------------------------------------- pannelli scuri: viola, non nero */
/* pannello laterale del menu, menu mobile e ricerca a tutto schermo (in entrambe le modalità) */

.vibenews-custom-panel-menu-wrapper {
	background: var(--nc-night);
}

ul.slicknav_nav,
.slicknav_nav li:hover {
	background: var(--nc-night);
}

#theme-serach-box_Inner {
	background-color: rgba(22, 17, 43, .96);
}

/* --------------------------------------- comparsa allo scroll (curiosa.js) */

.nc-js .nc-reveal {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity .6s ease, transform .6s cubic-bezier(.2, .8, .2, 1);
	transition-delay: var(--nc-delay, 0s);
}

.nc-js .nc-reveal.is-visible {
	opacity: 1;
	transform: none;
}

/* -------------------------------------------------------- modalità scura */

body.likhun-dark #main-content .nc-section-heading .elementor-heading-title,
body.likhun-dark .theme-heading-one-custom.elementor-widget-heading h2,
body.likhun-dark #main-content .nc-block .post-block-title-wrapper h2.post-block-title,
body.likhun-dark .theme-tab-one-wrapper .tab-section-title h2.tab-item-title,
body.likhun-dark .theme_related_post_title h2 {
	color: #fff !important;
}

body.likhun-dark .theme-heading-one-custom.elementor-widget-heading h2 span,
body.likhun-dark .nc-block .post-block-title-wrapper h2.post-block-title span,
body.likhun-dark .theme-tab-one-wrapper .tab-section-title h2.tab-item-title span,
body.likhun-dark .theme_related_post_title h2 span {
	background-color: var(--nc-night) !important;
	background-image: linear-gradient(transparent 58%, rgba(255, 143, 171, .3) 58%, rgba(255, 143, 171, .3) 92%, transparent 92%) !important;
}

body.likhun-dark .post-cat-box.post-block-meta-cat a.news-cat_Name,
body.likhun-dark #main-content .post-cat-box.post-block-meta-cat a.news-cat_Name,
body.likhun-dark .blog-post-cat a.news-cat_Name {
	background: var(--nc-night-line);
	color: var(--nc-accent-soft) !important;
}

body.likhun-dark .nc-block .post-title a,
body.likhun-dark .nc-block h3 a {
	color: #fff;
	background-image: linear-gradient(rgba(255, 143, 171, .35), rgba(255, 143, 171, .35));
}

/* -------------------------------------------------------------- animazioni */

@keyframes nc-wiggle {
	0%, 100% { transform: rotate(0); }
	25% { transform: rotate(-3deg) scale(1.03); }
	50% { transform: rotate(2deg); }
	75% { transform: rotate(-1deg); }
}

@keyframes nc-squiggle {
	to { -webkit-mask-position: 20px 0; mask-position: 20px 0; }
}

@keyframes nc-spin {
	to { transform: rotate(360deg); }
}

@keyframes nc-bounce {
	0%, 100% { transform: translateY(0); }
	40% { transform: translateY(-8px); }
	70% { transform: translateY(-3px); }
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation: none !important;
		transition: none !important;
	}

	.nc-js .nc-reveal {
		opacity: 1;
		transform: none;
	}
}