/* Brizzi.net: regole condivise da tutte le pagine di errore. Estratte senza modifiche dalla V6. */
.navigation a.home { text-decoration: none; }
.brizzi-error-page {
  width: 100%;
  max-width: 44rem;
  margin: auto;
  padding: 32px clamp(16px, 4vw, 64px);
  text-align: center;
}
.brizzi-error-page h1 {
  margin: 0 0 12px;
  font: normal clamp(4rem, 10vw, 7rem)/1.05 'Times New Roman', Times, serif;
  color: #d66b22; /* stesso arancione di .uc-quote */
}
.brizzi-error-page h2 {
  margin: 0 0 18px;
  font: normal clamp(1.3rem, 3vw, 1.65rem)/1.25 Georgia, 'Times New Roman', serif;
  color: #466778;
}
.brizzi-error-page p {
  margin: 0;
  font: normal .9rem/1.7 Tahoma, Arial, sans-serif;
  color: #466778;
}
.brizzi-error-page .return-home {
  display: inline-block;
  margin-top: 26px;
  color: #386780;
  font: normal .875rem/1.5 Georgia, 'Times New Roman', serif;
  text-underline-offset: 3px;
}
.brizzi-error-page .return-home:hover { color: #245575; }
@media (max-width: 600px) {
  .brizzi-error-page { padding: 24px 16px; }
  .brizzi-error-page p { font-size: .83rem; }
}
@media (max-height: 500px) {
  .brizzi-error-page { padding: 10px 12px; }
  .brizzi-error-page h1 { font-size: clamp(2.5rem, 8vh, 4rem); margin-bottom: 5px; }
  .brizzi-error-page h2 { font-size: 1.05rem; margin-bottom: 8px; }
  .brizzi-error-page p { line-height: 1.3; font-size: .75rem; }
  .brizzi-error-page .return-home { margin-top: 10px; }
}



/* BRIZZI.NET - Intestazione compatibile Smart TV (2026-10-29).
   Nessuna modifica al CSS principale: l'intestazione resta identica a PC/iPhone.
   Su viewport ampi/landscape, la posizione non dipende dal flex-wrap TV. */
@media (min-height: 501px) and (min-width: 601px),
       (min-height: 501px) and (min-aspect-ratio: 4/3) {
  .masthead {
    position: relative;
    display: block;
    height: 119px;
    overflow: hidden;
  }
  .masthead > .brand {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 199px;
    height: 103px;
    z-index: 1;
  }
  .masthead > .header-photo {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    width: 563px;
    max-width: calc(100% - 199px);
    height: 119px;
    overflow: hidden;
  }
  .masthead > .header-photo > .header-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  .masthead > .header-photo .panorama {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: right center;
  }
  .masthead > .header-photo .header-layer.has-fade::after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
}


/* BRIZZI.NET - TV V11: cornice fra le barre, altezza ricavata dagli
   spigoli visibili anziche' dal flex-basis residuo del browser Samsung.
   Solo per layout ampi: iPhone in verticale e in orizzontale invariato. */
@media screen and (min-width: 601px) and (min-height: 501px) {
  .page-frame {
    position: fixed !important;
    display: block !important;
    top: 144px;       /* 119px masthead + 25px barra superiore */
    bottom: 25px;     /* bordo inferiore */
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    min-height: 0;
    overflow: hidden;
  }
  .page-frame > .left-border,
  .page-frame > .right-border,
  .page-frame > .content-window {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
  }
  .page-frame > .left-border {
    left: 0;
    right: auto;
    width: 30px;
  }
  .page-frame > .right-border {
    right: 0;
    left: auto;
    width: 25px;
  }
  .page-frame > .content-window {
    left: 30px;
    right: 25px;
    width: auto;
    overflow: hidden;
  }
  .bottom-border {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 25px;
    z-index: 2;
  }
}