.elementor-62 .elementor-element.elementor-element-809bdc2{--display:flex;}.elementor-62 .elementor-element.elementor-element-963af75{width:100%;max-width:100%;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-a6b73e4 *//* ============================================================
   LEVANTE OUTDOOR PARADISE — Footer Styles
   Componente globale. Caricato su tutte le pagine.
   ============================================================ */

.lop-footer {
  background-color: var(--c-ground);
  color: var(--c-light);
  padding: clamp(56px, 8vw, 92px) 0 var(--sp-m);
}

.lop-footer__grid {
  display: grid;
  grid-template-columns: minmax(240px, 1.6fr) repeat(4, minmax(0, 1fr));
  column-gap: clamp(24px, 3vw, 48px);
  row-gap: var(--sp-l);
  align-items: start;
  margin-bottom: clamp(28px, 4vw, 56px);
}

.lop-footer__grid > .lop-footer__section {
  margin: 0;
  padding: 0;
  min-width: 0;
}

.lop-footer__grid > .lop-footer__section:nth-child(1) { grid-column: 1; justify-self: start; }
.lop-footer__grid > .lop-footer__section:nth-child(2),
.lop-footer__grid > .lop-footer__section:nth-child(3),
.lop-footer__grid > .lop-footer__section:nth-child(4),
.lop-footer__grid > .lop-footer__section:nth-child(5) {
  justify-self: start;
}

.lop-footer__section--brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  margin: 0;
}

.lop-footer__brand-logo {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 0;
}

.lop-footer__brand-logo img {
  height: 75px;
  width: auto;
  display: block;
  margin: 0;
  padding: 0;
}

.lop-footer__brand-tagline {
  font-size: 0.875rem;
  color: rgba(253, 253, 255, 0.6);
  margin: 12px 0 0;
  padding: 0;
  font-weight: var(--fw-semibold);
  letter-spacing: 0.02em;
}

.lop-footer__brand-copy {
  margin: 10px 0 0;
  max-width: 280px;
  color: rgba(253, 253, 255, 0.72);
  font-size: 0.93rem;
  line-height: 1.6;
}

.lop-footer__section h4 {
  font-size: 0.875rem;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin: 0 0 var(--sp-m);
  color: var(--c-light);
}

.lop-footer__links {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lop-footer__links li {
  margin-bottom: var(--sp-s);
}

.lop-footer__links a {
  color: rgba(253, 253, 255, 0.65);
  text-decoration: none;
  font-size: 0.9375rem;
  transition: color 0.2s var(--ease-out), transform 0.2s var(--ease-out);
  display: inline-block;
}

.lop-footer__links a:hover {
  color: var(--c-solar);
  transform: translateX(2px);
}

.lop-footer__bottom {
  padding-top: clamp(16px, 2vw, 28px);
  border-top: 1px solid rgba(253, 253, 255, 0.1);
  text-align: center;
  font-size: 0.875rem;
  color: rgba(253, 253, 255, 0.5);
}

.lop-footer__bottom p {
  margin: 0 0 var(--sp-xs);
}

.lop-footer__bottom p:last-child {
  margin-bottom: 0;
}

/* --- Responsive --- */
@media (max-width: 1180px) {
  .lop-footer__grid {
    grid-template-columns: 1fr 1fr;
    column-gap: var(--sp-m);
  }

  .lop-footer__grid > .lop-footer__section:nth-child(1) {
    grid-column: 1 / -1;
    justify-self: start;
  }
  .lop-footer__grid > .lop-footer__section:nth-child(2),
  .lop-footer__grid > .lop-footer__section:nth-child(3),
  .lop-footer__grid > .lop-footer__section:nth-child(4),
  .lop-footer__grid > .lop-footer__section:nth-child(5) {
    grid-column: auto;
    justify-self: start;
  }
}

@media (max-width: 768px) {
  .lop-footer {
    padding: var(--sp-l) 0 var(--sp-s);
  }

  .lop-footer__grid {
    grid-template-columns: 1fr;
    row-gap: var(--sp-l);
    margin-bottom: var(--sp-l);
  }

  .lop-footer__grid > .lop-footer__section:nth-child(1),
  .lop-footer__grid > .lop-footer__section:nth-child(2),
  .lop-footer__grid > .lop-footer__section:nth-child(3),
  .lop-footer__grid > .lop-footer__section:nth-child(4),
  .lop-footer__grid > .lop-footer__section:nth-child(5) {
    grid-column: auto;
    justify-self: start;
  }
}

@media (max-width: 480px) {
  .lop-footer {
    padding: var(--sp-m) 0 var(--sp-s);
  }
  .lop-footer__grid {
    row-gap: var(--sp-m);
  }
  .lop-footer__bottom {
    text-align: left;
    font-size: 0.8125rem;
  }
}/* End custom CSS */