/*
 * UG EVENTI / MENU ↔ FOOTER · visual-only v1.0.0
 * Footer colors: navy #202b3a, deep #192331, yellow #ffcf2d.
 * Scope ONLY the custom Home V2 and Cart & Checkout V2 header elements.
 */

/* 1. Dark, readable masthead (also when the Home's sticky header is scrolled). */
body.ug-home-v2-page .ughv2-site-header,
body.ug-home-v2-page .ughv2-site-header.is-scrolled,
body.ugccv2-page .ugccv2-header,
body.ugccv2-products-page .ugccv2-header {
  background:#202b3a!important;
  border-bottom:2px solid rgba(255,207,45,.54)!important;
  box-shadow:0 12px 30px rgba(10,17,27,.15)!important;
  color:#fff;
}

/* 2. Existing logo gains a subtle cream disc so its black outline stays visible. */
body.ug-home-v2-page .ughv2-site-brand img,
body.ugccv2-page .ugccv2-brand img,
body.ugccv2-products-page .ugccv2-brand img {
  background:#fff;
  border:2px solid rgba(255,255,255,.85);
  border-radius:50%;
  padding:3px;
}
body.ug-home-v2-page .ughv2-site-brand,
body.ugccv2-page .ugccv2-brand,
body.ugccv2-products-page .ugccv2-brand {
  color:#fff!important;
}
body.ug-home-v2-page .ughv2-site-brand strong,
body.ugccv2-page .ugccv2-brand strong,
body.ugccv2-products-page .ugccv2-brand strong {
  color:#fff!important;
}
body.ug-home-v2-page .ughv2-site-brand small,
body.ugccv2-page .ugccv2-brand small,
body.ugccv2-products-page .ugccv2-brand small {
  color:#ffcf2d!important;
}

/* 3. Deep blue navigation pill; yellow active and interaction states. */
body.ug-home-v2-page .ughv2-site-nav,
body.ugccv2-page .ugccv2-nav,
body.ugccv2-products-page .ugccv2-nav {
  background:#192331!important;
  border:1px solid rgba(255,255,255,.19)!important;
  box-shadow:0 6px 20px rgba(8,13,22,.12)!important;
}
body.ug-home-v2-page .ughv2-site-nav a,
body.ugccv2-page .ugccv2-nav a,
body.ugccv2-products-page .ugccv2-nav a {
  color:#f4f6f9!important;
}
body.ug-home-v2-page .ughv2-site-nav a:hover,
body.ugccv2-page .ugccv2-nav a:hover,
body.ugccv2-products-page .ugccv2-nav a:hover {
  background:#354354!important;
  color:#ffcf2d!important;
}
body.ug-home-v2-page .ughv2-site-nav a.is-active {
  background:#ffcf2d!important;
  color:#192331!important;
}

/* 4. Ticket CTA borrows the footer's yellow / ink contrast. */
body.ug-home-v2-page .ughv2-header-cta,
body.ugccv2-page .ugccv2-header-cta,
body.ugccv2-products-page .ugccv2-header-cta {
  background:#ffcf2d!important;
  color:#192331!important;
  box-shadow:0 9px 25px rgba(0,0,0,.14)!important;
}
body.ug-home-v2-page .ughv2-header-cta:hover,
body.ugccv2-page .ugccv2-header-cta:hover,
body.ugccv2-products-page .ugccv2-header-cta:hover {
  background:#ffda59!important;
  color:#192331!important;
  box-shadow:0 12px 28px rgba(0,0,0,.2)!important;
}
body.ug-home-v2-page .ughv2-header-cta span,
body.ugccv2-page .ugccv2-header-cta span,
body.ugccv2-products-page .ugccv2-header-cta span {
  color:#192331!important;
}

/* 5. Cart badge and hamburger must also work against navy. */
body.ugccv2-page .ugccv2-cart-link,
body.ugccv2-products-page .ugccv2-cart-link,
body.ug-home-v2-page .ughv2-menu-toggle,
body.ugccv2-page .ugccv2-menu-toggle,
body.ugccv2-products-page .ugccv2-menu-toggle {
  background:rgba(255,255,255,.085)!important;
  border-color:rgba(255,255,255,.30)!important;
  color:#fff!important;
}
body.ugccv2-page .ugccv2-cart-link:hover,
body.ugccv2-products-page .ugccv2-cart-link:hover,
body.ug-home-v2-page .ughv2-menu-toggle:hover,
body.ugccv2-page .ugccv2-menu-toggle:hover,
body.ugccv2-products-page .ugccv2-menu-toggle:hover {
  background:rgba(255,255,255,.17)!important;
}
body.ugccv2-page .ugccv2-cart-link>span,
body.ugccv2-products-page .ugccv2-cart-link>span {
  background:#ffcf2d!important;
  color:#192331!important;
}
body.ug-home-v2-page .ughv2-menu-toggle span,
body.ugccv2-page .ugccv2-menu-toggle span,
body.ugccv2-products-page .ugccv2-menu-toggle span {
  background:#fff!important;
}

/* 6. Keyboard accessibility and mobile panel contrast. */
body.ug-home-v2-page .ughv2-site-header a:focus-visible,
body.ug-home-v2-page .ughv2-site-header button:focus-visible,
body.ugccv2-page .ugccv2-header a:focus-visible,
body.ugccv2-page .ugccv2-header button:focus-visible,
body.ugccv2-products-page .ugccv2-header a:focus-visible,
body.ugccv2-products-page .ugccv2-header button:focus-visible {
  outline:3px solid #ffcf2d!important;
  outline-offset:3px!important;
}
@media (max-width:1120px) {
  body.ug-home-v2-page .ughv2-site-nav,
  body.ugccv2-page .ugccv2-nav,
  body.ugccv2-products-page .ugccv2-nav {
    background:#192331!important;
    border-color:rgba(255,255,255,.23)!important;
    box-shadow:0 20px 48px rgba(9,15,23,.3)!important;
  }
}