/*
Theme Name: GRCP
Theme URI: https://example.com/
Description: Thème enfant pour Divi
Author: Mylene Raymond
Author URI: https://example.com/
Template: Divi
Version: 2.0.0
*/


/* ==========================================================================
   style.css - Base globale du thème enfant GRCP
   ==========================================================================
   Les styles de sections sont dans leurs fichiers dédiés :
     style-membre.css, style-evenements.css, style-actualites.css,
     style-projets.css, style-project-single.css, style-publications.css,
     style-search.css

   Palette de couleurs :
     Orange     : #d66236
     Violet     : #5f2a83
     Turquoise  : #3ba19b
     Jaune      : #f2c84b
     Gris foncé : #1d2939
     Gris moyen : #475467
     Gris pâle  : #e1e4e8
   ========================================================================== */


/* ==========================================================================
   RESET LÉGER
   ========================================================================== */

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: auto;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

figure {
    margin: 0;
}


/* ==========================================================================
   LIENS PAR DÉFAUT
   ========================================================================== */

a {
    color: #3ba19b;
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: underline;
    outline: none;
}


/* ==========================================================================
   TYPOGRAPHIE GLOBALE
   ========================================================================== */

body {
    color: #1d2939;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    color: #1d2939;
    font-weight: 700;
    margin: 0 0 12px 0;
}

p {
    margin: 0 0 12px 0;
}


/* ==========================================================================
   CONTENEUR DE PAGE
   ========================================================================== */

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}


/* ==========================================================================
   BOUTON GÉNÉRIQUE (pilule)
   ========================================================================== */

.btn,
.ev-cta {
    display: inline-block;
    padding: 10px 16px;
    border: 2px solid #3ba19b;
    background: #ffffff;
    color: #3ba19b;
    border-radius: 999px;
    text-decoration: none;
    cursor: pointer;
}

.btn:hover,
.btn:focus,
.ev-cta:hover,
.ev-cta:focus {
    background: #eaf7f6;
    text-decoration: none;
    outline: none;
}


/* ==========================================================================
   CHIPS (petites étiquettes)
   ========================================================================== */

.chip {
    display: inline-block;
    font-size: 13px;
    padding: 8px 10px;
    border: 1px solid #e1e4e8;
    background: #ffffff;
    color: #333333;
    border-radius: 12px;
}

.chip--date {
    color: #5f2a83;
    border-color: #e7ddf2;
    background: #faf7ff;
}


/* ==========================================================================
   BANNIÈRES DE TITRE (archives, pages spécifiques)
   ========================================================================== */

.archive-title,
.single-banner {
    background-color: #d66236;
    color: #ffffff;
    text-align: center;
    padding: 30px 20px;
    font-size: 1.8em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 30px 0;
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}


/* ==========================================================================
   CARTES GÉNÉRIQUES (fond blanc + ombre)
   ========================================================================== */

.card {
    background: #ffffff;
    border: 1px solid #e1e4e8;
    border-radius: 16px;
    padding: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}


/* ==========================================================================
   PLACEHOLDERS D'IMAGE
   ========================================================================== */

.img-placeholder {
    background: #f1f3f5;
    border: 2px dashed #c9cdd2;
    color: #6b7280;
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}


/* ==========================================================================
   MÉTADONNÉES (lignes label / valeur)
   ========================================================================== */

.meta {
    margin: 0 0 8px 0;
}

.meta-label {
    display: inline-block;
    min-width: 90px;
    color: #6b7280;
}

.meta-value {
    color: #1d2939;
}


/* ==========================================================================
   UTILITAIRES D'ESPACEMENT
   ========================================================================== */

.mt-50 { margin-top: 50px; }
.mb-50 { margin-bottom: 50px; }
.mt-24 { margin-top: 24px; }
.mb-24 { margin-bottom: 24px; }


/* ==========================================================================
   ACCESSIBILITÉ (focus visible)
   ========================================================================== */

:focus-visible {
    outline: 3px solid #5f2a83;
    outline-offset: 2px;
}


/* ==========================================================================
   CORRECTIFS DIVI FRÉQUENTS
   ========================================================================== */

.et_pb_module a {
    text-decoration: underline;
}

.et_pb_module a:hover,
.et_pb_module a:focus {
    text-decoration: none;
}