/*
Theme Name: Brownskin
Theme URI: https://brownskin.fr
Description: Thème enfant de Kadence pour Brownskin — blog beauté des peaux noires, maquillage afro et soin des cheveux crépus. Charte brun dominant + or secondaire.
Author: Brownskin
Template: kadence
Version: 1.1.1
Text Domain: brownskin-child
*/

/* ====== Palette brun (dominant) + or (secondaire) ====== */
:root, body {
    --bs-brown-900:#2A1A10;   /* espresso */
    --bs-brown-800:#3A2417;
    --bs-brown-700:#4E342E;   /* brun dominant */
    --bs-brown-600:#6F4E37;   /* café */
    --bs-brown-300:#C9B79C;
    --bs-cream:#FAF5EF;        /* fond crème chaud */
    --bs-cream-2:#F2E9DD;
    --bs-gold:#C9A227;         /* or secondaire */
    --bs-gold-2:#A67C00;       /* or foncé (hover) */

    /* On force la palette globale Kadence sur notre charte */
    --global-palette1:var(--bs-gold);
    --global-palette2:var(--bs-gold-2);
    --global-palette3:var(--bs-brown-800);
    --global-palette4:var(--bs-brown-700);
    --global-palette5:var(--bs-brown-300);
    --global-palette6:var(--bs-cream-2);
    --global-palette7:var(--bs-cream);
    --global-palette8:#FFFFFF;
    --global-palette9:#FFFFFF;

    --global-content-edge-padding:1.5rem;
}

/* ====== Typo éditoriale ====== */
body, .content-bg, body.wp-singular .entry-content {
    font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color:var(--bs-brown-700);
    background:var(--bs-cream);
}
h1,h2,h3,h4,.entry-title,.site-branding .site-title {
    font-family:'Playfair Display', Georgia, serif;
    color:var(--bs-brown-800);
    letter-spacing:.2px;
}
.entry-content h2{ margin-top:1.8em; border-bottom:2px solid var(--bs-cream-2); padding-bottom:.25em; }
.entry-content h3{ color:var(--bs-brown-600); }
.entry-content a{ color:var(--bs-gold-2); text-decoration:underline; text-underline-offset:2px; }
.entry-content a:hover{ color:var(--bs-brown-700); }
.entry-content{ font-size:1.05rem; line-height:1.8; }
.entry-content p{ margin:0 0 1.1em; }

/* ====== Header brun dominant ====== */
#masthead, .site-header-row-container-inner, .site-main-header-wrap .site-header-row-container-inner {
    background:var(--bs-brown-700) !important;
}
#masthead .site-title, #masthead .site-branding a, #masthead .header-navigation .menu-container > ul > li > a {
    color:var(--bs-cream) !important;
}
#masthead .header-navigation .menu-container > ul > li > a:hover,
#masthead .menu-container > ul > li.current-menu-item > a {
    color:var(--bs-gold) !important;
}
.site-branding .site-description{ display:none !important; }

/* Logo rond bien dimensionné */
#masthead .custom-logo{ height:54px !important; width:auto; border-radius:50%; }
.site-main-header-wrap .site-header-row-container-inner{ padding-top:5px; padding-bottom:5px; }

/* Navigation sur UNE seule ligne, espacée, soulignement or animé */
#masthead .header-navigation .menu-container > ul{ flex-wrap:nowrap !important; gap:4px; }
#masthead .header-navigation .menu-container > ul > li > a{
    white-space:nowrap; font-size:15px; font-weight:600; letter-spacing:.4px;
    padding:8px 16px; position:relative;
}
#masthead .header-navigation .menu-container > ul > li > a::after{
    content:""; position:absolute; left:16px; right:16px; bottom:5px; height:2px;
    background:var(--bs-gold); transform:scaleX(0); transform-origin:left; transition:transform .22s ease;
}
#masthead .header-navigation .menu-container > ul > li > a:hover::after,
#masthead .header-navigation .menu-container > ul > li.current-menu-item > a::after{ transform:scaleX(1); }

/* ====== Boutons / accents or ====== */
.wp-block-button__link, .button, button, input[type=submit], .kt-blocks-btn-link {
    background:var(--bs-gold); color:var(--bs-brown-900); border-radius:4px;
}
.wp-block-button__link:hover, .button:hover{ background:var(--bs-gold-2); color:#fff; }
.entry-meta a, .post-meta a{ color:var(--bs-gold-2); }
.cat-links a, .entry-taxonomies a{ background:var(--bs-cream-2); color:var(--bs-brown-700); padding:2px 10px; border-radius:20px; }

/* Cartes d'articles (archive/blog) */
.loop-entry.content-bg, article.loop-entry{ border:1px solid var(--bs-cream-2); border-radius:10px; overflow:hidden; }
.loop-entry .entry-title a{ color:var(--bs-brown-800); }
.loop-entry .entry-title a:hover{ color:var(--bs-gold-2); }

/* Citation / mise en valeur (plus-value EEAT) */
.entry-content blockquote{
    border-left:4px solid var(--bs-gold); background:#fff; padding:1em 1.2em;
    font-style:italic; color:var(--bs-brown-800); border-radius:0 8px 8px 0;
}

/* ====== Barre Brownskin × Zenaba — STICKY en bas de l'écran ====== */
.bs-footer-credit{
    position:fixed; left:0; right:0; bottom:0; z-index:9999;
    background:var(--bs-brown-900); color:var(--bs-cream);
    text-align:center; padding:11px 16px; font-size:.9rem; line-height:1.5;
    box-shadow:0 -4px 14px rgba(0,0,0,.28);
}
/* évite que le contenu/footer soit masqué derrière la barre fixe */
body{ padding-bottom:58px; }
.bs-footer-credit a{ color:var(--bs-gold); text-decoration:none; font-weight:600; }
.bs-footer-credit a:hover{ color:#fff; text-decoration:underline; }
.bs-footer-credit .sep{ opacity:.4; margin:0 8px; }