/* Via Pasteria — barra secondaria Salient e Cooking Class, 28 ottobre 2026.
 * Contenuti e struttura sono modificabili in WordPress / WPBakery / CF7.
 */

/* Barra nativa: su mobile le voci restano nel menu Salient. */
@media (min-width: 1300px) {
  #header-secondary-outer,
  body.material #header-secondary-outer {
    display: block !important;
    visibility: visible !important;
    background: #141414 !important;
    border: 0;
  }
  #header-secondary-outer nav { display: flex; justify-content: flex-end; }
  #header-secondary-outer nav > ul.sf-menu { display: flex; align-items: center; gap: 26px; float: none; }
  #header-secondary-outer nav > ul.sf-menu > li { margin: 0 !important; border: 0; }
  #header-secondary-outer nav > ul.sf-menu > li > a {
    color: #ffd25c !important;
    font-size: 13px;
    line-height: 36px;
    padding: 0 !important;
    opacity: 1;
  }
  #header-secondary-outer .lang-item a { display: flex; align-items: center; }
  /* Il contenitore utility vuoto manteneva 50px; l'ultimo link altri 25px. */
  #header-outer[data-format="default"] #top nav > ul.buttons { margin-left: 0 !important; }
  #header-outer[data-format="default"] #top nav > ul.sf-menu:not(.buttons) > li:last-child > a { padding-right: 0 !important; }
}

/* Sagome originali: stessa altezza ottica e colore delle label. */
#header-secondary-outer .btt-bottega .menu-title-text,
#header-secondary-outer .btt-ordina .menu-title-text,
#slide-out-widget-area .secondary-header-items .btt-bottega .menu-title-text,
#slide-out-widget-area .secondary-header-items .btt-ordina .menu-title-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 !important;
  background: none !important;
  color: #ffd25c !important;
}
#header-secondary-outer .btt-bottega .menu-title-text::before,
#header-secondary-outer .btt-ordina .menu-title-text::before,
#slide-out-widget-area .secondary-header-items .btt-bottega .menu-title-text::before,
#slide-out-widget-area .secondary-header-items .btt-ordina .menu-title-text::before {
  content: '';
  display: inline-block;
  flex: 0 0 30px;
  width: 30px;
  height: 20px;
  background-color: currentColor;
  -webkit-mask: var(--vp-nav-icon) center / auto 18px no-repeat;
  mask: var(--vp-nav-icon) center / auto 18px no-repeat;
}
.btt-bottega { --vp-nav-icon: url('../../uploads/2025/01/ico-bottega-light.svg'); }
.btt-ordina { --vp-nav-icon: url('../../uploads/2025/01/ico-ordina-light.svg'); }

/* Polylang: ritaglio circolare senza margine sull'immagine interna. */
#header-secondary-outer .lang-item .pll-switcher-flag,
#slide-out-widget-area .secondary-header-items .lang-item .pll-switcher-flag {
  display: inline-block !important;
  width: 30px !important;
  height: 30px !important;
  aspect-ratio: 1 !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  vertical-align: middle;
  line-height: 0 !important;
}
#header-secondary-outer .lang-item .pll-switcher-flag img,
#slide-out-widget-area .secondary-header-items .lang-item .pll-switcher-flag img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none;
  margin: 0 !important;
  object-fit: cover !important;
}

/* Le CTA spostate nella secondary navigation conservano il trattamento mobile. */
#slide-out-widget-area .secondary-header-items li.btt-bottega,
#slide-out-widget-area .secondary-header-items li.btt-ordina {
  float: none !important;
  width: 100% !important;
  margin: 12px 0 !important;
}
#slide-out-widget-area .secondary-header-items li.btt-bottega a,
#slide-out-widget-area .secondary-header-items li.btt-ordina a {
  display: block;
  background: #141414;
  color: #ffd25c !important;
  padding: 12px 16px;
  text-align: center;
}

/* Cooking Class: tipografia e spaziature ereditate da Salient/Catering.
 * Qui rimangono soltanto le regole strutturali specifiche della pagina.
 */
