.valpennavaire,
.valpennavaire body {
  --vp-color-orange: #F3EFE6;
  --vp-color-green: rgb(184, 230, 48);
  background-color: #fff;
}
.bg-vp-orange {
  background-color: var(--vp-color-orange) !important;
}

.bg-vp-green {
  background-color: white;
}

.valpennavaire .chi-siamo,
.valpennavaire .dove-siamo,
.valpennavaire .dove-alloggiare {
  background-color: var(--vp-color-green);
}

.valpennavaire .organizza-la-tua-vacanza,
.valpennavaire .servizi,
.valpennavaire .sport-in-valle {
  background-color: var(--vp-color-orange);
}

.valpennavaire header li {
  list-style-type: none;
}
.valpennavaire header li ul {
  display: none;
}

.valpennavaire header li:hover ul {
  display: block;
  position: absolute;
  top: 25px;
  right: 0;
  padding: 0.5rem;
  z-index: 10;
}
.valpennavaire footer {
  background: #515760;
  padding: 50px 40px;
}
.valpennavaire footer .nav-link {
  color: var(--color-footer_link);
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  padding: 0.3rem 0.6rem;
}

.valpennavaire .scroller-container {
  margin-top: 60px;
}

.valpennavaire a {
  color: inherit;
}

.valpennavaire a:hover {
  color: #F68002;
}

.btn-vp-orange {
    background-color: #F68002;
    border-color: #F68002;
    color: #000;
    font-weight: 400;
    text-decoration: none;
    transition: color .15s ease-in-out;
}

a.btn-vp-orange:hover,
a.btn-vp-orange:focus,
a.btn-vp-orange:active,
.btn-vp-orange:hover,
.btn-vp-orange:focus,
.btn-vp-orange:active {
    background-color: #F68002;
    border-color: #F68002;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
}

.btn-vp-orange:focus {
    box-shadow: 0 0 0 .2rem rgba(246, 128, 2, .35);
}


/* Logo ICC piccolo, bianco */
.vp-footer-logo {
    max-width: 140px;
    width: 100%;
    height: auto;
    filter: brightness(0) invert(1);
}

.vp-footer-contatti .vp-social-link svg,
.vp-footer .vp-social-link svg {
    width: 30px !important;
    height: 30px !important;
}

/* Logo donatore (San Paolo) — già bianco da file, no filter */
.vp-donor-logo {
    max-width: 180px;
    width: 100%;
    height: auto;
}

/* Social — solo icone */
.vp-social-link {
    display: inline-flex;
    align-items: center;
    color: inherit;
    text-decoration: none;
    transition: opacity .15s ease-in-out;
}
.vp-social-link:hover,
.vp-social-link:focus {
    opacity: .75;
    color: inherit;
    text-decoration: none;
}

/* Link contatto */
.vp-contact-link {
    color: inherit;
    text-decoration: underline;
}
.vp-contact-link:hover,
.vp-contact-link:focus {
    color: inherit;
    text-decoration: none;
}


.valpennavaire .scroller-container-inner img {
    margin: 0 auto;
    display: block;
}

/* Hero video (home Val Pennavaire) */
.valpennavaire .vp-hero-video {
    position: relative;
    width: 100%;
    aspect-ratio: 21 / 9;
    overflow: hidden;
    margin-top: 0;
}
.valpennavaire .vp-hero-video__media {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.valpennavaire .vp-hero-video__audio {
    position: absolute;
    bottom: 16px;
    right: 16px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: none;
    border-radius: 50%;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.45);
    cursor: pointer;
    transition: background-color 0.2s ease;
}
.valpennavaire .vp-hero-video__audio:hover,
.valpennavaire .vp-hero-video__audio:focus-visible {
    background-color: rgba(0, 0, 0, 0.65);
}
.valpennavaire .vp-hero-video__audio .vp-hero-video__icon-muted,
.valpennavaire .vp-hero-video__audio .vp-hero-video__icon-unmuted {
    display: none;
}
.valpennavaire .vp-hero-video__audio.is-muted .vp-hero-video__icon-muted {
    display: block;
}
.valpennavaire .vp-hero-video__audio:not(.is-muted) .vp-hero-video__icon-unmuted {
    display: block;
}
@media screen and (max-width: 600px) {
    .valpennavaire .vp-hero-video__audio {
        bottom: 10px;
        right: 10px;
        width: 38px;
        height: 38px;
    }
}