/* ══════════════════════════════════════════════════════════════════════
   ▼ INIZIO — BOX LOGO SHADOW (header WIP)
   File: portal.css  |  Ambito: tutte le pagine
   Cosa fa: logo a piena altezza della navbar, sporgente verso il basso,
            con ombra 3D. La navbar resta alta 50px.
   Non rimuovere il position:absolute sull'<a>: è ciò che evita che la
   barra si allunghi seguendo l'altezza del logo.
   ══════════════════════════════════════════════════════════════════════ */

/* Contenitore: riserva lo spazio, fissa l'altezza della barra */
.page-builder-navbar .navbar-brand {
  position: relative;
  flex: 0 0 auto;
  height: 50px;              /* = altezza barra */
  width: 68px;               /* = altezza logo x 0,9 (ratio 352:392) */
  padding: 0 !important;
  margin: 0 22px 0 0;        /* stacco dalla prima voce di menu */
  overflow: visible;
  z-index: 30;               /* il logo sta sopra al contenuto sottostante */
}

/* Link: fuori dal flusso — qui avviene la sporgenza */
.page-builder-navbar .navbar-brand > a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  line-height: 0;            /* elimina il gap del baseline inline */
}

/* Immagine: dimensione, angoli e ombra 3D */
.page-builder-navbar .navbar-brand img {
  height: 76px !important;   /* 50 di barra + 26 di sporgenza */
  width: auto !important;
  max-height: none !important;
  display: block;
  background: #fff;
  border-radius: 0 0 12px 12px;                 /* arrotondato solo in basso */
  box-shadow: 6px 22px 34px rgba(0, 0, 0, .62), /* alone ampio: profondità */
              3px 8px 14px rgba(0, 0, 0, .45),  /* medio: volume */
              0 2px 4px rgba(0, 0, 0, .35);     /* contatto: bordo netto */
}

/* Mobile: sporgenza e ombra ridotte */
@media (max-width: 767px) {
  .page-builder-navbar .navbar-brand {
    width: 54px;
  }
  .page-builder-navbar .navbar-brand img {
    height: 60px !important;
    border-radius: 0 0 8px 8px;
    box-shadow: 4px 14px 22px rgba(0, 0, 0, .55),
                2px 5px 9px rgba(0, 0, 0, .40),
                0 1px 3px rgba(0, 0, 0, .30);
  }
}

/* ══════════════════════════════════════════════════════════════════════
   ▲ FINE — BOX LOGO SHADOW (header WIP)
   ══════════════════════════════════════════════════════════════════════ */