/*
Theme Name: Better Call Leo
Theme URI: https://matteolecci.it/
Template: hello-elementor
Author: Matteo Lecci
Author URI: https://matteolecci.it/
Description: Better Call Leo
Tags: better-call-leo
Version: 1.0.1776855973
Updated: 2026-04-22 13:06:13

*/

/* effetto hover voci hamburger menu */
.voci-menu .elementor-icon-list-item a {
  display: inline-block !important;
  width: auto !important;
  box-shadow: inset 0 -1px 0 0 transparent;
  transition: box-shadow 0.3s ease !important;
  padding-bottom: 2px;
}

.voci-menu .elementor-icon-list-item:hover a,
.voci-menu .elementor-icon-list-item a:hover {
  box-shadow: inset 0 -1px 0 0 #FFFFFF !important;
}

/* effetto hover listing post */
.listing-box .listing-img {
  position: relative;
  overflow: hidden;
}

.listing-box .listing-img > .elementor-widget-wrap {
  background-image: none !important;
  background-color: transparent !important;
  position: relative;
  z-index: 2;
}

.listing-box .listing-img::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: var(--listing-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
  z-index: 0;
}

.listing-box:hover .listing-img::before {
  transform: scale(1.05);
}

.listing-box .listing-img::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(179, 179, 179, 0);
  transition: background-color 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

.listing-box:hover .listing-img::after {
  background-color: rgba(179, 179, 179, 0.3);
}

.listing-box .listing-btn .elementor-button {
  display: inline-block;
  box-shadow: inset 0 -1px 0 0 transparent;
  transition: box-shadow 0.3s ease, color 0.3s ease;
  padding-bottom: 2px;
}

.listing-box:hover .listing-btn .elementor-button {
  box-shadow: inset 0 -1px 0 0 #FFFFFF;
  color: #B3B3B3;
}

.listing-box:hover .listing-btn .elementor-button-text {
  color: #B3B3B3;
}

html.jet-hamburger-panel-visible .listing-box {
  pointer-events: none;
}

/* manutenzione */
.bcl-maintenance-bg{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background-color:#000;
}

.bcl-maintenance-bg::before{
  content:"";
  position:absolute;
  inset:-50%;
  z-index:0;
  pointer-events:none;
  mix-blend-mode:screen;
  filter:blur(110px);
  will-change:transform,background-position;
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-position:0% 0%, 0% 0%, 0% 0%, 0% 0%;
  background-image:
    radial-gradient(ellipse 22% 22% at 50% 50%,
      rgba(229,111,64,.92) 0%, rgba(229,111,64,.34) 45%, transparent 70%),
    radial-gradient(ellipse 24% 24% at 22% 34%,
      rgba(179,179,179,.30) 0%, transparent 68%),
    radial-gradient(ellipse 27% 27% at 78% 70%,
      rgba(179,179,179,.24) 0%, transparent 70%),
    radial-gradient(ellipse 40% 40% at 50% 50%,
      rgba(229,111,64,.15) 0%, transparent 62%);
  animation:
    bcl-drift 30s ease-in-out infinite alternate,
    bcl-wander 21s ease-in-out infinite alternate;
}

.bcl-maintenance-bg::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background-image:
    radial-gradient(ellipse 55% 45% at 50% 50%,
      rgba(0,0,0,.60) 0%, rgba(0,0,0,.25) 55%, rgba(0,0,0,0) 80%),
    radial-gradient(ellipse 100% 100% at 50% 50%,
      rgba(0,0,0,0) 35%, rgba(0,0,0,.75) 100%);
}

.bcl-maintenance-bg > .elementor-container,
.bcl-maintenance-bg > .e-con-inner,
.bcl-maintenance-bg > .elementor-widget-wrap{
  position:relative;
  z-index:2;
}

@keyframes bcl-drift{
  0%   {transform:rotate(0deg)   scale(1);    opacity:.85}
  50%  {transform:rotate(14deg)  scale(1.12); opacity:1}
  100% {transform:rotate(-10deg) scale(1.05); opacity:.9}
}

@keyframes bcl-wander{
  0%{
    background-position:0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
  33%{
    background-position:-7% 5%, 6% -4%, -5% 4%, 3% 3%;
  }
  66%{
    background-position:5% -6%, -4% 6%, 6% -3%, -3% -4%;
  }
  100%{
    background-position:-3% 7%, 5% 3%, -6% -5%, 4% -2%;
  }
}

@media (max-width:767px){
  .bcl-maintenance-bg::before{
    filter:blur(65px);
    opacity:.8;
  }
}

@media (prefers-reduced-motion:reduce){
  .bcl-maintenance-bg::before{
    animation:none;
    transform:scale(1.05);
  }
}

/* slider servizi */
:root{
  --bcl-offset:120px;
  --bcl-card-min-h:300px;
  --bcl-dwell:200px;
}

.bcl-servizi-main,
.bcl-servizi-main > .elementor-container,
.bcl-servizi-main > .elementor-container > .elementor-column,
.bcl-servizi-main > .elementor-container > .elementor-column > .elementor-widget-wrap,
.bcl-servizi-sec,
.bcl-servizi-sec > .elementor-container,
.bcl-servizi-sec > .elementor-container > .elementor-column,
.bcl-servizi-sec > .elementor-container > .elementor-column > .elementor-widget-wrap{
  overflow:visible;
}

.bcl-servizi-main{
  padding-bottom:0 !important;
}

.bcl-servizi-main > .elementor-container > .elementor-column > .elementor-widget-wrap{
  padding-bottom:0 !important;
}

.bcl-servizi-sec{
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}

.bcl-servizi-sec > .elementor-container > .elementor-column:first-child{
  position:sticky;
  top:var(--bcl-offset);
  align-self:flex-start;
  min-height:var(--bcl-card-min-h);
}

.bcl-servizi-sec > .elementor-container > .elementor-column:last-child > .elementor-widget-wrap{
  padding-bottom:0 !important;
}

.bcl-servizi-sec > .elementor-container > .elementor-column:last-child > .elementor-widget-wrap::after{
  content:"";
  display:block;
  flex-basis:100%;
  width:100%;
  height:var(--bcl-dwell);
  pointer-events:none;
}

.bcl-servizi-main .elementor-section[class*="bcl-servizi-box"]{
  position:sticky;
  top:var(--bcl-offset);
  min-height:var(--bcl-card-min-h);
  display:flex;
  align-items:center;
}

.bcl-servizi-main .elementor-section[class*="bcl-servizi-box"] > .elementor-container{
  width:100%;
}

.bcl-servizi-main .elementor-section.bcl-servizi-box5{
  margin-bottom:0 !important;
}

.bcl-servizi-main .elementor-section.bcl-servizi-box1{z-index:1}
.bcl-servizi-main .elementor-section.bcl-servizi-box2{z-index:2}
.bcl-servizi-main .elementor-section.bcl-servizi-box3{z-index:3}
.bcl-servizi-main .elementor-section.bcl-servizi-box4{z-index:4}
.bcl-servizi-main .elementor-section.bcl-servizi-box5{z-index:5}

@media (max-width:1024px){
  .bcl-servizi-sec > .elementor-container > .elementor-column:first-child,
  .bcl-servizi-main .elementor-section[class*="bcl-servizi-box"]{
    position:static;
    top:auto;
    min-height:0;
    display:block;
  }
  .bcl-servizi-sec > .elementor-container > .elementor-column:last-child > .elementor-widget-wrap::after{
    display:none;
  }
  .bcl-servizi-main .elementor-section.bcl-servizi-box5{
    margin-bottom:40px !important;
  }
}