/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


/* GENERALI COLORS, BG, SHADOWS */
.shadow-primary-button {
  box-shadow:
    0px 8px 10px -6px #43A2DB4D,
    0px 20px 25px -5px #43A2DB4D;
}
.shadow-for-white-button{
  box-shadow: 
    0px 8px 10px -6px #0000001A,
    0px 20px 25px -5px #0000001A;
}
.bg-gradient{
  background: linear-gradient(180deg, #040404 50.48%, #1C1C1C 67.79%, #535353 84.13%, #FFFFFF 98.99%);
}
.alternate{
  color:#43A2DB;
}

/* EFFETTI HOVER GENERALI */
/* =========================
   Link underline
========================= */
.txt-link-1,
.menu-item a {
  position: relative;
  text-decoration: none;
}

.menu-item a {
  width: fit-content !important;
}

.txt-link-1::before,
.menu-item a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.3s ease;
}

.txt-link-1:hover::before,
.menu-item a:hover::before,
.menu-item a[aria-current="page"]::before {
  transform: scaleX(1) !important;
}

.animate-scale {
  animation: scaleAnimation 6s linear infinite;
  transform-origin: center;
}

@keyframes scaleAnimation {
  0% {
    transform: scale(1.3);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1.3);
  }
}

/* SLIDER BOX SERVIZI MERCEDES */
    /* .service-box{
    box-shadow:
        0 28px 80px rgba(0, 0, 0, 0.45),
        0 0 42px rgba(65, 177, 237, 0.20),
        inset 0 0 48px rgba(65, 177, 237, 0.05);
    } */
    .service-box::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(
        135deg,
        rgba(255,255,255,0.12) 0%,
        rgba(255,255,255,0.02) 32%,
        transparent 58%
        );
    opacity: 0.65;
    }
    .service-box__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
        180deg,
        rgba(2, 15, 22, 0) 45%,
        rgba(2, 15, 22, 0.28) 100%
        );
    pointer-events: none;
    }
    .service-box__button:hover .service-box__button-icon {
    transform: translateX(4px);
    }
    .service-box__button:hover {
    transform: translateY(-2px);
    box-shadow:
        0 18px 34px rgba(69, 174, 231, 0.36),
        inset 0 1px 0 rgba(255,255,255,0.26);
    }
    .service-box__icon {
    background:
        linear-gradient(145deg, rgba(84, 195, 255, 0.18), rgba(84, 195, 255, 0.06));
    border: 1px solid rgba(84, 195, 255, 0.28);
    box-shadow: 0 0 24px rgba(84, 195, 255, 0.16);
    }
    .service-box__button{
    transform: translateY(-2px);
    box-shadow:
        0 18px 34px rgba(69, 174, 231, 0.36),
        inset 0 1px 0 rgba(255,255,255,0.26);
    }
    .service-box__button-icon {
    transition: transform 0.25s ease;
    }
    .service-box__button:hover .service-box__button-icon {
    transform: translateX(4px);
    }
    .splide__slide.service-box {
    transform: scale(0.9);
    transform-origin: center center;
    opacity: 0.55;
    filter: brightness(0.65);
    z-index: 1;

    transition:
        transform 0.65s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.65s cubic-bezier(0.22, 1, 0.36, 1);
    }
    .splide__slide.service-box.is-active {
    transform: scale(1);
    opacity: 1;
    filter: brightness(1);
    z-index: 5;
    }
    .splide__slide.service-box.is-prev,
    .splide__slide.service-box.is-next {
    transform: scale(0.9);
    opacity: 0.75;
    filter: brightness(0.78);
    z-index: 3;
    }






/* Breadcrumbs / page-hero (copiato da wpdealer/cars-listings-page.php) */
.wrapper-description-navigation{
    display:none!important;
}
.page-hero {
    width: 100%;
    background: #02070a;
    color: #ffffff;
    padding-top:50px;
}

.page-hero__inner {
    max-width: 1920px;
    margin: 0 auto;
    padding:  0 clamp(20px, 6.41vw - 3.08px, 120px);
}

.breadcrumbs {
    display: flex;
    align-items: center;
    gap: 9px;
    padding-bottom: clamp(22px, 3vw, 28px);
    font-size: 12px;
    line-height: 1;
    color: rgba(255, 255, 255, 0.55);
}

.breadcrumbs__link {
    color: rgba(255, 255, 255, 0.55);
    text-decoration: none;
    transition: color 0.25s ease;
}

.breadcrumbs__link:hover {
    color: #ffffff;
}

.breadcrumbs__separator {
    color: rgba(255, 255, 255, 0.35);
    font-size: 16px;
    line-height: 1;
    transform: translateY(-1px);
}

.breadcrumbs__current, .mc-frontend-modify-link {
    color: rgba(255, 255, 255, 0.72);
}

.page-hero__title, #titolo_annuncio {
    margin: 0;
    line-height: 0.95;
    font-weight: 800;
    color: #ffffff;
}
.wrapper-listing-title h1{
    font-size: var(--text-2xl)!important;
}
.page-hero__title span {
    color: #2797d4;
}

/* WP Dealer styles moved to assets/css/wpdealer.css */






/* ANIMAZIONI WOW */
.hero {
  isolation: isolate;
}
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.72) 0%,
      rgba(0, 0, 0, 0.42) 42%,
      rgba(0, 0, 0, 0.08) 100%
    );
}

/* Assicura che il contenuto resti sopra l'overlay */
.hero-container,
.hero > .brxe-code {
  position: relative;
  z-index: 2;
}

/* Luce morbida decorativa */
.hero::before {
  content: "";
  position: absolute;
  width: clamp(280px, 34vw, 620px);
  aspect-ratio: 1;
  top: 50%;
  left: 12%;
  z-index: 1;
  pointer-events: none;

  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.12) 0%,
    rgba(255, 255, 255, 0.04) 35%,
    transparent 70%
  );

  filter: blur(30px);
  transform: translate(-50%, -50%);
  animation: hero-glow 7s ease-in-out infinite alternate;
}

@keyframes hero-glow {
  0% {
    transform: translate(-55%, -50%) scale(0.9);
    opacity: 0.45;
  }

  100% {
    transform: translate(-45%, -48%) scale(1.15);
    opacity: 0.8;
  }
}

/* Mouse scroll */
.scroll-mouse {
  display: block;
  color: #fff;
  overflow: visible;
}

.scroll-mouse__wheel {
  transform-box: fill-box;
  transform-origin: center;
  animation: scroll-wheel 2s ease-in-out infinite;
}

@keyframes scroll-wheel {
  0% {
    transform: translateY(0);
    opacity: 0;
  }

  15% {
    opacity: 0.5;
  }

  45% {
    transform: translateY(0);
    opacity: 0.5;
  }

  75% {
    transform: translateY(8px);
    opacity: 0;
  }

  100% {
    transform: translateY(8px);
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero::before,
  .scroll-mouse__wheel {
    animation: none;
  }
}