/* ==========================================================================
   alterego.css — personnalisations de la charte (couleurs, typo, améliorations)
   Couleur d'accent : #02aece (cyan Alterego) — texte : #28282e
   ========================================================================== */

:root {
  --accent: #02aece;
  --accent-dark: #0392ad;
  --text: #28282e;
  --text-soft: #717171;
}

body { font-family: "Open Sans", sans-serif; background-color: #fff; color: var(--text-soft); }

a { color: var(--text); text-decoration: none; font-family: "Open Sans", sans-serif; }
a:hover { color: var(--accent); text-decoration: none; }

h1, h2, h3, h4, h5, h6 { color: var(--text); font-family: "Open Sans", sans-serif; }

#sitename a { color: var(--text); text-transform: uppercase; }
#sitename a:hover { color: var(--accent); }

#navigation ul.menu li a,
#navigation ul.menu ul li a,
#navigation ul#menu.menu li.active a { color: var(--text) !important; font-family: "Open Sans", sans-serif !important; }
#navigation ul.menu li a:hover,
#navigation li.deeper.parent ul.navig li a:hover { color: var(--accent) !important; }

/* Boutons */
.btn-primary { background: var(--accent); border-color: var(--accent); }
.btn-primary:hover { background: var(--accent-dark); border-color: var(--accent-dark); }

/* --------------------------------------------------------------------------
   Améliorations : lisibilité des articles d'actualité
   -------------------------------------------------------------------------- */
.article-content { font-size: 1rem; line-height: 1.7; color: #444; }
.article-content h2 { margin: 1.8rem 0 .8rem; font-size: 2rem; }
.article-content h3 { margin: 1.4rem 0 .6rem; font-size: 1.6rem; }
.article-content p { margin: 0 0 1rem; }
.article-content ul, .article-content ol { margin: 0 0 1rem 1.4rem; }
.article-content li { margin-bottom: .4rem; }
.article-content img { max-width: 100%; height: auto; border-radius: 8px; }
.article-content a { color: var(--accent); }
.article-content a:hover { text-decoration: underline; }

/* Carte article (liste actualités) */
.actu-grid { display: flex; flex-wrap: wrap; gap: 24px; margin: 30px 0; }
.actu-card { flex: 1 1 320px; max-width: 360px; background: #fff; border: 1px solid #eee;
             border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,.05);
             transition: transform .2s, box-shadow .2s; }
.actu-card:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0,0,0,.1); }
.actu-card img { width: 100%; height: 220px; object-fit: cover; display: block; }
.actu-card .actu-body { padding: 18px; }
.actu-card h3 { font-size: 1.15rem; margin: 0 0 .5rem; }
.actu-card h3 a { color: var(--text); }
.actu-card h3 a:hover { color: var(--accent); }
.actu-card .actu-date { font-size: .8rem; color: #999; margin-bottom: .5rem; }
.actu-card p { font-size: .92rem; line-height: 1.55; margin: 0 0 .8rem; }
.actu-card .readmore a { color: var(--accent); font-weight: 600; font-size: .9rem; }

/* Liste des agences (qui-sommes-nous / contact) */
.agences-grid { display: flex; flex-wrap: wrap; gap: 24px; margin: 30px 0; }
.agence-card { flex: 1 1 300px; max-width: 360px; background: #fff; border: 1px solid #eee;
               border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,.05); }
.agence-card img { width: 100%; height: 200px; object-fit: cover; display: block; }
.agence-card .agence-body { padding: 18px; }
.agence-card h3 { font-size: 1.2rem; margin: 0 0 .6rem; color: var(--accent); }
.agence-card p { margin: 0 0 .4rem; font-size: .92rem; line-height: 1.5; }
.agence-card a { color: var(--accent); }

/* Fil d'ariane */
.breadcrumb-item a { color: var(--text-soft); }
.breadcrumb-item.active span { color: var(--accent); }

/* Titre de section façon home ("Nos dernières offres") */
.section-title { text-align: center; font-size: 25px; margin-top: 40px; text-transform: uppercase;
  font-weight: bold; letter-spacing: -1px;
  background: url('../images/background-h3.jpg') 50% 100% no-repeat; padding: 0 0 30px 0; }