/* 10/10/2026 (Bretagne v4, JT) : en-tete des pages region qui ont un bloc "haut" (data/region_ressources.json).
   Charge par region.html dans cette branche seulement : les autres pages ne le chargent pas.
   Ordinateur : 2 colonnes (titre, reponse et carte a gauche ; formulaire de devis a droite).
   Telephone (moins de 820 px) : titre et reponse, puis le formulaire, puis la carte. */
.rg-haut{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:"intro devis" "carte devis";
  column-gap:32px; row-gap:0; align-items:start; margin:0 0 8px;}
.rg-intro{grid-area:intro;}
.rg-intro h1{margin-top:0;}
.rg-reponse{font-size:16px !important; color:var(--color-text) !important; max-width:none !important;}
.rg-devis{grid-area:devis; background:var(--color-surface); border:1px solid color-mix(in srgb, var(--color-accent) 55%, transparent);
  border-radius:var(--radius-lg); padding:18px 20px 22px;}
.rg-devis-titre{font-size:19px !important; margin:0 0 2px !important;}
.rg-devis form.form{background:transparent; border:0; padding:0; max-width:none;}
.rg-devis form.form label{margin-top:10px;}
.rg-devis form.form textarea{min-height:56px;}
.rg-devis form.form button{width:100%; margin-top:16px;}
.rg-carte{grid-area:carte; margin:8px 0 0 !important;}
@media (max-width:820px){
  .rg-haut{grid-template-columns:1fr; grid-template-areas:"intro" "devis" "carte";}
  .rg-intro h1{font-size:26px;}
  .rg-reponse{font-size:15px !important; margin-bottom:14px;}
  .rg-devis{padding:14px 14px 18px;}
  .rg-carte{margin:20px auto 0 !important;}
}

/* Bloc « nos donnees » (demandes reelles, agregees) */
.rg-donnees{margin:40px 0 0; padding:20px 22px; border-radius:var(--radius-lg); background:var(--color-surface);
  border:1px solid var(--color-divider); border-top:3px solid var(--color-accent);}
.rg-donnees h2{margin:2px 0 12px !important;}
.rg-donnees .ct-stats{grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));}
.rg-donnees p{margin:12px 0 0;}

/* Le cheval en Bretagne : histoire, races, haras, hippodromes, rendez-vous */
.rg-patrimoine{margin:56px 0 0;}
.rg-patrimoine h3{font-size:19px; margin:30px 0 8px; color:var(--color-text);}
.rg-patrimoine p{margin:8px 0; line-height:1.6; max-width:75ch;}
.rg-patrimoine .rg-src{font-size:12.5px; color:color-mix(in srgb, var(--color-text) 62%, transparent);}
.rg-patrimoine .rg-src a{color:inherit;}
.rg-haras{display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:14px; margin:10px 0;}
.rg-haras > div{padding:14px 16px; border-radius:var(--radius-md); background:var(--color-surface); border:1px solid var(--color-divider);}
.rg-haras strong{display:block; margin-bottom:4px;}
.rg-hippo{display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:12px; margin:10px 0;}
.rg-hippo > div{padding:12px 14px; border-radius:var(--radius-md); background:var(--color-surface); border:1px solid var(--color-divider); font-size:14px; line-height:1.5;}
.rg-hippo .dept-card-code{margin-right:6px;}
.rg-evts{padding-left:20px; line-height:1.6;}
.rg-evts li{margin-bottom:8px;}

/* v5 (JT 10/10) : carte a 50 % (340 -> 170 px), sur ordinateur comme sur telephone ; resume de la page sous le H1. */
.rg-carte{max-width:170px !important; padding:8px !important;}
.rg-carte .fr-map-label{font-size:12px; bottom:6px; left:10px;}
.rg-resume{margin:4px 0 16px; padding:12px 16px; border-radius:var(--radius-md); background:var(--color-surface);
  border:1px solid var(--color-divider); border-left:0; border-top:3px solid var(--color-accent);}
.rg-resume-titre{margin:0 0 6px; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--color-accent-300);}
.rg-resume ul{margin:0; padding-left:18px; line-height:1.55; font-size:14.5px;}
.rg-resume li{margin:2px 0;}
@media (max-width:820px){ .rg-resume{padding:10px 14px;} .rg-resume ul{font-size:14px;} }

/* v5.1 (JT 10/10) : resume « Sur cette page » replie sur telephone (<details>, referme par le script en ligne sous 769 px).
   Sur ordinateur, il reste ouvert et son titre n'est pas cliquable. */
.rg-resume summary{list-style:none; cursor:default;}
.rg-resume summary::-webkit-details-marker{display:none;}
.rg-resume[open] summary{margin-bottom:6px;}
@media (min-width:769px){ .rg-resume summary{pointer-events:none;} }
@media (max-width:768px){
  .rg-resume summary{cursor:pointer; display:flex; align-items:center; justify-content:space-between; margin:0; padding:2px 0;}
  .rg-resume summary::after{content:"+"; font-size:18px; font-weight:400; line-height:1; color:var(--color-accent-300);}
  .rg-resume[open] summary::after{content:"\2212";}
  .rg-resume summary:focus-visible{outline:2px solid var(--color-accent-300); outline-offset:3px;}
  .rg-resume{margin:2px 0 12px;}
}