/*
Theme Name:   SME Nettoyage Child
Theme URI:    https://www.smenettoyage.fr
Description:  Thème enfant Hello Elementor pour SME Nettoyage. 100% éditable via Elementor / Elementor Pro. Aucun contenu hardcodé : header, footer, pages et templates se construisent dans le Theme Builder.
Author:       SME Nettoyage
Author URI:   https://www.smenettoyage.fr
Template:     hello-elementor
Version:      1.0.0
Text Domain:  sme-nettoyage-child
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Tags:         elementor, hello-elementor, child-theme, business, cleaning
*/

/* ==========================================================================
   SME Nettoyage – Surcouches minimales
   --------------------------------------------------------------------------
   Toute la mise en page se fait dans Elementor.
   Ce fichier ne contient QUE :
     1. Les variables CSS de marque (rappel — la source de vérité reste
        les Global Settings d'Elementor : Site Settings > Global Colors
        et Global Fonts).
     2. Quelques fallbacks pour les éléments natifs WordPress non gérés
        par Elementor (admin bar, focus states accessibilité, etc.).
   N'AJOUTEZ PAS de styles de composants ici — utilisez Elementor.
   ========================================================================== */

:root {
    /* Brand colors — miroir des Global Colors Elementor */
    --sme-blue:        #0891B2;
    --sme-blue-dark:   #066E8A;
    --sme-green:       #10B981;
    --sme-green-dark:  #0E9E70;
    --sme-white:       #FFFFFF;
    --sme-grey-50:     #F8FAFC;
    --sme-grey-900:    #0F172A;

    /* Tokens UI */
    --sme-radius:      16px;
    --sme-shadow-sm:   0 2px 8px rgba(15, 23, 42, 0.06);
    --sme-shadow:      0 8px 24px rgba(15, 23, 42, 0.08);
}

/* Accessibilité — focus visible cohérent sur tous les liens/boutons,
   y compris ceux générés hors Elementor (commentaires, formulaires natifs). */
:where(a, button, input, select, textarea):focus-visible {
    outline: 2px solid var(--sme-blue);
    outline-offset: 2px;
    border-radius: 4px;
}

/* Sélection de texte aux couleurs de la marque */
::selection {
    background-color: var(--sme-blue);
    color: var(--sme-white);
}

/* Skip-link accessibilité (rendu par wp_body_open) */
.skip-link.screen-reader-text {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.skip-link.screen-reader-text:focus {
    left: 1rem;
    top: 1rem;
    width: auto;
    height: auto;
    padding: 0.75rem 1rem;
    background: var(--sme-blue);
    color: var(--sme-white);
    z-index: 100000;
    border-radius: var(--sme-radius);
    text-decoration: none;
    font-weight: 600;
}