/*
 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
*/




a, a:focus, button, button:focus, input:focus, textarea:focus  {
outline : none!important;
}


.tre-home::before {
transition: all 1s;
}
.tre-home:hover::before {
opacity: 0;
transition: all 1s;
}
h1 strong {
font-weight: 600;
}
.nascondi {
opacity: 0;
transition: opacity 1.5s ease 1.5s;
pointer-events: none;
}
.menu-item-1008 a {
padding-right: 28px;
position: relative;
}
.menu-item-1008 a::before {
position: absolute;
right: 0;
top: 1px;
content: "";
background-image: url(https://matteobaroniarchitetto.com/wp-content/uploads/2025/11/instagram-ico.png);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center top;
width: 24px;
  height: 25px;
}
.menu-mob li {
width: auto;
  max-width: max-content;
  margin: 0 auto!important;
}
.menu-mob .menu-item-1008 a::before {
filter: invert(1);
top: 7px;
}
.menu-mob .menu-item-1008 a {
padding-right: 33px;
}



/* forza le slide a calcolare la larghezza in base al contenuto */
.singolo-slider .splide__slide {
  width: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

/* adatta le immagini alla piena altezza dello schermo */
.singolo-slider img {
  height: 100vh;
  width: auto;
  object-fit: contain;
}


/* ================================
   Carousel altezza piena viewport
   ================================ */


/* Reset completo */
.carosello-definitivo {
    height: 100vh !important;
    background-color: #000 !important;
    position: relative !important;
    overflow: hidden !important;
}

.carosello-definitivo .bricks-swiper-container {
    height: 100% !important;
    width: 100% !important;
}

.carosello-definitivo .swiper-wrapper {
    height: 100% !important;
}

/* Slide - FORZA larghezza automatica */
.carosello-definitivo .swiper-slide {
    height: 100vh !important;
    width: auto !important;
    max-width: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Container immagine */
.carosello-definitivo .repeater-item {
    height: 100% !important;
    width: auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Immagine - chiave per farle vedere */
.carosello-definitivo .image.css-filter {
    width: auto !important;
    height: 100vh !important;
    min-width: auto !important;
    max-width: 100vw !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: transparent !important; /* Cambia da nero a trasparente */
}

/* Navigazione */
.carosello-definitivo .swiper-button-next,
.carosello-definitivo .swiper-button-prev {
    background-color: rgba(0, 0, 0, 0.5) !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    color: white !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}



#menu-main-menu li a {
border-bottom: 2px solid #fff;
padding-bottom: 2px;
transition: all 0.7s;
}
#menu-main-menu li a:hover, #menu-main-menu li.current-menu-item a {
border-color: #000;
transition: all 0.4s;
}
.carosello-box-img {
position: relative;
}




@media (max-width:767px) {
.splide__arrows {
display: none!important;
}
.tre-home.brxe-block::before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15))!important;
  opacity: 1!important
}
.splide__list {
display: block;
}
.carosello-box-img::before {
position: absolute;
background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)) !important;
opacity: 1 !important;
position: absolute;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
}
.carosello-singolo .swiper-wrapper, .carosello-singolo .swiper-wrapper .repeater-item {
display: block;
width: 100%!important;
transform: none !important;
}


}