/*
Theme Name: ALPHA ELEC — Enfant Kadence
Description: Thème enfant de Kadence pour SITE-001 ALPHA ELEC. Identité visuelle P05 et styles de base Gutenberg. Ne contient ni logo final, ni contenu, ni configuration WordPress.
Author: Rana Web — Projet ALPHA ELEC
Version: 0.1.0
Requires at least: 6.3
Requires PHP: 7.4
Template: kadence
Text Domain: alphaelec-child
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/*
 * SITE-001 / P08 — Styles enfant. Les couleurs globales du thème Kadence
 * doivent AUSSI être configurées dans Apparence > Personnaliser > Couleurs.
 * Aucune police externe n'est chargée par ce fichier.
 */
:root {
    --alpha-color-navy: #14263D;
    --alpha-color-blue: #1677A9;
    --alpha-color-teal: #087F78;
    --alpha-color-teal-hover: #066861;
    --alpha-color-amber: #D99B28;
    --alpha-color-light: #F3F6F8;
    --alpha-color-white: #FFFFFF;
    --alpha-font-headings: "Montserrat", Arial, sans-serif;
    --alpha-font-body: "Inter", Arial, sans-serif;
    --alpha-radius: 8px;
}

/* Typographies de référence P05 ; fallback si les polices ne sont pas installées. */
body,
button,
input,
select,
textarea {
    font-family: var(--alpha-font-body);
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title,
.main-navigation {
    font-family: var(--alpha-font-headings);
}

/* La palette complète du parent reste pilotée par le personnalisateur Kadence. */
.entry-content :where(h1, h2, h3, h4, h5, h6) {
    color: var(--alpha-color-navy);
}

/* Liens Gutenberg ; préserver la distinction visuelle des liens dans le texte. */
.entry-content :where(p, li) a:not(.wp-block-button__link),
.entry-content .wp-block-paragraph a {
    text-decoration-thickness: 1px;
    text-underline-offset: 0.14em;
}

/* Boutons issus des blocs natifs (pas d'ajout d'un CTA dans l'en-tête). */
.entry-content .wp-block-button:not(.is-style-outline) .wp-block-button__link {
    background-color: var(--alpha-color-teal);
    color: var(--alpha-color-white);
    border-radius: var(--alpha-radius);
    font-family: var(--alpha-font-headings);
    font-weight: 700;
    text-decoration: none;
}

.entry-content .wp-block-button:not(.is-style-outline) .wp-block-button__link:is(:hover, :focus-visible) {
    background-color: var(--alpha-color-teal-hover);
    color: var(--alpha-color-white);
}

/* Cadres Gutenberg réutilisables : ajouter cette classe dans l'éditeur. */
.entry-content .alphaelec-panel {
    background-color: var(--alpha-color-light);
    border-left: 4px solid var(--alpha-color-teal);
    border-radius: var(--alpha-radius);
    padding: clamp(1rem, 2vw, 1.5rem);
}

.entry-content .alphaelec-panel--alert {
    border-left-color: var(--alpha-color-amber);
}

/* Mise en évidence du focus clavier, sans supprimer l'indication native. */
:where(a, button, input, select, textarea, summary):focus-visible,
:where(.wp-block-button__link, .forminator-button-submit):focus-visible {
    outline: 3px solid var(--alpha-color-blue);
    outline-offset: 3px;
}

/* Forminator : personnalisation prudente de l'interface, non fonctionnelle. */
.forminator-ui :where(input, select, textarea) {
    border-radius: var(--alpha-radius);
}

.forminator-ui .forminator-button-submit {
    border-radius: var(--alpha-radius);
}

@media (prefers-reduced-motion: reduce) {
    .entry-content .wp-block-button__link {
        transition: none;
    }
}