/*
Theme Name: HiTechDNA
Theme URI: https://dna-ribs.com
Description: Tema child di Bateaux per DNA Ribs con selettore palette cromatica integrato
Author: DNA Ribs
Template: bateaux
Version: 1.0.6
Text Domain: bateaux-dna
*/

/*
 * I colori vengono gestiti nativamente dal sistema di Bateaux
 * tramite filtri theme_mod nel functions.php del child.
 * Questo file contiene solo aggiustamenti strutturali e tipografici.
 */

/* ============================================================
   NAVBAR: leggibilità voci menu
   ============================================================ */

/* Voci menu non attive — aumenta leggibilità */
.btx-navbar .btx-nav > li > a,
.btx-navbar .btx-nav > li > span {
    opacity: 1 !important;
}

/* Fix opacità che Bateaux applica alle voci non attive */
.btx-dark-scheme .btx-nav > li > a:not(.btx-p-brand-color),
.btx-dark-scheme .btx-nav > li > span:not(.btx-p-brand-color) {
    color: rgba(255, 255, 255, 0.88) !important;
}

.btx-light-scheme .btx-nav > li > a:not(.btx-p-brand-color),
.btx-light-scheme .btx-nav > li > span:not(.btx-p-brand-color) {
    color: rgba(30, 30, 30, 0.85) !important;
}

/* ============================================================
   TIPOGRAFIA: piccoli affinamenti
   ============================================================ */

/* Font titoli più impattante */
h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0.02em;
}

/* Navbar padding leggermente ridotto per look più minimal */
.btx-navbar-inner {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

/* ============================================================
   NAVBAR: forza sfondo scuro anche sulle pagine con
   navTransparent attivo (About, Contatti)
   ============================================================ */
.btx-navbar--transparent,
.btx-navbar--transparent.btx-navbar--scrolled,
.btx-navbar.btx-navbar--transparent {
    background: rgba(10, 10, 10, 0.92) !important;
    backdrop-filter: blur(10px);
}

/* ============================================================
   TITOLI H1 H2 H3: colore accent per palette
   Nelle sezioni con sfondo chiaro (light scheme) i titoli
   prendono il colore accent. Nel dark scheme / hero restano
   bianchi per leggibilità.
   ============================================================ */

/* Industrial: oro */
body.palette-industrial .btx-light-scheme h1,
body.palette-industrial .btx-light-scheme h2,
body.palette-industrial .btx-light-scheme h3,
body.palette-industrial .btx-light-scheme .btx-heading,
body.palette-industrial .btx-light-scheme .entry-title,
body.palette-industrial .btx-light-scheme .page-title {
    color: #c8a96e !important;
}

/* Lusso Nautico: oro navy */
body.palette-luxury .btx-light-scheme h1,
body.palette-luxury .btx-light-scheme h2,
body.palette-luxury .btx-light-scheme h3,
body.palette-luxury .btx-light-scheme .btx-heading,
body.palette-luxury .btx-light-scheme .entry-title,
body.palette-luxury .btx-light-scheme .page-title {
    color: #c8a040 !important;
}

/* Sport Tech: arancio */
body.palette-sport .btx-light-scheme h1,
body.palette-sport .btx-light-scheme h2,
body.palette-sport .btx-light-scheme h3,
body.palette-sport .btx-light-scheme .btx-heading,
body.palette-sport .btx-light-scheme .entry-title,
body.palette-sport .btx-light-scheme .page-title {
    color: #e05a00 !important;
}

/* Coastal: blu navy */
body.palette-coastal .btx-light-scheme h1,
body.palette-coastal .btx-light-scheme h2,
body.palette-coastal .btx-light-scheme h3,
body.palette-coastal .btx-light-scheme .btx-heading,
body.palette-coastal .btx-light-scheme .entry-title,
body.palette-coastal .btx-light-scheme .page-title {
    color: #1a4a6b !important;
}

/* Dark scheme e hero: titoli sempre bianchi per leggibilità */
.btx-dark-scheme h1,
.btx-dark-scheme h2,
.btx-dark-scheme h3,
.btx-hero h1,
.btx-hero h2,
.btx-hero h3,
.btx-slider h1,
.btx-slider h2,
.btx-slider h3 {
    color: #ffffff !important;
}