/*
 Theme Name:   KFDS Child Theme
 Theme URI:    https://kifadesign.it
 Description:  Use this child theme to extend Bricks.
 Author:       KFDS DEV TEAM
 Author URI:   https://kifadesign.it
 Template:     bricks
 Version:      1.0
 Text Domain:  kfds
*/

/* TIPOGRAFIA */
/* h1: 26px → 34px */
h1 {
    font-size: clamp(2.6rem, calc(22.3636px + 0.9697vw), 3.4rem);
    font-weight: 700;
}

/* h2: 24px → 31px */
h2 {
    font-size: clamp(2.4rem, calc(20.8182px + 0.8485vw), 3.1rem);
    font-weight: 700;
}

/* h3: 22px → 28px */
h3 {
    font-size: clamp(2.2rem, calc(19.2727px + 0.7273vw), 2.8rem);
    font-weight: 400;
}

/* p: 16px → 18px */
p {
    font-size: clamp(1.6rem, calc(15.0909px + 0.2424vw), 1.8rem);
}

/* p15: 14px → 15px */
.p15,
p.small {
    font-size: clamp(1.4rem, calc(13.5455px + 0.1212vw), 1.5rem);
}

/* p18: 16px → 18px */
.p18 {
    font-size: clamp(16px, calc(0.0435vw + 15.9565px), 18px);
}

/* p40: 26px → 40px */
.p40 {
    font-size: clamp(26px, calc(0.6087vw + 22.6087px), 40px);
}

/*header e footer*/
/* Colore link menu navigazione attivo */
#header #brxe-uxgmyx>li {
    height: 100%;
    position: relative;
}

#header #brxe-uxgmyx>li:hover {
    cursor: pointer;
}

#header #brxe-uxgmyx>li:hover::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #e30613;
}

#header #brxe-uxgmyx>li>a,
#header #brxe-uxgmyx>li div {
    position: relative;
    top: 45px;
}

#header #brxe-uxgmyx>li:hover>a,
#header #brxe-uxgmyx>li:hover div {
    color: #e30613;
}

#header .brx-nav-nested-items>li>.brx-submenu-toggle:hover>* {
    color: #e30613;
}

#header #brxe-uxgmyx>li:has(a[aria-current="page"])::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #e30613;
}


.brxe-nav-nested a[aria-current="page"] {
    color: #e30613 !important;
}

.brxe-nav-nested .aria-current span,
.brxe-nav-nested .aria-current button {
    color: #e30613 !important;
}

/*submenu*/
#brxe-cntxrz {
    border-top: 2px solid #e30613;
}

#brxe-cntxrz li {
    border-bottom: 1px solid #dcdadb;
}

#brxe-cntxrz li:hover {
    background-color: #f8f8f8;
}

/*submenu*/
#brxe-kjbtmc {
    border-top: 2px solid #e30613;
}

#brxe-kjbtmc li {
    border-bottom: 1px solid #dcdadb;
}

#brxe-kjbtmc li:hover {
    background-color: #f8f8f8;
}

#link-footer .menu-item {
    width: 100%;
}

#brxe-cjualg {
    clip-path: polygon(0 60%, 100% 0, 100% 100%, 0 100%);
}


/*header mobile*/
#brxe-oepztn {
    transform: translateY(110px);
    transition: height 0.3s ease-in-out;
    height: 0px;
    opacity: 0;
    height: 0;
}

#header-mobile.brx-open #brxe-oepztn {
    height: 330px;
    opacity: 1;
}

#brx-content{
    transition: transform 0.3s ease-in-out;
}

#header-mobile.brx-open #brx-content {
    transform: translateY(275px) !important;
}

#brxe-bdidql{
    height: 35px;
    transition: height 0.3s ease-in-out;
}

#brxe-bdidql.open{
    height: 140px;
}

#brxe-bdidql.open #brxe-oepztn{
    height: 383px;
}

#brxe-dxdsbm{
    height: 35px;
    transition: height 0.3s ease-in-out;
}

#brxe-dxdsbm.open{
    height: 140px;
}

/*visualizzazione bottoni apri/chiudi menu mobile*/
#header-mobile button.chiudi {
    display: none;
}

