/*
Theme Name: Gruppo Bressi
Theme URI: https://gruppobressi.it
Author: Gruppo Bressi
Description: Custom theme for Gruppo Bressi based on Industrial Elegance design.
Version: 1.0.0
Text Domain: gruppobressi
*/

/* Tailwind CSS is loaded from CDN in the header for this static-to-WP migration.
   In a fully customized production build, Tailwind would be compiled.
*/


/* ==========================================================================
   EPILOGUE
   ========================================================================== */
@font-face {
  font-family: 'Epilogue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/epilogue-v20-latin-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Epilogue';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/epilogue-v20-latin-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Epilogue';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('fonts/epilogue-v20-latin-800.woff2') format('woff2');
}
@font-face {
  font-family: 'Epilogue';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('fonts/epilogue-v20-latin-900.woff2') format('woff2');
}

/* ==========================================================================
   WORK SANS
   ========================================================================== */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/work-sans-v24-latin-300.woff2') format('woff2');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/work-sans-v24-latin-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/work-sans-v24-latin-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/work-sans-v24-latin-600.woff2') format('woff2');
}

/* ==========================================================================
   SPACE GROTESK
   ========================================================================== */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/space-grotesk-v22-latin-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/space-grotesk-v22-latin-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/space-grotesk-v22-latin-700.woff2') format('woff2');
}

body.post-type-archive-video_utenti [href*="/video-community/"],
body.single-video_utenti [href*="/video-community/"] {
    color: #b71029 !important; /* Colore rosso primario del tuo brand */
    text-decoration: underline !important; /* Oppure border-bottom se preferisci la linea del menu */
}
/* FORZA ASSOLUTA - Evidenziazione menu */
nav a.current-menu-item,
nav .current-menu-item a,
nav li.current-menu-item > a,
nav .current-menu-item > a {
    color: #b71029 !important;
    border-bottom: 2px solid #b71029 !important;
}

/* Per i link personalizzati della home */
nav a[href="/"],
nav a[href="<?php echo home_url('/'); ?>"],
nav a[href*="://<?php echo $_SERVER['HTTP_HOST']; ?>/"] {
    /* Stile normale */
}

nav a[href="/"].current-menu-item,
nav a[href="<?php echo home_url('/'); ?>"].current-menu-item {
    color: #b71029 !important;
    border-bottom: 2px solid #b71029 !important;
}

/* Mobile menu */
#mobile-menu a.current-menu-item,
#mobile-menu .current-menu-item a,
#mobile-menu li.current-menu-item > a {
    color: #b71029 !important;
    background-color: rgba(183, 16, 41, 0.1) !important;
    border-left: 3px solid #b71029 !important;
    padding-left: 10px !important;
}
/* ==========================================================================
   Ottimizzazione Card Prodotto Catalogo B2B
   ========================================================================== */

/* 1. Reset stili di animazione/elevazione e pulizia hover nativi di Tailwind */
.product-card,
.product-card *,
.product-image-container img {
    transform: none !important; /* Blocca qualsiasi translateY o scale applicato precedentemente dalle classi */
    box-shadow: none !important; /* Rimuove le ombreggiature */
}

/* 2. Gestione Transizione e Bordo Netto sulla Card */
.product-card {
    border: 1px solid #f3f4f6; /* border-gray-100 */
    transition: border-color 0.2s ease-in-out !important;
}

