/* MILBA-IT v13: light header, comfortable gap, topic-specific hero images. */
header.sticky{background:rgba(255,255,255,.97)!important;border-bottom:1px solid rgba(15,23,42,.14)!important;box-shadow:0 6px 24px rgba(2,8,23,.10)!important;color:#0f172a!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
header.sticky img[alt="MILBA-IT"]{filter:none!important;opacity:1!important}
header.sticky nav a,header.sticky .md\:hidden button[aria-label="Menu"]{color:#334155!important}
header.sticky nav a:hover{color:#075985!important;background:#e0f2fe!important}
header.sticky nav a[aria-current="page"],header.sticky nav a.active{color:#0369a1!important;background:#e0f2fe!important}
header.sticky [data-language-toggle="true"]{color:#0f172a!important;background:#f8fafc!important;border-color:#cbd5e1!important}
header.sticky [data-language-toggle="true"]:hover{background:#e0f2fe!important;border-color:#38bdf8!important}
header.sticky [data-language-toggle="true"] .text-primary-glow{color:#0369a1!important}
header.sticky [data-language-toggle="true"] .text-muted-foreground,header.sticky [data-language-toggle="true"] .text-muted-foreground\/40{color:#64748b!important}
main>.milba-hero{margin-top:38px!important}
.milba-topic-images{position:relative;overflow:hidden}
.milba-topic-image{position:absolute!important;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.035);transition:opacity .85s ease,transform 5.8s ease;z-index:0}
.milba-topic-image.is-active{opacity:1;transform:scale(1);z-index:1}
.milba-topic-images .milba-hero-image-overlay{z-index:2}
@media(max-width:767px){header.sticky{background:#fff!important}main>.milba-hero{margin-top:22px!important}}

/* v15: extra room for slider copy so text never overlaps the buttons. */
.milba-hero-copy>div.relative{min-height:19rem!important}
@media(max-width:767px){.milba-hero-copy>div.relative{min-height:21rem!important}.milba-hero-copy h1{font-size:2.55rem!important;line-height:1.08!important}.milba-hero-copy p.mt-6{font-size:1rem!important;line-height:1.6!important;margin-top:1rem!important}}

/* v17: light footer and light mobile navigation on every page. */
footer{
  background:#ffffff!important;
  color:#0f172a!important;
  border-top:1px solid rgba(15,23,42,.14)!important;
  box-shadow:0 -6px 24px rgba(2,8,23,.06)!important;
}
footer .border-t{border-color:#e2e8f0!important}
footer h4,footer .font-semibold,footer .font-display{color:#0f172a!important}
footer .text-muted-foreground,footer .text-sm,footer .text-xs{color:#64748b!important}
footer a{color:#475569!important}
footer a:hover{color:#0369a1!important}
footer svg.text-primary{color:#0284c7!important}
footer img[alt="MILBA-IT"]{filter:none!important;opacity:1!important}

header.sticky .milba-mobile-menu{
  background:rgba(255,255,255,.99)!important;
  border-top:1px solid #e2e8f0!important;
  box-shadow:0 14px 28px rgba(15,23,42,.12)!important;
  color:#0f172a!important;
}
header.sticky .milba-mobile-menu nav a{
  color:#334155!important;
  border-radius:.65rem!important;
  font-weight:600!important;
}
header.sticky .milba-mobile-menu nav a:hover,
header.sticky .milba-mobile-menu nav a:focus{
  color:#0369a1!important;
  background:#e0f2fe!important;
}

/* v18: tighten the mobile hero layout so the call-to-action buttons sit closer to the slide text. */
@media (max-width: 767px) {
  .milba-hero-copy > div.relative {
    min-height: 16.5rem !important;
  }
  .milba-hero-copy > .mt-8 {
    margin-top: 1rem !important;
  }
}