/*
Theme Name:   Hello Elementor Child — Atelier Bois Alpin
Theme URI:    https://atelier-bois-alpin.fr
Description:  Child theme pour Atelier Bois Alpin, basé sur Hello Elementor.
Author:       Atelier Serval
Author URI:   https://atelier-serval.fr
Template:     hello-elementor
Version:      1.0.0
Text Domain:  hello-elementor-child
*/

/* =========================================================
   VARIABLES — Charte graphique Atelier Bois Alpin
   Police : Proxima Nova via Adobe Fonts (use.typekit.net)
   font-family: "proxima-nova", sans-serif
   ========================================================= */

:root {
    --aba-vert:        #23341f;
    --aba-creme:       #f3f1ec;
    --aba-vert-clair:  #3a5234;
    --aba-creme-dark:  #e8e4db;
    --aba-blanc:       #ffffff;
    --aba-noir:        #111111;
    --aba-font:        "proxima-nova", sans-serif;
    --aba-radius:      4px;
    --aba-radius-lg:   8px;
}

/* =========================================================
   BASE
   ========================================================= */

body {
    font-family: var(--aba-font);
    color: var(--aba-vert);
    background-color: var(--aba-creme);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* =========================================================
   ELEMENTOR — Helpers utilitaires
   ========================================================= */

.bg-vert   { background-color: var(--aba-vert) !important; }
.bg-creme  { background-color: var(--aba-creme) !important; }
.bg-blanc  { background-color: var(--aba-blanc) !important; }

.text-vert   { color: var(--aba-vert) !important; }
.text-creme  { color: var(--aba-creme) !important; }
.text-blanc  { color: var(--aba-blanc) !important; }

.btn-aba {
    display: inline-block;
    padding: 14px 32px;
    background-color: var(--aba-vert);
    color: var(--aba-creme) !important;
    font-family: var(--aba-font);
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: var(--aba-radius);
    transition: background-color 0.2s ease, color 0.2s ease;
}
.btn-aba:hover {
    background-color: var(--aba-vert-clair);
    color: var(--aba-creme) !important;
}

.btn-aba-outline {
    display: inline-block;
    padding: 13px 31px;
    background-color: transparent;
    color: var(--aba-vert) !important;
    font-family: var(--aba-font);
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid var(--aba-vert);
    border-radius: var(--aba-radius);
    transition: background-color 0.2s ease, color 0.2s ease;
}
.btn-aba-outline:hover {
    background-color: var(--aba-vert);
    color: var(--aba-creme) !important;
}

.btn-aba-light {
    display: inline-block;
    padding: 14px 32px;
    background-color: var(--aba-creme);
    color: var(--aba-vert) !important;
    font-family: var(--aba-font);
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: var(--aba-radius);
    transition: background-color 0.2s ease;
}
.btn-aba-light:hover {
    background-color: var(--aba-creme-dark);
}

.elementor-skip-link { display: none; }