/* Hover sobrio: cambia solo il colore del bordo del brand senza spostamenti */
.product-card:hover {
    border-color: var(--md-sys-color-primary, #b71029) !important; /* Cambia con il tuo colore esadecimale se non usi variabili CSS */
}

/* 3. Stile del Pulsante "Dettagli" e Stati Hover Separati */
.product-btn {
    color: var(--md-sys-color-primary, #b71029);
    border-color: var(--md-sys-color-primary, #b71029);
    background-color: transparent;
    transition: all 0.2s ease-in-out;
}

/* Quando l'utente fa hover sulla CARD, il pulsante reagisce in modo sobrio */
.product-card:hover .product-btn {
    background-color: rgba(183, 16, 41, 0.04); /* Un leggerissimo fondo trasparente del colore del brand */
}

/* Quando l'utente fa hover DIRETTAMENTE sull'area del pulsante */
.product-btn:hover {
    background-color: var(--md-sys-color-primary, #b71029) !important;
    color: #ffffff !important;
}

/* Animazione controllata dell'icona freccia solo all'hover diretto del pulsante */
.product-btn:hover .material-symbols-outlined {
    transform: translateX(3px) !important;
}
/* ==========================================================================
   Ottimizzazione Card Catalogo B2B (Prodotti & Attrezzature)
   ========================================================================== */

/* 1. Reset stili invasivi su card, figli e immagini */
.product-card,
.product-card *,
.product-card img {
    transform: none !important;
    box-shadow: none !important;
}

/* 2. Gestione Transizione e Bordo Sobrio sulla Card */
.product-card {
    border: 1px solid #f3f4f6; /* border-gray-100 */
    transition: border-color 0.2s ease-in-out !important;
}

/* Cambio colore del solo bordo della card all'hover */
.product-card:hover {
    border-color: var(--md-sys-color-primary, #b71029) !important;
}

/* 3. Stile del testo "Dettagli" (Nessun Bordo Iniziale) */
.product-btn {
    color: var(--md-sys-color-primary, #b71029);
    background-color: transparent;
    border: none !important; /* Rimuove esplicitamente qualsiasi bordo residuo */
    transition: all 0.2s ease-in-out;
}

/* Comportamento all'hover sulla card (il testo rimane pulito o prende un background leggerissimo) */
.product-card:hover .product-btn {
    background-color: rgba(183, 16, 41, 0.04);
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 6px;
}



/* Animazione freccia all'hover */
.product-card:hover .material-symbols-outlined {
    transform: translateX(3px) !important;
}

/* ==========================================================================
   SCROLLBAR ULTRA-MINIMAL UNIVERSALE (RESET E COPERTURA TOTALE)
   ========================================================================== */

/* 1. RESET PER CHROME/EDGE: Impedisce ai browser Chromium di usare le regole standard 
   che disattivano l'effetto webkit personalizzato */
html, body, * {
    scrollbar-width: auto; 
}

/* 2. PER CHROME, EDGE, SAFARI (Selettore universale '*' per colpire il giusto contenitore del tema) */
*::-webkit-scrollbar {
    width: 6px !important;  /* Spessore millimetrico della strisciolina verticale */
    height: 6px !important; /* Spessore dell'eventuale strisciolina orizzontale */
}

/* Sfondo della traccia: COMPLETAMENTE TRASPARENTE E INVISIBILE */
*::-webkit-scrollbar-track {
    background: transparent !important;
    background-color: transparent !important;
}

/* Il cursore grigio: l'unica cosa che fluttuerà sullo schermo */
*::-webkit-scrollbar-thumb {
    background-color: #cbd5e1 !important; /* Grigio chiaro elegante (Slate-300) */
    border-radius: 100px !important;       /* Bordi perfettamente arrotondati a pillola */
    border: none !important;               /* Rimuove eventuali bordi ereditati dal tema */
}

/* Feedback visivo quando l'utente passa il mouse sopra la strisciolina */
*::-webkit-scrollbar-thumb:hover {
    background-color: #94a3b8 !important; /* Grigio leggermente più scuro (Slate-400) */
}

/* Elimina angoli morti e freccette residue forzate dal browser o dal tema */
*::-webkit-scrollbar-button,
*::-webkit-scrollbar-corner {
    display: none !important;
    background: transparent !important;
}

/* 3. ISOLAMENTO PER FIREFOX: Dal momento che Firefox non supporta i selettori sopra,
   gli iniettiamo la direttiva standard solo se non riconosce il webkit */
@supports not selector(::-webkit-scrollbar) {
    html, body, * {
        scrollbar-width: thin !important;
        scrollbar-color: #cbd5e1 transparent !important;
    }
}

/* Forza il blocco della traduzione su tutte le icone Material */
.material-symbols-outlined, 
.material-icons, 
.material-icons-outlined {
    -webkit-translate: no !important;
    translate: no !important;
}

/* Soluzione specifica per Google Translate usando la sua classe nativa */
.material-symbols-outlined, .material-icons {
    content: attr(class); /* Trucco opzionale */
}