/*
Theme Name: Astra — Cabinet comptable
Theme URI: https://wordpress.tristan-meillat.com
Description: Thème enfant d'Astra pour un site de cabinet d'expertise comptable. Sert de base de test : toute la charte tient dans les variables CSS ci-dessous.
Author: Cabinet démo
Template: astra
Version: 1.0.0
Text Domain: astra-comptable
*/

/* --------------------------------------------------------------------------
   Charte
   Astra construit tout son rendu sur ces huit variables : les redéfinir ici
   recolore le site entier (boutons, liens, titres, fonds) sans surcharger la
   moindre règle du thème parent. C'est le seul endroit à toucher pour changer
   d'ambiance.
   -------------------------------------------------------------------------- */
:root {
    --ast-global-color-0: #1b3f63; /* bleu du cabinet : liens, boutons */
    --ast-global-color-1: #122c47; /* survol, aplats profonds */
    --ast-global-color-2: #14232e; /* titres */
    --ast-global-color-3: #47555f; /* texte courant */
    --ast-global-color-4: #ffffff; /* fond principal */
    --ast-global-color-5: #f4f6f8; /* fond des sections alternées */
    --ast-global-color-6: #dce3e9; /* filets et bordures */
    --ast-global-color-7: #14232e;
    --ast-global-color-8: #ffffff;

    --cabinet-accent: #b07d2b;     /* bronze : chiffres clés, détails */
    --cabinet-serif: Georgia, "Times New Roman", serif;
}

/* Un serif pour les titres, un sans-serif pour le texte : le contraste
   classique des cabinets libéraux, et zéro police à télécharger. */
h1, h2, h3, .site-title {
    font-family: var(--cabinet-serif);
    letter-spacing: -0.01em;
}

h2 { font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.3rem); line-height: 1.25; }
h3 { font-size: clamp(1.15rem, 1rem + 0.6vw, 1.35rem); }

body { line-height: 1.7; }

/* Filet bronze sous les titres de section : la seule fioriture du thème. */
.entry-content h2::after {
    content: "";
    display: block;
    width: 3rem;
    height: 2px;
    margin-top: 0.7rem;
    background: var(--cabinet-accent);
}
/* ...sauf dans les colonnes et les bannières, où il alourdirait. */
.wp-block-column .entry-content h2::after,
.wp-block-cover h2::after { display: none; }

/* Cartes de services et de tarifs. */
.cabinet-carte {
    height: 100%;
    padding: 2rem 1.75rem;
    background: var(--ast-global-color-4);
    border: 1px solid var(--ast-global-color-6);
    border-radius: 4px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.cabinet-carte:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(20, 35, 46, 0.09);
}
.cabinet-carte h3 { margin-top: 0.9rem; }
.cabinet-carte svg { color: var(--ast-global-color-0); }

/* Chiffres clés. */
.cabinet-chiffre {
    font-family: var(--cabinet-serif);
    font-size: clamp(2.2rem, 1.6rem + 2.4vw, 3.2rem);
    line-height: 1;
    color: var(--cabinet-accent);
    display: block;
}
.cabinet-chiffre + p { margin-top: 0.5rem; font-size: 0.95rem; }

/* Bandeau permanent : ce site est un bac à sable, il ne doit jamais être
   confondu avec le site d'un vrai cabinet. */
.cabinet-bandeau-demo {
    background: var(--ast-global-color-2);
    color: #fff;
    text-align: center;
    padding: 0.5rem 1rem;
    font-size: 0.82rem;
    letter-spacing: 0.03em;
}

@media (max-width: 768px) {
    .cabinet-carte { padding: 1.5rem 1.25rem; }
}

/* Les titres de bannière portent une taille figée par l'éditeur de blocs, qui
   reste énorme sur un téléphone. Seul !important passe devant un style inline. */
@media (max-width: 768px) {
    .wp-block-cover h1 { font-size: clamp(1.85rem, 1.2rem + 3.4vw, 2.4rem) !important; }
    .wp-block-cover     { padding-left: 1.25rem; padding-right: 1.25rem; }
    .wp-block-cover p   { font-size: 1rem !important; }
}