/* ==========================================================
   Il Merovingio – personalizzazioni sopra il tema Mystik
   ========================================================== */

/* ---------- Hero: sezione Elementor a tutto schermo + effetti ---------- */
.mero-hero { position: relative; overflow: hidden; background-color: #050505; min-height: calc(100vh - 86px) !important; box-sizing: border-box; display: flex; align-items: flex-end; }
.admin-bar .mero-hero { min-height: calc(100vh - 118px) !important; }
.mero-hero > .elementor-container { position: relative; z-index: 10; }
.mero-hero .mero-fx { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.mero-hero .mero-rain   { z-index: 2; opacity: .85; }
.mero-hero .mero-cross  { z-index: 3; }
.mero-hero .mero-fog    { z-index: 4; }
.mero-hero .mero-sparks { z-index: 5; }
/* nebbia: velo scuro ai bordi, quasi nullo al centro (l'immagine resta leggibile) */
.mero-hero .mero-fog {
	background:
		radial-gradient(ellipse 60% 75% at 50% 50%, rgba(5,5,5,0) 0%, rgba(5,5,5,.15) 55%, rgba(5,5,5,.8) 100%),
		linear-gradient(to bottom, rgba(5,5,5,.5) 0%, rgba(5,5,5,0) 20%, rgba(5,5,5,0) 80%, rgba(5,5,5,.7) 100%);
}
/* croce di San Benedetto appena illuminata (croce latina, lieve bagliore verde, in alto a destra dell'immagine) */
.mero-hero .mero-cross {
	background:
		linear-gradient(#123b1f, #123b1f) 78% 42% / 5px 22% no-repeat,
		linear-gradient(#123b1f, #123b1f) 78% 30% / 9% 5px no-repeat;
	opacity: .45;
	filter: blur(.6px) drop-shadow(0 0 14px rgba(0,255,102,.45));
	mix-blend-mode: screen;
}
/* testi della hero */
.mero-hero .mero-hero-star .elementor-heading-title { color: #c8a14d; font-size: 2.2rem; line-height: 1; margin-bottom: .6em; text-shadow: 0 0 18px rgba(200,161,77,.6); }
.mero-hero .mero-hero-title .elementor-heading-title { font-family: "Cinzel", serif; font-weight: 700; color: #c8a14d; font-size: 4.4rem; line-height: 1.12; margin: 0; letter-spacing: .06em; text-shadow: 0 2px 30px rgba(0,0,0,.95), 0 0 2px #000; }
.mero-hero .mero-hero-sub1 .elementor-heading-title { font-family: "Cinzel", serif; color: #c8a14d; font-size: 1.35rem; letter-spacing: .2em; margin-top: .6em; text-shadow: 0 2px 20px rgba(0,0,0,.95); }
.mero-hero .mero-hero-sub2 .elementor-heading-title { font-family: "Poppins", sans-serif; font-weight: 400; color: #ffffff; font-size: 1.05rem; letter-spacing: .22em; text-transform: uppercase; margin-top: 2.2em; text-shadow: 0 2px 16px rgba(0,0,0,.95); }
@media (max-width: 1023px) { .mero-hero .mero-hero-title .elementor-heading-title { font-size: 3rem; } }
@media (max-width: 767px)  { .mero-hero .mero-hero-title .elementor-heading-title { font-size: 2.1rem; letter-spacing: .04em; } .mero-hero .mero-hero-sub2 .elementor-heading-title { font-size: .8rem; letter-spacing: .12em; } }

/* ---------- Card "percorsi" e "trilogia" ---------- */
.mero-card { background: #0a0a0a; border: 1px solid #303030; transition: border-color .3s, transform .3s; }
.mero-card:hover { border-color: #c8a14d; transform: translateY(-4px); }
.mero-card .elementor-widget-image img { width: 100%; height: auto; display: block; filter: saturate(.85); transition: filter .4s; }
.mero-card:hover .elementor-widget-image img { filter: saturate(1); }
.mero-card .mero-card-img img { aspect-ratio: 3 / 2; object-fit: cover; }
.mero-card .mero-card-cover img { aspect-ratio: 5 / 7; object-fit: cover; }
.mero-card .elementor-widget-heading .elementor-heading-title { color: #c8a14d; font-family: "Cinzel", serif; font-weight: 700; font-size: 1.45rem; letter-spacing: .02em; line-height: 1.3; }
.mero-card .mero-card-sub { color: #ffffff; font-style: italic; font-size: .95rem; }
.mero-card .elementor-widget-text-editor { color: #9d9d9d; font-size: .95rem; line-height: 1.65; }
.mero-card .sc_button { margin-top: .2em; }

/* ---------- Ritocchi generali ---------- */
.sc_layouts_logo img { max-height: 3.1em; width: auto; }
.sc_layouts_menu_nav > li > a { letter-spacing: .06em; font-size: .92em; padding-left: .9em; padding-right: .9em; }
.sc_layouts_menu_nav > li > ul { width: 17rem; }
.sc_layouts_menu_nav > li > ul > li > a { white-space: nowrap; }
@media (max-width: 1439px) { .sc_layouts_menu_nav > li > a { letter-spacing: .03em; font-size: .84em; padding-left: .6em; padding-right: .6em; } }

/* ---------- Selettore lingua (GTranslate) nell'header ---------- */
.sc_layouts_row .elementor-widget-shortcode.mero-lang { width: auto; margin-right: 1.2em; }
.sc_layouts_row .mero-lang .gtranslate_wrapper { display: inline-flex; gap: .45em; align-items: center; }
.sc_layouts_row .mero-lang .gtranslate_wrapper a { display: inline-block; line-height: 0; opacity: .7; transition: opacity .3s; }
.sc_layouts_row .mero-lang .gtranslate_wrapper a:hover, .sc_layouts_row .mero-lang .gtranslate_wrapper a.gt-current-lang { opacity: 1; }
/* card: colonna flessibile per allineare i pulsanti in basso */
.mero-card > .elementor-widget-wrap { display: flex; flex-direction: column; }
.mero-card > .elementor-widget-wrap > .elementor-widget-trx_sc_button { margin-top: auto; }
/* pagine segnaposto (in attesa dei contenuti) */
.mero-placeholder { min-height: 60vh; padding: 12em 1.5em 6em; text-align: center; }
.mero-placeholder h1 { color: #c8a14d; margin-bottom: .4em; }
.mero-placeholder ul { list-style: none; padding: 0; margin: 1.5em 0 0; }
.mero-placeholder li { margin: .4em 0; }
/* riquadri di testo (nota legale, sezioni discorsive) */
.mero-box { background: #0a0a0a; border: 1px solid #303030; }
.mero-box .elementor-widget-text-editor, .elementor-widget-text-editor.mero-text { color: #b5b5b5; line-height: 1.75; }
.mero-box strong { color: #ffffff; }
.mero-box ol { margin: 0 0 1.2em 1.4em; padding: 0; }
.mero-box ol li, .elementor-widget-text-editor ol li { margin: .35em 0; }
/* schede prodotto amuleti */
.mero-product { background: #0a0a0a; border: 1px solid #303030; }
.mero-product .mero-product-img img { width: 100%; height: auto; display: block; }
.mero-product .elementor-widget-text-editor, .mero-box .elementor-widget-text-editor { color: #b5b5b5; line-height: 1.75; }
.mero-product strong, .mero-box strong { color: #ffffff; }
.mero-product .mero-focus { color: #c8a14d; }
.mero-product .sc_title { margin-top: 2em; }
.mero-product .elementor-widget-text-editor { padding-bottom: 2em; }
.mero-box ul, .mero-product ul { margin: 0 0 1.2em 1.2em; padding: 0; }
.mero-box ul li { margin: .35em 0; }
/* confronto coaching (Mental Coaching) */
.mero-card ul.mero-vs { list-style: none; margin: 0; padding: 0; text-align: left; }
.mero-card ul.mero-vs li { position: relative; padding-left: 1.6em; margin: .6em 0; }
.mero-card ul.mero-vs li:before { position: absolute; left: 0; top: 0; font-weight: 700; }
.mero-card ul.mero-vs-no li:before { content: "✕"; color: #8a2a2a; }
.mero-card ul.mero-vs-yes li:before { content: "✓"; color: #c8a14d; }
.mero-card ul.mero-vs strong { color: #ffffff; }
/* elenchi dentro le card e citazione finale (Chi sono) */
.mero-card ul.mero-list { list-style: none; margin: .6em 0 0; padding: 0; text-align: left; }
.mero-card ul.mero-list li { position: relative; padding-left: 1.2em; margin: .5em 0; }
.mero-card ul.mero-list li:before { content: "✦"; position: absolute; left: 0; top: 0; color: #c8a14d; font-size: .8em; }
.mero-card ul.mero-list strong { color: #ffffff; }
.mero-quote { color: #c8a14d; font-family: "Cinzel", serif; font-size: 1.25rem; line-height: 1.6; }
/* contatti */
.mero-card a:not(.sc_button) { color: #c8a14d; text-decoration: none; }
.mero-card a:not(.sc_button):hover { color: #ffffff; }

/* Preloader: logo IL MEROVINGIO (retina 906x93 mostrato a metà) */
#page_preloader { background-size: 453px auto; opacity: 1; }
@media (max-width: 600px) { #page_preloader { background-size: 80vw auto; } }

/* Chi sono: logo-sigillo sotto "Il Simbolismo del Logo" */
.mero-logo-simbolo img { max-width: 420px; width: 100%; height: auto; filter: drop-shadow(0 0 28px rgba(200,161,77,.35)); }

/* Amuleti: nota legale evidenziata nell'oro dei titoli */
.mero-box p.mero-legal, .mero-box p.mero-legal strong { color: #c8a14d; }

/* Esorcismi: paragrafo evidenziato bianco e grassetto */
p.mero-evidenza, p.mero-evidenza strong { color: #ffffff; font-weight: 700; }