/*
 Theme Name:   BST Srl - Paolo Bertocchi
 Template:     hello-elementor
 Description:  Tema Child di Elementor.
 Author:       tritatasti.it/ste/
 Version:      1.0.0
*/

/* ==========================================================================
   0. DICHIARAZIONE FONT PER IL BACKEND (EDITOR ELEMENTOR)
   ========================================================================== */
@font-face {
    font-family: 'DIN Pro Cond';
    src: url('asset/fonts/din-pro-condensed-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'DIN Pro Cond';
    src: url('asset/fonts/din-pro-condensed.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'DIN Pro Cond';
    src: url('asset/fonts/din-pro-condensed-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'DIN Pro Cond';
    src: url('asset/fonts/din-pro-condensed-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'DIN Pro Cond';
    src: url('asset/fonts/din-pro-condensed-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

/* 1. Comportamenti fluidi globali e ottimizzazioni di rendering */
html {
    scroll-behavior: smooth;
    font-size: 100% !important; /* Mantiene la base del browser a 16px */
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 2. Gestione degli stati :hover */
a {
    transition: color 0.3s ease, border-color 0.3s ease;
}

a:hover {
    color: var(--wp--preset--color--secondary) !important;
}

/* 3. Classi di utilità strutturale (Layout e helper) */
.text-condensed-uppercase {
    font-stretch: condensed;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* 4. Fix specifici per plugin o menu */
.elementor-nav-menu a {
    font-weight: 300;
    text-transform: uppercase;
}

/* 5. Effetto Glassmorphism */
.glass {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.glass:hover {
    background: rgba(255, 255, 255, 1);
}

/* Fix spaziatura liste */
ul {
    padding-bottom: 20px;
}