﻿/* ============================================
   VISION IMMOBILIARE - Breadcrumb
   Stile per il LayoutBlock "Breadcrumb Default" (globale a tutte le
   pagine Vision con BreadcrumbId). Va incollato nello StyleContent
   di quel blocco - viene raccolto nel CSS generato delle pagine che
   usano la breadcrumb. Targetta le classi Bootstrap del markup di
   default (nav[aria-label="breadcrumb"] > ol.breadcrumb > li.breadcrumb-item).
   ASCII-only (vedi gotcha mojibake DB): separatore via escape unicode.
   ============================================ */

nav[aria-label="breadcrumb"] {
  /* separatore chevron ">" al posto dello "/" Bootstrap */
  --bs-breadcrumb-divider: '\203A';
  /* stacco extra dalla navbar fissa (main ha gia' padding-top per la navbar) */
  margin-top: 8px;
  padding-top: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(31, 31, 31, 0.08);
}

nav[aria-label="breadcrumb"] .breadcrumb {
  margin-bottom: 0;
  font-size: 0.82rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

nav[aria-label="breadcrumb"] .breadcrumb-item + .breadcrumb-item::before {
  color: rgba(31, 31, 31, 0.3);
  padding-right: 0.5rem;
  padding-left: 0.35rem;
  font-weight: 600;
}

nav[aria-label="breadcrumb"] .breadcrumb-item a {
  color: rgba(31, 31, 31, 0.55);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.2s ease;
}

nav[aria-label="breadcrumb"] .breadcrumb-item a:hover {
  color: rgb(var(--bs-primary-rgb));
}

/* ultimo elemento (pagina corrente): non cliccabile, in evidenza */
nav[aria-label="breadcrumb"] .breadcrumb-item.active a,
nav[aria-label="breadcrumb"] .breadcrumb-item.active {
  color: var(--bs-dark);
  font-weight: 700;
  pointer-events: none;
  cursor: default;
}