/*
Fichier : css_pg_boutons.css
Chemin  : D:\speedclicV2\www\assets\css\css_pg_boutons.css
Rôle    : LA FAMILLE DE BOUTONS .pg-btn, ET RIEN D'AUTRE.

POURQUOI ELLE A SA PROPRE FEUILLE (31/08/2026)
        Elle a déjà déménagé une fois. Née dans annonces_gestion.css — servie sur le
        SEUL écran de gestion — elle habillait pourtant aussi le bouton « Fermer » de la
        fiche visiteur, qui sortait donc en bouton gris du navigateur depuis le premier
        jour sans que personne le remarque. Elle est passée le 27/08 dans
        annonces_gestion_modale.css, servie sur les quatre écrans des annonces.
        Aujourd'hui l'espace perso réclame le même bouton — « Mes Favoris », fond blanc,
        cœur rouge — au-dessus de ses cartes d'outils. Deux mauvaises réponses se
        présentaient : servir toute la feuille des modales dans l'espace perso, qui y
        aurait porté des règles n'ayant rien à y faire (règles 37-39) ; ou recopier les
        dix déclarations, ce qui aurait fait DEUX dessins pour UN bouton, divergents au
        premier ajustement (règle 19).
        UNE FAMILLE PARTAGÉE VIT DANS UNE FEUILLE PARTAGÉE. C'est tout ce que dit ce
        fichier, et c'est pour cela qu'il est court : le jour où un sixième écran voudra
        ce bouton, il n'y aura qu'une ligne à ajouter dans index.php.

CE QU'IL NE CONTIENT PAS : aucune règle propre à un écran. Ni onglets, ni filtres, ni
        corbeille — ils restent dans la feuille de leur écran. Un fichier « boutons » qui
        se met à porter des barres d'outils redevient un fourre-tout (règle 40).
Créé   : 31/08/2026
*/

.pg-btn {
    padding: 5px 12px;
    border: 1px solid #cfd6dd;
    border-radius: 4px;
    background: #fff;
    color: #2b3540;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    line-height: 1.6;
}
.pg-btn:hover { border-color: #1c5fbe; color: #1c5fbe; }
.pg-btn[disabled] { opacity: .45; cursor: not-allowed; border-color: #cfd6dd; color: #2b3540; }
.pg-btn-bleu  { background: #1c5fbe; border-color: #1c5fbe; color: #fff; }
.pg-btn-bleu:hover  { background: #164b96; color: #fff; }
.pg-btn-vert  { background: #1f7a3d; border-color: #1f7a3d; color: #fff; }
.pg-btn-vert:hover  { background: #17602f; color: #fff; }
.pg-btn-rouge { background: #c62c20; border-color: #c62c20; color: #fff; }
.pg-btn-rouge:hover { background: #a3231b; color: #fff; }

/* ═══ L'ICONE DANS UN BOUTON ═══
   Petite et alignée sur le texte — 14 px, pas 20 : le bouton ne doit pas grandir, sinon
   les boutons d'une même rangée ne sont plus de la même hauteur et la barre ondule. */
.pg-onglet-img {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    vertical-align: -2px;
    object-fit: contain;
}

/* === FIN DU FICHIER : D:\speedclicV2\www\assets\css\css_pg_boutons.css === */