/* Mundokims - stili personalizzati del sito: MODIFICA QUESTO FILE. */

/* ============ brand-overrides.css ============ */
/* Mundokims brand overrides - blu */
:root, body, .scheme_default, .scheme_dark {
  --theme-color-link: #2057C7 !important;
  --theme-color-hover: #173F91 !important;
  --theme-color-link_07: rgba(32,87,199,0.7) !important;
  --theme-color-link_blend: #4A7FD6 !important;
  --theme-color-alt_bg_color: #101B33 !important;
  --theme-color-alt_bg_color_05: rgba(16,27,51,0.5) !important;
  --theme-color-alt_bg_color_2: #16233F !important;
  --theme-color-alt_bd_color: #2A3A5C !important;
  --theme-color-alt_link: #6EA3F5 !important;
  --theme-color-alt_hover: #8FB8F8 !important;
  --e-global-color-theme_color_link: #2057C7 !important;
  --e-global-color-theme_color_hover: #173F91 !important;
  --e-global-color-theme_color_alt_bg_color: #101B33 !important;
  --e-global-color-theme_color_alt_bg_color_2: #16233F !important;
  --e-global-color-theme_color_alt_bd_color: #2A3A5C !important;
  --e-global-color-theme_color_alt_link: #6EA3F5 !important;
  --e-global-color-theme_color_alt_hover: #8FB8F8 !important;
  --e-global-color-accent: #2057C7 !important;
  --e-global-color-primary: #2057C7 !important;
}


/* ============ mundokims-extra.css ============ */
/* Mundokims — design system festoso: hero coral come la home, card, articoli, CTA */

