/* ========================================================================
   mb-child — custom.css (Giuseppe Pezzella)
   Copiare in: wp-content/themes/mb-child/css/custom.css
   Caricato automaticamente da YOOtheme dal child theme.
   Qui solo ciò che non si esprime con le prop del builder o le variabili LESS.
   Colori: vedi theme.pezzella.less (#326084 primario, #1c2b39 blu notte, #e8a317 ambra).
 ========================================================================== */

:root {
  --primaryColor: #326084;
  --bluNotte: #1c2b39;
  --ambra: #e8a317;
}

/* Hero pagine interne (.tm-page-hero sulla section) -------------------- */

/* Breadcrumb su sfondo scuro: voci semitrasparenti, pagina corrente piena */
.tm-page-hero .uk-breadcrumb > * > * {
  color: rgba(255, 255, 255, 0.75);
}

.tm-page-hero .uk-breadcrumb > * > a:hover {
  color: #fff;
}

.tm-page-hero .uk-breadcrumb > :last-child > span {
  color: #fff;
}

.tm-page-hero .uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column)::before {
  color: #e8a317;
}

/* Filetto ambra sotto l'H1 dell'hero */
.tm-page-hero h1::after {
  content: "";
  display: block;
  width: 54px;
  margin-top: 20px;
  border-bottom: 3px solid #e8a317;
}

/* Card commesse (.tm-projects sulla grid) ------------------------------ */

/* Città in ambra, maiuscolo spaziato */
.tm-projects .el-meta {
  color: #b57d0c;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.8rem;
  font-weight: 600;
}

/* --- media queries --- */

@media (min-width: 950px) and (max-width: 1300px) {
  .uk-navbar-nav {
    gap: 25px !important;
  }
  .uk-navbar-container > .uk-container {
    padding-inline: 10px !important;
  }
}