/*
 * Theme Name:  Kadence Child Echo
 * Theme URI:
 * Template:    kadence
 * Author:      Smallito
 * Author URI:  https://github.com/smallito
 * Description: Thème enfant pour Kadence, entièrement fonctionnel
 *              avec menus et styles hérités.
 * Version:     1.0.0
 * License:     GNU General Public License v3.0 (or later)
 * License URI: https://www.gnu.org/licenses/gpl-3.0.html
 * Text Domain: kadence-child
 * Requires at least: 6.3
 * Tested up to:      6.9
 * Requires PHP:      7.4
 * Tags: translation-ready, accessibility-ready, two-columns,
 *       right-sidebar, left-sidebar, footer-widgets, blog,
 *       custom-logo, custom-background, custom-menu,
 *       rtl-language-support, editor-style, threaded-comments,
 *       custom-colors, featured-images, wide-blocks,
 *       full-width-template, theme-options, e-commerce
 */


/* ============================================================
   TABLE DES MATIÈRES

   01. POLICES LOCALES — @font-face
   02. TYPOGRAPHIE DES TITRES
   03. EN-TÊTE & PIED DE PAGE
   04. MENU DE NAVIGATION SITCKY
   05. POLICE POUR LE LOGO ET LE SLOGGAN

   ============================================================ */


/* ============================================================
   01. POLICES LOCALES — @font-face
   ============================================================ */

/**
 * Ethnocentric — utilisée pour les H1 et le menu principal.
 * Fichier : assets/fonts/ethnocentric/ethnocentric-rg.ttf
 */
@font-face {
    font-family: 'Ethnocentric';
    src: url('assets/fonts/ethnocentric/ethnocentric-rg.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/**
 * Futura LT — police par défaut du site (corps, titres, UI).
 * Fichier : assets/fonts/futura/FuturaLT-Heavy.ttf
 */
@font-face {
    font-family: 'Futura LT';
    src: url('assets/fonts/futura/FuturaLT-Heavy.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Inter — police de lecture pour les pages informatives */
@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/inter/Inter-VariableFont_slnt\,wght.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Axio_rnd — police de lecture pour les pages du Codex du Vide */
@font-face {
    font-family: 'Axion_rnd';
    src: url('assets/fonts/axion_rnd/axion_rnd.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* FiraCode-Medium — police de lecture pour les pages du Codex du Vide */
@font-face {
    font-family: 'FiraCode-Retina';
    src: url('assets/fonts/fira-code/FiraCode-Retina.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


/* ============================================================
   02. TYPOGRAPHIE DES TITRES
   ============================================================ */

/**
 * Police par défaut pour l'ensemble du site.
 * Futura LT Bold appliquée à tous les éléments textuels courants.
 */
body,
p,
span,
div,
a,
li,
button,
input,
textarea {
    font-family: 'Futura LT', sans-serif !important;
    font-weight: 700;
}

/**
 * Titres H2 à H6 — même police que le corps du texte.
 */
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Futura LT', sans-serif !important;
    font-weight: 700;
}

/**
 * H1 — police Ethnocentric pour les titres principaux.
 */
h1 {
    font-family: 'Ethnocentric', sans-serif !important;
    font-weight: 400;
}

/**
 * Menu principal — police Ethnocentric pour cohérence avec les H1.
 */
.main-navigation a {
    font-family: 'Ethnocentric', Arial, sans-serif !important;
    font-weight: 400;
}

/**
 * H1 Kadence avec icône — le texte est dans .kb-adv-text-inner,
 * ce qui peut casser l'héritage de la police. On force Ethnocentric ici.
 */
.wp-block-kadence-advancedheading.kt-adv-heading-has-icon .kb-adv-text-inner {
    font-family: 'Ethnocentric', sans-serif !important;
}


/* ============================================================
   03. EN-TÊTE & PIED DE PAGE
   ============================================================ */

/**
 * En-tête principal — fond sombre et centrage sur 1440px.
 */
.site-header {
    background-color: #000C26;
    max-width: 1920px;
    margin: 0 auto;
    width: 100%;
}

/**
 * Pied de page — même traitement que l'en-tête.
 */
.site-footer {
    background-color: #000C26;
    max-width: 1920px;
    margin: 0 auto;
    width: 100%;
}

/**
 * Suppression du fond blanc sur les wrappers internes
 * pour éviter tout débordement de couleur.
 */
.site-header-inner-wrap,
.site-footer-inner-wrap {
    background: transparent;
}

/* ============================================================
   04. MENU DE NAVIGATION SITCKY
   ============================================================ */


.site-header {
    position: sticky;
    top: 0;
    z-index: 9999;
    background-color: #000C26;

}

/* Menu sticky toujours au-dessus des illustrations */
.site-header,
#site-header,
.kadence-sticky-header {
    z-index: 9999 !important;
    position: sticky !important;
}

/* ============================================================
   05. POLICE POUR LE LOGO ET LE SLOGGAN
   ============================================================ */

/* Police Ethnocentric sur le titre et le slogan du site */
.site-branding .site-title,
.site-branding .site-title a,
.site-branding .site-description {
    font-family: 'Ethnocentric', sans-serif !important;
}



.site-branding .site-description {

    font-size: 0.85rem !important;      /* slogan plus petit que le titre */
    letter-spacing: 0.05em !important;
    color: #ffffff !important;           /* ou une couleur plus discrète */
}