/* ==========================================================================
   Cenia Rent — compléments du lot GEO (guides, pages locales, accueil).
   Se charge APRÈS assets/css/style.css. Ne modifie que des classes geo-*,
   sauf le bandeau des guides (classe geo-hero ajoutée sur le bandeau du thème).
   ========================================================================== */
:root {
  --geo-bleu: #086AD8;
  --geo-bleu-fonce: #0A4FA0;
  --geo-bleu-pale: #EEF4FD;
  --geo-encre: #1C2539;
  --geo-gris: #5D666F;
  --geo-ligne: #E3E8F0;
}

/* --- Bandeau des guides : hauteur libre, texte court et lisible ---------- */
.banner-inner-service-details-1.geo-hero {
  height: auto;
  min-height: 380px;
  padding: 120px 0 70px;
  position: relative;
}
.banner-inner-service-details-1.geo-hero::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(90deg, rgba(20, 27, 43, .82) 0%, rgba(20, 27, 43, .55) 60%, rgba(20, 27, 43, .25) 100%);
}
.geo-hero .container { position: relative; z-index: 1; }
.geo-hero .title-area-left .title {
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.15;
  max-width: 22ch;
  color: #fff;
}
.geo-hero .title-area-left .disc {
  max-width: 62ch; font-size: 18px; line-height: 1.6; color: #E4EAF3; margin-top: 18px;
}
.geo-hero .title-area-left .bg-title { display: none; }
@media (max-width: 767px) {
  .banner-inner-service-details-1.geo-hero { padding: 90px 0 40px; min-height: 0; }
  .geo-hero .title-area-left .disc { font-size: 16px; }
}