.vp-cooking-intro-grid > .row_col_wrap_12_inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 450px);
  grid-template-areas: 'copy video' 'cta video';
  align-items: center;
  gap: 50px;
  width: 100% !important;
  margin: 0 !important;
}
.vp-cooking-intro-grid > .row_col_wrap_12_inner > .wpb_column { width: auto; margin: 0 !important; }
.vp-cooking-intro-content { grid-area: copy; }
.vp-cooking-intro-video { grid-area: video; }
.vp-cooking-intro-cta { grid-area: cta; }
.vp-cooking-meta { display: flex; flex-wrap: wrap; gap: 15px; }
.vp-cooking-meta span { border: 1px solid rgba(20,20,20,.62); padding: 7px 11px; }
.vp-cooking-intro-video .nectar-video-box { border: 2px solid #141414; }
.vp-cooking-intro-video .nectar_video_lightbox { border: 2px solid #ffd25c; background: #141414 !important; }
.vp-cooking-intro-video .nectar_video_lightbox .play svg path { fill: #ffd25c !important; }
.vp-menu-cooking-class > a .menu-title-text { white-space: nowrap; }

/* Le quattro colonne e i titoli restano elementi nativi WPBakery/Salient. */
.vp-cooking-paths .vp-cooking-paths-title h2,
.vp-cooking-paths .vp-cooking-path-title h3 { color: #ffd25c !important; }
.vp-cooking-path > .vc_column-inner { border: 2px solid rgba(255,210,92,.86); background: rgba(15,15,15,.24); }
.vp-cooking-path .img-with-aniamtion-wrap .hover-wrap-inner { aspect-ratio: 1.06; overflow: hidden; }
.vp-cooking-path .img-with-aniamtion-wrap img { width: 100%; height: 100%; object-fit: cover; }
.vp-cooking-path .img-with-aniamtion-wrap { border-bottom: 2px solid rgba(255,210,92,.86); }
.vp-cooking-path .vp-cooking-path-title { padding: 25px 25px 0; }
.vp-cooking-path .vp-cooking-path-copy { padding: 25px; }
.vp-cooking-price strong { color: #ffd25c; }
.vp-cooking-path-copy .vp-cooking-details { border-top: 1px solid rgba(255,210,92,.86); border-bottom: 1px solid rgba(255,210,92,.86); padding: 15px 0; margin-bottom: 25px; }
.vp-cooking-path-copy .vp-cooking-description { padding-bottom: 0; }

/* Select CF7: colori del form Catering, misure native Salient. */
body #ajax-content-wrap .vp-cooking-form .select2-container { width: 100% !important; }
body #ajax-content-wrap .vp-cooking-form .select2-selection--single { border: 1px solid #141414 !important; border-radius: 0 !important; background: transparent !important; }
body #ajax-content-wrap .vp-cooking-form .select2-selection__rendered { color: #141414 !important; }
body #ajax-content-wrap .vp-cooking-form .select2-selection__arrow b { border-top-color: #141414 !important; }
body #ajax-content-wrap .vp-cooking-form .select2-container--open .select2-selection__arrow b { border-top-color: transparent !important; border-bottom-color: #141414 !important; }
.vp-cooking-booking { scroll-margin-top: 160px; }

@media (max-width: 999px) {
  .vp-cooking-intro-grid > .row_col_wrap_12_inner { grid-template-columns: 1fr; grid-template-areas: 'copy' 'video' 'cta'; gap: 25px; }
  .vp-cooking-intro-video { max-width: 384px; }
  .vp-cooking-path .img-with-aniamtion-wrap .hover-wrap-inner { aspect-ratio: 1.25; }
}

/* Ricetta porcini: riuso del disegno noci già presente nella Libreria (ID 930).
 * Percorso relativo valido sia nel clone /vp-staging/ sia sul dominio pubblico.
 * L'ordine delle tab WPBakery resta Porcini, Zafferano, Noci, Gorgonzola IT/EN.
 */
#curiosita .ricetta-03 .wpb_tabs_nav > li:nth-of-type(3) a,
#curiosita .ricetta-03 .wpb_tabs_nav > li.active-tab:nth-of-type(3) a {
  background-image: url("../../uploads/2025/01/noci.png");
}

/* Il badge della quarta ricetta non deve apparire nelle tab degli ingredienti. */
#ricette #curiosita .tabbed[data-style="minimal_flexible"][data-color-scheme="extra-color-2"] .wpb_tabs_nav > li:nth-child(4) a:before {
  display: none !important;
}

/* Classiche: le immagini di Pesto e Carbonara seguono lo stesso ordine delle tab. */
#ricette-classiche .vp-classic-recipes-tabs > .tabbed > .wpb_tabs_nav > li:nth-of-type(3) a {
  background-image: url("../../uploads/2025/10/th_menu-ricette-top_03-classica.png");
}
#ricette-classiche .vp-classic-recipes-tabs > .tabbed > .wpb_tabs_nav > li:nth-of-type(4) a {
  background-image: url("../../uploads/2025/10/th_menu-ricette-top_04-classica.png");
}

/* Cover video ricette IT/EN: stesso formato verticale, dimensioni contenute.
 * Video Lightbox Salient non espone larghezza/rapporto nel builder.
 * La media library resta invariata: object-fit mostra il video centrale delle
 * vecchie cover orizzontali, eliminando le fasce sfocate laterali nel riquadro.
 */
#ricette .descrizione-ricetta .nectar-video-box,
#ricette-classiche .descrizione-ricetta .nectar-video-box {
  width: 100%;
  max-width: 240px;
  margin-left: auto;
  margin-right: auto;
}
#ricette .descrizione-ricetta .nectar-video-box > .inner-wrap,
#ricette-classiche .descrizione-ricetta .nectar-video-box > .inner-wrap {
  position: relative;
  aspect-ratio: 9 / 16;
}
#ricette .descrizione-ricetta .nectar-video-box > .inner-wrap > img,
#ricette-classiche .descrizione-ricetta .nectar-video-box > .inner-wrap > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 690px) {
  #ricette .descrizione-ricetta .nectar-video-box,
  #ricette-classiche .descrizione-ricetta .nectar-video-box {
    max-width: 200px;
  }
}