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

:root{
  --container-max: 1360px;
  --container-pad: clamp(2rem, 1.5rem + 1vw, 4rem);
  --svg-w: 492px; /* oppure 468px, o clamp(...) */
  --svg-gap: 16px; /* distanza di sicurezza dal container */
  --site-max-width: 1320px;
  --site-gutter: clamp(2rem, 1.54rem + 1.28vw, 4rem);
}

header{
    z-index: 999;
}
/* =========================
   Linee hamburger custom
========================= */
.brxa-inner:after {
    bottom: -10px;
    width: 50% !important;
    margin-left: 50%;
}
span.brxa-inner {
    width: 75%;
  display:flex;
  justify-content:flex-end;
    margin-left:25%;
}

/* =========================
   Link underline
========================= */
.txt-link-1 {
  position: relative;
  text-decoration: none;
}

.txt-link-1::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-image: repeating-linear-gradient(
    to right,
    currentColor 0 6px,
    transparent 6px 10px
  );
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.3s ease;
}

.txt-link-1:hover::before {
  transform: scaleX(1);
}

.truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


/* =========================
   Button fill slide animation
========================= */
.btn-fill-slide, .catalog-form .submit-button-wrapper button {
  --fill-start: #B5A08B;
  --fill-hover: #C81F17;
  --text-color: #FFFFFF;
  --text-hover: #FFFFFF;
  --border-start: var(--fill-start);
  --border-hover: var(--fill-hover);
  position: relative;
  overflow: hidden;
  isolation: isolate;
  z-index: 0;
  color: var(--text-color);
  border: 1px solid var(--border-start);
  transition: color 0.35s ease, border-color 0.35s ease;
}

.btn-fill-slide::before,
.btn-fill-slide::after,
.catalog-form .submit-button-wrapper button::before,
.catalog-form .submit-button-wrapper button::after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15%;
  width: 130%;
  z-index: -1;
  pointer-events: none;
  will-change: transform;
  transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* colore iniziale visibile */
.btn-fill-slide::before, .catalog-form .submit-button-wrapper button::before{
  background: var(--fill-start);
  transform: translateX(0) skewX(-18deg);
}

/* secondo colore nascosto a sinistra */
.btn-fill-slide::after, .catalog-form .submit-button-wrapper button::after{
  background: var(--fill-hover);
  transform: translateX(-115%) skewX(-18deg);
}

.btn-fill-slide:hover,
.btn-fill-slide:focus-visible,
.catalog-form .submit-button-wrapper button:hover,
.catalog-form .submit-button-wrapper button:focus-visible {
  color: var(--text-hover)!important;
  border-color: var(--border-hover);
}

.btn-fill-slide:hover::before,
.btn-fill-slide:focus-visible::before,
.catalog-form .submit-button-wrapper button:hover::before,
.catalog-form .submit-button-wrapper button:focus-visible::before {
  transform: translateX(115%) skewX(-18deg);
}

.btn-fill-slide:hover::after,
.btn-fill-slide:focus-visible::after,
.catalog-form .submit-button-wrapper button:hover::after,
.catalog-form .submit-button-wrapper button:focus-visible::after {
  transform: translateX(0) skewX(-18deg);
}

/* =========================
   Variante: Dark to Brand
========================= */
.btn-fill-slide--dark-to-brand,  .catalog-form .submit-button-wrapper button {
  --fill-start: #242424;
  --fill-hover: #B5A08B;
  --border-start: #242424;
  --border-hover: #B5A08B;
  --text-color: #FFFFFF;
  --text-hover: #FFFFFF;
}

/* =========================
   Variante: Brand to Dark
========================= */
.btn-fill-slide--brand-to-dark {
  --fill-start: #B5A08B;
  --fill-hover: #242424;
  --border-start: #B5A08B;
  --border-hover: #FFFFFF;
  --text-color: #FFFFFF;
  --text-hover: #FFFFFF;
}

/* =========================
   Variante: Dark to White
========================= */
.btn-fill-slide--dark-to-white{
  --fill-start: #242424;
  --fill-hover: #FFFFFF;
  --border-start: #242424;
  --border-hover: #FFFFFF;
  --text-color: #FFFFFF;
  --text-hover: #242424;
}

/* =========================
   Variante: White to Brand
========================= */
.btn-fill-slide--white-to-brand,  .catalog-form.v1 .submit-button-wrapper button {
  --fill-start: transparent;
  --fill-hover: #B5A08B;
  --border-start: #FFFFFF;
  --border-hover: #B5A08B;
  --text-color: #FFFFFF;
  --text-hover: #FFFFFF;
}

.btn-fill-slide--brand-to-white, .btn-red-to-white  .submit-button-wrapper button{
  --fill-start: #B5A08B;
  --fill-hover: #FFFFFF;
  --border-start: #B5A08B;
  --border-hover: #FFFFFF;
  --text-color: #FFFFFF;
  --text-hover: #242424;
}


.post-content .dropcap-letter {
  float: left;
  font-size: clamp(5rem, 6.5vw, 6.5rem);
  line-height: 0.72;
  font-weight: 700;
  color: #b7a187;
  margin-right: 0.04em;
  margin-top: 0.05em;
}



.about-hero {
  min-height: 560px;
}

.about-hero__media,
.about-hero__panel-bg {
  inset: 0;
}

.about-hero__panel {
  inset: 0 auto 0 0;
  clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);
}

.brx-nav-nested-items li.menu-item:last-child {
  width: 100%;
}