/* --- Corps de texte ------------------------------------------------------ */
/* Le thème remonte .service-details-left-area de 120 px sous le bandeau : annulé. */
.service-details-left-area.geo-content { margin-top: 0 !important; padding-top: 56px; }
.geo-local .service-details-left-area.geo-content { padding-top: 0; }
.geo-content > h2.title:first-of-type { margin-top: 40px; }
.geo-content h2.title { font-size: 30px; line-height: 1.25; margin: 48px 0 16px; }
.geo-content h3.title { font-size: 22px; line-height: 1.3; margin: 32px 0 12px; }
.geo-content p.disc, .geo-content li { font-size: 17px; line-height: 1.7; color: #3B4552; }
.geo-content ul.disc, .geo-content ol.disc { padding-left: 22px; margin-bottom: 20px; }
.geo-content ul.disc li, .geo-content ol.disc li { margin-bottom: 8px; }
.geo-content a:not(.rts-btn) { color: var(--geo-bleu-fonce); text-decoration: underline; text-underline-offset: 3px; }
.geo-content a:not(.rts-btn):hover { color: var(--geo-bleu); }
@media (max-width: 767px) {
  .geo-content h2.title { font-size: 24px; margin-top: 36px; }
  .geo-content h3.title { font-size: 19px; }
  .geo-content p.disc, .geo-content li { font-size: 16px; }
}

.geo-bref {
  background: var(--geo-bleu-pale); border-left: 4px solid var(--geo-bleu);
  border-radius: 0 10px 10px 0; padding: 20px 24px; margin: 0 0 14px;
  font-size: 18px; line-height: 1.65; color: var(--geo-encre);
}
.geo-bref strong { color: var(--geo-bleu-fonce); }
.geo-meta { font-size: 14px !important; color: var(--geo-gris) !important; margin-bottom: 10px; }

/* Tableaux */
.geo-content table { width: 100%; border-collapse: collapse; margin: 18px 0 26px; font-size: 16px; }
.geo-content th, .geo-content td { border: 1px solid var(--geo-ligne); padding: 11px 14px; text-align: left; vertical-align: top; }
.geo-content thead th, .geo-content tr:first-child td:only-child { background: var(--geo-bleu-pale); color: var(--geo-encre); font-weight: 700; }
.geo-content tbody tr:nth-child(even) td { background: #FAFBFD; }
.geo-table { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* Questions fréquentes */
.geo-content .accordion-item { border: 1px solid var(--geo-ligne); border-radius: 10px !important; margin-bottom: 10px; overflow: hidden; }
.geo-content .accordion-button { font-size: 17px; font-weight: 600; color: var(--geo-encre); padding: 16px 20px; background: #fff; }
.geo-content .accordion-button:not(.collapsed) { background: var(--geo-bleu-pale); color: var(--geo-bleu-fonce); box-shadow: none; }
.geo-content .accordion-body { padding: 4px 20px 16px; }
.geo-content .accordion-body p.disc { margin: 0; }

/* Encadré d'offre */
.geo-cta {
  margin: 44px 0 10px; padding: 30px; border-radius: 14px;
  background: var(--geo-encre); color: #C9D2E0;
}
.geo-cta h3 { color: #fff !important; font-size: 24px !important; margin: 0 0 10px !important; }
.geo-cta p { color: #C9D2E0 !important; margin-bottom: 20px; }
.geo-cta .geo-cta__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.geo-cta .rts-btn { margin: 0; }

.geo-sources { font-size: 15px; }
.geo-sources li { font-size: 15px !important; }

/* --- Colonne de droite des guides --------------------------------------- */
.geo-aside { position: sticky; top: 110px; }
.geo-box { background: #fff; border: 1px solid var(--geo-ligne); border-radius: 14px; padding: 22px; margin-bottom: 22px; }
.geo-box h2 { font-size: 18px; margin: 0 0 14px; color: var(--geo-encre); }
.geo-nav ol { list-style: none; margin: 0; padding: 0; counter-reset: geo; }
.geo-nav li { counter-increment: geo; border-top: 1px solid var(--geo-ligne); }
.geo-nav li:first-child { border-top: 0; }
.geo-nav a {
  display: flex; gap: 10px; align-items: baseline; padding: 9px 0;
  font-size: 15px; line-height: 1.35; color: var(--geo-encre); text-decoration: none;
}
.geo-nav a::before { content: counter(geo); min-width: 20px; font-weight: 700; color: var(--geo-bleu); font-size: 13px; }
.geo-nav a:hover { color: var(--geo-bleu); }
.geo-nav a[aria-current="page"] { color: var(--geo-bleu); font-weight: 700; }
.geo-docs a { display: flex; justify-content: space-between; gap: 10px; align-items: center; padding: 10px 0; border-top: 1px solid var(--geo-ligne); color: var(--geo-encre); text-decoration: none; font-size: 15px; }
.geo-docs a:first-of-type { border-top: 0; }
.geo-docs a span { font-size: 12px; font-weight: 700; color: #fff; background: var(--geo-bleu); border-radius: 6px; padding: 3px 7px; }
.geo-contact { background: var(--geo-bleu); border: 0; color: #fff; }
.geo-contact h2, .geo-contact p { color: #fff; }
.geo-contact p { font-size: 15px; margin-bottom: 14px; }
.geo-contact a.rts-btn { width: 100%; justify-content: center; }
@media (max-width: 1199px) { .geo-aside { position: static; margin-top: 50px; } }

/* --- Bloc département des pages locales ---------------------------------- */
.geo-local { padding: 90px 0 60px; }
.geo-lieux { display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); margin: 20px 0 10px; }
.geo-lieux__carte { background: #fff; border: 1px solid var(--geo-ligne); border-radius: 12px; padding: 18px 20px; }
.geo-lieux__carte h4 { font-size: 17px !important; line-height: 1.3; margin: 0 0 10px !important; color: var(--geo-bleu-fonce); }
.geo-lieux__carte ul { list-style: none; margin: 0; padding: 0; }
.geo-lieux__carte li { font-size: 15px !important; line-height: 1.45; padding: 6px 0; border-top: 1px solid #F0F3F7; }
.geo-lieux__carte li:first-child { border-top: 0; }
.geo-lieux__carte li b { color: var(--geo-encre); font-weight: 600; }
.geo-lieux__carte li span { display: block; font-size: 13px; color: var(--geo-gris); }

/* --- Bloc des guides sur l'accueil -------------------------------------- */
.geo-guides { padding: 100px 0 90px; background: #F4F7FB; position: relative; z-index: 1; }
.geo-guides h2 { font-size: 40px; line-height: 1.2; margin-bottom: 14px; }
.geo-guides .geo-guides__intro { max-width: 70ch; font-size: 17px; line-height: 1.7; margin-bottom: 34px; }
.geo-guides__grille { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
.geo-guides__carte {
  display: flex; flex-direction: column; gap: 6px; background: #fff; border: 1px solid var(--geo-ligne);
  border-radius: 12px; padding: 18px 20px; text-decoration: none; color: var(--geo-encre);
  transition: border-color .15s, box-shadow .15s;
}
.geo-guides__carte:hover { border-color: var(--geo-bleu); box-shadow: 0 8px 24px rgba(8, 106, 216, .10); color: var(--geo-encre); }
.geo-guides__carte b { font-size: 17px; line-height: 1.3; }
.geo-guides__carte span { font-size: 14px; color: var(--geo-bleu); font-weight: 600; }
@media (max-width: 767px) {
  .geo-guides { padding: 60px 0; }
  .geo-guides h2 { font-size: 28px; }
}