/* ---------- HERO — stesso sfondo sfumato della home ---------- */
.mk-hero {
  position: relative;
  background: url(../image/decor-background-03.jpg) center / cover no-repeat;
  padding: 230px 30px 120px;
  overflow: hidden;
  text-align: center;
}
.mk-hero-inner { max-width: 1100px; margin: 0 auto; position: relative; z-index: 5; }
.mk-hero .mk-kicker {
  color: #FFFFFF;
  font-family: "Lexend", sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .5px;
  margin: 0 0 14px;
  text-shadow: 0 1px 12px rgba(0,0,0,.12);
}
.mk-hero h1 {
  color: #FFFFFF;
  font-family: "Lexend", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.05;
  font-size: clamp(30px, 5vw, 56px);
  margin: 0 0 18px;
  text-shadow: 0 2px 24px rgba(0,0,0,.10);
}
.mk-hero h1 .mk-mega {
  display: block;
  font-size: clamp(64px, 12.5vw, 168px);
  letter-spacing: -1px;
}
.mk-hero h1 .mk-h1-rest {
  display: block;
  font-size: clamp(24px, 3.6vw, 50px);
  font-weight: 500;
  margin-top: 10px;
}
.mk-hero .mk-sub {
  color: rgba(255,255,255,.94);
  font-size: 19px;
  line-height: 1.6;
  max-width: 640px;
  margin: 0 auto 24px;
  text-shadow: 0 1px 10px rgba(0,0,0,.12);
}
.mk-hero .mk-crumbs { font-size: 14px; color: rgba(255,255,255,.8); margin: 0; }
.mk-hero .mk-crumbs a { color: #ffffff; text-decoration: underline; }
.mk-hero .mk-hero-cta {
  display: inline-block;
  margin-top: 28px;
  background: #FFFFFF;
  color: #101B33;
  font-family: "Lexend", sans-serif;
  font-weight: 600;
  font-size: 17px;
  padding: 18px 38px;
  border-radius: 40px;
  text-decoration: none;
  box-shadow: 0 14px 34px rgba(16,27,51,.22);
  transition: transform .25s, box-shadow .25s;
}
.mk-hero .mk-hero-cta:hover { transform: translateY(-3px); box-shadow: 0 20px 44px rgba(16,27,51,.3); color: #2057C7; }

/* foto fluttuanti come nella home */
.mk-ph { position: absolute; z-index: 3; }
.mk-ph img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  border-radius: 16px;
  box-shadow: 0 18px 44px rgba(16,27,51,.28);
}
.mk-ph.round img { border-radius: 50%; }
.mk-ph.p1 { width: 250px; height: 250px; left: 4%; top: 42%; transform: rotate(-6deg); }
.mk-ph.p2 { width: 230px; height: 230px; right: 5%; top: 16%; transform: rotate(7deg); }
.mk-ph.p3 { width: 190px; height: 190px; right: 12%; bottom: 6%; transform: rotate(-8deg); }
@media (max-width: 1100px) { .mk-ph { display: none; } }

/* sticker della home (sole, dino, spirale, palloncino, torta) */
.mk-stk { position: absolute; z-index: 2; pointer-events: none; animation: mk-bob 6s ease-in-out infinite; }
.mk-stk img { width: 100%; height: auto; display: block; }
.mk-stk.s1 { width: 90px;  left: 12%; top: 18%; animation-delay: .6s; }
.mk-stk.s2 { width: 76px;  right: 22%; bottom: 20%; animation-delay: 1.6s; }
.mk-stk.s3 { width: 64px;  left: 24%; bottom: 12%; animation-delay: 2.4s; }
@keyframes mk-bob {
  0%, 100% { transform: translateY(0) rotate(-2deg); }
  50%      { transform: translateY(-14px) rotate(3deg); }
}
/* stelline bianche (sparkburst svg) */
.mk-spark { position: absolute; z-index: 2; pointer-events: none; opacity: .9; animation: mk-twinkle 3.4s ease-in-out infinite; }
.mk-spark img { width: 100%; height: auto; display: block; filter: brightness(0) invert(1); }
.mk-spark.k1 { width: 34px; left: 18%; top: 30%; }
.mk-spark.k2 { width: 22px; left: 40%; bottom: 14%; animation-delay: 1s; }
.mk-spark.k3 { width: 28px; right: 16%; top: 44%; animation-delay: 1.8s; }
.mk-spark.k4 { width: 18px; right: 38%; top: 12%; animation-delay: 2.6s; }
@keyframes mk-twinkle {
  0%, 100% { opacity: .95; transform: scale(1) rotate(0deg); }
  50%      { opacity: .35; transform: scale(.72) rotate(18deg); }
}
@media (max-width: 767px) {
  .mk-hero { padding: 160px 20px 70px; }
  .mk-stk { display: none; }
  .mk-hero .mk-sub { font-size: 16px; }
}

/* sticker riutilizzabili dentro le sezioni contenuto */
.mk-decor { position: relative; }
.mk-decor .mk-stk-inline { position: absolute; pointer-events: none; z-index: 3; animation: mk-bob 6s ease-in-out infinite; }

/* ---------- Griglia card ---------- */
.mk-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 34px;
  max-width: 1240px;
  margin: 0 auto;
  padding: 80px 30px;
}
.mk-card {
  background: #ffffff;
  border: 1px solid #E3E1D6;
  border-radius: 18px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform .3s, box-shadow .3s;
}
.mk-card:hover { transform: translateY(-6px) rotate(-.5deg); box-shadow: 0 22px 45px rgba(16,27,51,0.14); }
.mk-card img { width: 100%; height: 220px; object-fit: cover; display: block; }
.mk-card-body { padding: 26px 28px 30px; display: flex; flex-direction: column; flex: 1; }
.mk-card .mk-tag {
  color: #2057C7;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.mk-card h2, .mk-card h3 {
  font-family: "Lexend", sans-serif;
  font-size: 22px;
  line-height: 1.3;
  margin: 0 0 12px;
}
.mk-card h2 a, .mk-card h3 a { color: #1F242E; text-decoration: none; }
.mk-card h2 a:hover, .mk-card h3 a:hover { color: #2057C7; }
.mk-card p { color: #74736D; font-size: 15px; line-height: 1.6; margin: 0 0 18px; flex: 1; }
.mk-card .mk-more { color: #2057C7; font-weight: 600; font-size: 15px; text-decoration: none; }
.mk-card .mk-more:hover { color: #173F91; }

/* ---------- Corpo articolo ---------- */
.mk-article {
  max-width: 800px;
  margin: 0 auto;
  padding: 70px 30px 40px;
  font-size: 17px;
  line-height: 1.75;
  color: #5A5953;
}
.mk-article h2 { font-family: "Lexend", sans-serif; color: #1F242E; font-size: 30px; margin: 44px 0 16px; line-height: 1.25; }
.mk-article h3 { font-family: "Lexend", sans-serif; color: #1F242E; font-size: 23px; margin: 34px 0 12px; }
.mk-article p { margin: 0 0 18px; }
.mk-article ul, .mk-article ol { margin: 0 0 20px; padding-left: 26px; }
.mk-article li { margin-bottom: 8px; }
.mk-article a { color: #2057C7; }
.mk-article img { border-radius: 16px; margin: 10px 0 24px; max-width: 100%; height: auto; }
.mk-article blockquote {
  border-left: 4px solid #2057C7;
  background: #F2F6FE;
  padding: 18px 24px;
  border-radius: 0 12px 12px 0;
  margin: 0 0 20px;
  font-style: italic;
  color: #1F242E;
}
.mk-article .mk-box {
  background: linear-gradient(135deg, #FFF4EF, #FFE8E0);
  border: 1px solid #F8CDBD;
  border-radius: 16px;
  padding: 26px 30px;
  margin: 30px 0;
}
.mk-article .mk-box h3 { margin-top: 0; }

/* ---------- CTA band — sfumatura della home ---------- */
.mk-cta-band {
  background: url(../image/decor-background-03.jpg) center / cover no-repeat;
  border-radius: 22px;
  max-width: 1100px;
  margin: 30px auto 80px;
  padding: 58px 42px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.mk-cta-band h2 { color: #ffffff; font-family: "Lexend", sans-serif; font-size: 34px; margin: 0 0 14px; text-shadow: 0 2px 16px rgba(0,0,0,.15); position: relative; z-index: 2; }
.mk-cta-band p { color: rgba(255,255,255,.95); font-size: 17px; margin: 0 0 26px; position: relative; z-index: 2; }
.mk-cta-band .mk-wa {
  display: inline-block;
  background: #25D366;
  color: #ffffff;
  font-family: "Lexend", sans-serif;
  font-weight: 600;
  font-size: 17px;
  padding: 17px 36px;
  border-radius: 40px;
  text-decoration: none;
  box-shadow: 0 14px 30px rgba(0,0,0,.18);
  transition: transform .25s, box-shadow .25s;
  position: relative;
  z-index: 2;
}
.mk-cta-band .mk-wa:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 18px 38px rgba(0,0,0,.25); color: #fff; }

/* ---------- Bottone WhatsApp fluttuante (tutte le pagine) ---------- */
.mk-wa-float {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 99999;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: #25D366;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 28px rgba(37,211,102,.45);
  animation: mk-pulse 2.6s ease-in-out infinite;
  transition: transform .2s;
}
.mk-wa-float:hover { transform: scale(1.1); }
.mk-wa-float svg { width: 32px; height: 32px; fill: #ffffff; }
@keyframes mk-pulse {
  0%, 100% { box-shadow: 0 10px 28px rgba(37,211,102,.45), 0 0 0 0 rgba(37,211,102,.45); }
  50%      { box-shadow: 0 10px 28px rgba(37,211,102,.45), 0 0 0 16px rgba(37,211,102,0); }
}
@media (max-width: 767px) { .mk-wa-float { width: 56px; height: 56px; right: 14px; bottom: 14px; } }

/* ---------- Leggibilità menu su sfondo coral ---------- */
/* velo scuro sfumato dietro l'header trasparente */
header.top_panel_custom_6597 {
  background: linear-gradient(to bottom, rgba(16,27,51,.52) 0%, rgba(16,27,51,.28) 55%, rgba(16,27,51,0) 100%) !important;
}
/* testo menu: bianco pieno, più peso, ombra per staccare dal fondo */
.top_panel .trx-addons-nav-menu > li > a .trx-addons-menu-link-text,
.top_panel .trx-addons-nav-menu > li > a {
  color: #FFFFFF !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 10px rgba(16,27,51,.55);
}
.top_panel .trx-addons-nav-menu > li > a:hover .trx-addons-menu-link-text,
.top_panel .trx-addons-nav-menu > li > a:hover {
  color: #FFFFFF !important;
  opacity: .82;
}
/* voce attiva: bianca con sottolineatura, niente blu illeggibile */
.top_panel .trx-addons-nav-menu > li.current-menu-item > a,
.top_panel .trx-addons-nav-menu > li.current-menu-item > a .trx-addons-menu-link-text,
.top_panel .trx-addons-nav-menu > li.current-menu-ancestor > a,
.top_panel .trx-addons-nav-menu > li.current-menu-ancestor > a .trx-addons-menu-link-text {
  color: #FFFFFF !important;
}
.top_panel .trx-addons-nav-menu > li.current-menu-item > a { position: relative; }
.top_panel .trx-addons-nav-menu > li.current-menu-item > a::after,
.top_panel .trx-addons-nav-menu > li.current-menu-ancestor > a::after {
  content: "";
  position: absolute;
  left: 14px; right: 14px; bottom: 4px;
  height: 3px;
  border-radius: 3px;
  background: #FFFFFF;
  box-shadow: 0 1px 6px rgba(16,27,51,.4);
}
/* freccina dropdown bianca */
.top_panel .trx-addons-nav-menu .trx-addons-dropdown-icon svg { fill: #FFFFFF; }
/* header sticky (se attivato dallo scroll): fondo navy pieno */
.top_panel .sc_layouts_row_fixed_on,
.top_panel_custom_6597.sc_layouts_row_fixed_on,
header.top_panel.fixed_on {
  background: #101B33 !important;
}


/* link "scopri tutti i servizi" dentro le fasce colorate */
.mk-section-link {
  text-align: center;
  margin: 10px 0 70px;
  font-size: 17px;
}
.mk-section-link a {
  color: #2057C7;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color .25s, color .25s;
}
.mk-section-link a:hover { color: #173F91; border-bottom-color: #2057C7; }

/* contatori pagina FAQ: parole lunghe (Piemonte, WhatsApp) ridimensionate per stare nella colonna */
.trx-addons-counter-ae7ef2e .trx-addons-counter-number,
.trx-addons-counter-11ff578 .trx-addons-counter-number,
.trx-addons-counter-0bc0336 .trx-addons-counter-number,
.trx-addons-counter-5a92df4 .trx-addons-counter-number {
  font-size: clamp(26px, 3vw, 40px) !important;
}

/* il tema aggiunge via JS un separatore "puntino" dopo l'ultima voce dei meta: nascosto */
.trx-addons-meta-separator:last-child { display: none; }