#header-mobile.brx-open button.apri {
    display: none;
}

#header-mobile.brx-open button.chiudi {
    display: block;
}

#header-mobile #brxe-oepztn>li:has(a[aria-current="page"]) {
    background-color: #f6f6f6;
}

@media (max-width: 768px) {

    #header-mobile .brxe-text-link,
    #header-mobile .brx-submenu-toggle {
        height: 35px;
        border-top: #dadada 0.5px solid;
        border-bottom: #dadada 0.5px solid;
    }
}



.icona-home path.cls-1 {
    fill: #20307a;
}

.icona-footer path.cls-1 {
    stroke: none;
}


/*effetto bolcchi home*/
#blocchi-home {
    overflow: hidden;
}

#blocchi-home img {
    opacity: 1;
    transform: scale(1);
    transition: opacity 1s ease, transform 1s ease;
}

#blocchi-home:hover img {
    opacity: 0.9;
    transform: scale(1.1);
}

/*effetto pendenza footer solo nella home*/
/* #footer {
    clip-path: polygon(0 23%, 100% 0, 100% 100%, 0 100%);
} */


/*timeline*/
.timeline {
    position: relative;
    width: 100%;
    padding: 0 0;
}

.timeline__line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    background: repeating-linear-gradient(to bottom,
            #0C2A65 0 6px,
            transparent 6px 12px);
    z-index: 1;
    height: 70%;
}

.timeline__item {
    position: relative;
    width: 50%;
    padding: 0 30px;
    margin-bottom: 10px;
}

.timeline__item.left {
    text-align: right;
    margin-right: 50%;
}

.timeline__item.right {
    margin-left: 50%;
}

.timeline__item::before {
    content: "";
    position: absolute;
    top: 40px;
    width: 9px;
    height: 9px;
    background: #444;
    border-radius: 50%;
    z-index: 2;
}

.timeline__item.left::before {
    right: -4.5px;
}

.timeline__item.right::before {
    left: -4.5px;
}


/*form*/
#form .submit-button-wrapper button {
    padding: 13px 29px;
}

/*pagina contatti*/
#dove-siamo {
    clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 100%);
}


@media(max-width: 768px) {
    #dove-siamo {
        clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 100%);
    }
}

#brxe-dpcfhp{
    transform: translateY(0px);
    will-change: transform;
}


/*SWITCH DI LINGUA*/
/* Contenitore */
.wpml-ls {
  padding: 0 !important;
  position: relative;
  background-color: #fff;
}

/* Lista lingue */
.wpml-ls ul {
  display: flex;
  gap: 10px;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Nascondi le label (opzionale) */
.wpml-ls ul span {
  display: none;
}

/* Nascondi tutte le lingue */
.wpml-ls ul li.wpml-ls-item {
  display: none;
}

/* Mostra solo quella attiva */
.wpml-ls ul li.wpml-ls-current-language {
  display: block;
}

/* ➤ Quando si passa sopra la lingua attiva, mostra le altre */
.wpml-ls:hover ul li.wpml-ls-item {
  display: block;
}

/* Evita che la lingua corrente si ripeta nel dropdown */
.wpml-ls:hover ul li.wpml-ls-current-language {
  display: block;
}


/* --- LANGUAGE SWITCHER NEL MENU MOBILE --- */
#header-mobile .wpml-ls {
  position: relative;
  background-color: #fff;
  padding: 0;
}

/* disposizione lista lingue nel mobile */
#header-mobile .wpml-ls ul {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* tutte le lingue nascoste */
#header-mobile .wpml-ls ul li.wpml-ls-item {
  display: none;
}

/* mostra solo la lingua corrente (chiuso) */
#header-mobile .wpml-ls ul li.wpml-ls-current-language {
  display: flex;
  align-items: center;
}

/* quando il menu è aperto, mostra tutte le lingue */
#header-mobile .wpml-ls.is-open ul li.wpml-ls-item {
  display: flex;
  align-items: center;
}

/* opzionale: nascondi il testo e tieni solo le bandierine */
#header-mobile .wpml-ls span.wpml-ls-display,
#header-mobile .wpml-ls span.wpml-ls-native {
  margin-left: 6px;       /* togli se vuoi solo bandiera */
}