/* Accueil V99 — le dernier café occupe la largeur disponible sur mobile. */

@media(max-width:700px){

 .home-page-v98 .home-cafes-grid-v98>.home-cafe-v98:last-child:nth-child(odd){

  grid-column:1/-1;display:grid;grid-template-columns:86px minmax(0,1fr);

  grid-template-rows:auto auto 1fr;column-gap:20px;row-gap:0;

  align-items:start;justify-items:start;padding:14px 20px;text-align:left;

 }

 .home-page-v98 .home-cafe-v98:last-child:nth-child(odd)>.home-cafe-image-v98{

  grid-row:1/4;width:86px;margin:0;align-self:center;

 }

 .home-page-v98 .home-cafe-v98:last-child:nth-child(odd)>h3{align-self:end;margin-top:8px}

 .home-page-v98 .home-cafe-v98:last-child:nth-child(odd)>.home-cafe-more-v98{

  justify-content:flex-start;margin-top:0;align-self:end;

 }

}

@media(max-width:350px){

 .home-page-v98 .home-cafes-grid-v98>.home-cafe-v98:last-child:nth-child(odd){padding:12px 16px;column-gap:16px}

}

/* V100 — titres complets et résumés sur toute la largeur du téléphone. */

@media(max-width:700px){

 .home-page-v98 .home-news-v98:not(.is-featured){display:grid;grid-template-columns:68px minmax(0,1fr);gap:6px 12px;padding:16px}

 .home-page-v98 .home-news-v98:not(.is-featured)>.home-news-body-v98{display:contents}

 .home-page-v98 .home-news-v98:not(.is-featured)>img{grid-column:1;grid-row:1/3;width:68px;height:68px;object-fit:cover}

 .home-page-v98 .home-news-v98:not(.is-featured) time{grid-column:2;grid-row:1;font-size:11px;margin:0}

 .home-page-v98 .home-news-v98:not(.is-featured) h3{display:block;grid-column:2;grid-row:2;font-size:16px;line-height:1.35;margin:0;overflow:visible}

 .home-page-v98 .home-news-v98:not(.is-featured) p{display:block;grid-column:1/-1;font-size:13px;line-height:1.55;margin:4px 0 0;overflow:visible}

 .home-page-v98 .home-news-v98.is-featured time{font-size:11px}

}

@media(max-width:700px){.home-page-v98 .home-news-v98.is-featured p{display:block;overflow:visible}}

/* V101 — commandes de galerie utilisables au doigt et au clavier. */

.home-page-v98 .home-gallery-tools-v101{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 8px}

.home-page-v98 .home-gallery-tools-v101 .home-gallery-hint-v98{font-size:12px;line-height:1.5;color:#526b5e;margin:0}

.home-page-v98 .home-gallery-buttons-v101{display:flex;gap:8px;flex-shrink:0}

.home-page-v98 .home-gallery-buttons-v101 button{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:0;border:1px solid #a9bba4;border-radius:8px;background:#fffdf7;color:#123f30;font-family:inherit;font-size:22px;font-weight:700;line-height:1;cursor:pointer;box-shadow:none}

.home-page-v98 .home-gallery-buttons-v101 button:disabled{opacity:.4;cursor:default}

.home-page-v98 .home-gallery-buttons-v101 button:not(:disabled):hover{background:#e9eedf;border-color:#123f30}

.home-page-v98 .home-gallery-buttons-v101 button:focus-visible{outline:3px solid #ba8b18;outline-offset:3px}

.home-page-v98 #home-cards-v98{scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#7c9c83 #e9eedf}

.home-page-v98 .home-collectible-v98{scroll-margin-inline:4px}

/* V102 — information calendrier sans appel au mail. */

.home-page-v98 .home-collection-v98>.home-calendar-note-v102{font-size:13px;line-height:1.5;color:#526b5e;margin:10px 0 0}

/* Contrôle V102 : éviter les colonnes d’actus trop étroites sur tablette. */

@media(min-width:701px) and (max-width:1000px){

 .home-page-v98 #home-news-v98{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}

 .home-page-v98 .home-news-v98.is-featured{grid-row:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:0}

 .home-page-v98 .home-news-v98.is-featured>img{height:auto;aspect-ratio:2}

 .home-page-v98 .home-news-body-v98>h3,.home-page-v98 .home-news-body-v98>p{display:block;overflow:visible}

}

/* V103 — la navigation de l’accueil défile avec la page sur téléphone. */

@media(max-width:700px){

 body.home-page-v98>header.site-header{position:relative;top:auto}

}

/* V104 — le visuel du café prend la place du libellé répété sur téléphone. */

@media(max-width:700px){

 .home-page-v98 .home-cafe-v98{padding:12px 8px;text-decoration:none}

 .home-page-v98 .home-cafe-image-v98{width:min(100%,116px)}

 .home-page-v98 .home-cafe-v98 h3::after{content:'↗';font-size:13px;line-height:1;margin-left:5px;color:#526b5e;white-space:nowrap}

 .home-page-v98 .home-cafe-v98 .home-cafe-city-v98{font-size:12px;line-height:1.4;margin:0}

 .home-page-v98 .home-cafe-v98 .home-cafe-more-v98{display:none}

 .home-page-v98 .home-cafes-grid-v98>.home-cafe-v98:last-child:nth-child(odd){grid-template-rows:1fr auto 1fr}

 .home-page-v98 .home-cafe-v98:last-child:nth-child(odd)>h3{margin-top:0}

}

/* V105 — une présentation distincte pour Première Bande et un repère de défilement. */

.home-page-v98 main>.home-collection-v98{padding:24px;border-radius:14px;background:#123f30;color:#fbf6e7}

.home-page-v98 .home-collection-v98 h2,.home-page-v98 .home-collection-v98 .home-section-head-v98>a,.home-page-v98 .home-collection-v98 .home-collectible-v98>span{color:#fbf6e7}

.home-page-v98 .home-collection-v98>p,.home-page-v98 .home-collection-v98 .home-gallery-tools-v101 .home-gallery-hint-v98{color:#e0e8d7}

.home-page-v98 .home-collection-v98 .home-gallery-hint-v98{font-variant-numeric:tabular-nums}

.home-page-v98 .home-collection-v98 .home-collectible-v98 img{box-shadow:0 5px 16px #0002}

.home-page-v98 .home-collection-v98 #home-cards-v98{scrollbar-color:#b1c2a7 #305a46}

.home-page-v98 .home-collection-v98>.home-calendar-note-v102{color:#e0e8d7;border-top:1px solid #ffffff2b;padding-top:14px;margin-top:14px}

@media(max-width:700px){

 .home-page-v98 main>.home-collection-v98{padding:18px 16px;border-radius:12px}

 .home-page-v98 .home-collection-v98 .home-gallery-tools-v101{margin-bottom:10px}

}

@media(max-width:350px){.home-page-v98 .home-collection-v98 .home-collectible-v98{flex-basis:104px}}

/* V106 — les actus partagent une rangée sur ordinateur, sans grands blocs vides. */

@media(min-width:1001px){

 .home-page-v98 #home-news-v98{grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:auto;align-items:stretch}

 .home-page-v98 .home-news-v98,.home-page-v98 .home-news-v98.is-featured{grid-row:auto;display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden}

 .home-page-v98 .home-news-v98>img{width:100%;height:auto;aspect-ratio:2;object-fit:cover;border-radius:0}

 .home-page-v98 .home-news-v98>.home-news-body-v98{display:flex;flex:1;flex-direction:column;padding:20px}

 .home-page-v98 .home-news-body-v98>h3{display:block;overflow:visible;font-size:19px}

 .home-page-v98 .home-news-v98.is-featured h3{font-size:23px}

 .home-page-v98 .home-news-body-v98>p{display:block;overflow:visible;font-size:14px;line-height:1.55;margin-bottom:12px}

 .home-page-v98 .home-news-more-v98{margin-top:auto;align-self:flex-start;min-height:44px}

}

/* V107 — le menu libère aussi la lecture sur les petits écrans en paysage. */

@media(max-width:1100px) and (max-height:500px){

 body.home-page-v98>header.site-header{position:relative;top:auto}

}

/* V108 — cinq cafés sur une rangée dès que les cinq visuels restent lisibles. */

@media(min-width:600px) and (max-width:700px){

 .home-page-v98 .home-cafes-grid-v98{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}

 .home-page-v98 .home-cafe-v98,

 .home-page-v98 .home-cafes-grid-v98>.home-cafe-v98:last-child:nth-child(odd){grid-column:auto;display:flex;flex-direction:column;align-items:center;padding:12px 6px;text-align:center}

 .home-page-v98 .home-cafe-v98>.home-cafe-image-v98,

 .home-page-v98 .home-cafe-v98:last-child:nth-child(odd)>.home-cafe-image-v98{grid-row:auto;width:min(100%,116px);align-self:center;margin:0 auto 10px}

 .home-page-v98 .home-cafe-v98>h3,

 .home-page-v98 .home-cafe-v98:last-child:nth-child(odd)>h3{display:flex;align-items:center;justify-content:center;align-self:stretch;min-height:35px;font-size:14px;line-height:1.25;margin:0 0 4px;text-decoration:underline;text-underline-offset:3px}

 .home-page-v98 .home-cafe-v98>h3::after{content:none}

 .home-page-v98 .home-cafe-v98 .home-cafe-city-v98{min-height:31px;font-size:11px;line-height:1.4}

}

/* V109 — identité et informations regroupées dans un pied de page compact. */

.home-page-v98>footer.home-footer-v109{display:block;padding:22px 24px}

.home-page-v98 .home-footer-inner-v109{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;max-width:1192px;margin:0 auto}

.home-page-v98 .home-footer-main-v109{display:contents}

.home-page-v98 .home-footer-v109 a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none;line-height:1.4}

.home-page-v98 .home-footer-v109 a:hover{text-decoration:underline}

.home-page-v98 .home-footer-v109 .home-footer-brand-v109{grid-column:1;grid-row:1;max-width:220px;font-size:16px;font-weight:700;line-height:1.3}

.home-page-v98 .home-footer-v109 .home-footer-social-v109{grid-column:3;grid-row:1;justify-content:center;border:1px solid #ffffff55;border-radius:7px;padding:8px 12px;font-size:12px;white-space:nowrap}

.home-page-v98 .home-footer-info-v109{grid-column:2;grid-row:1;display:flex;flex-wrap:wrap;gap:0 18px}

.home-page-v98 .home-footer-info-v109 a{font-size:12px;color:#e0e8d7}

@media(max-width:700px){

 .home-page-v98>footer.home-footer-v109{padding:20px 22px}

 .home-page-v98 .home-footer-inner-v109{display:block}

 .home-page-v98 .home-footer-main-v109{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}

 .home-page-v98 .home-footer-v109 .home-footer-brand-v109,.home-page-v98 .home-footer-v109 .home-footer-social-v109{grid-column:auto;grid-row:auto}

 .home-page-v98 .home-footer-v109 .home-footer-brand-v109{max-width:160px;font-size:15px}

 .home-page-v98 .home-footer-info-v109{border-top:1px solid #ffffff2b;margin-top:12px;padding:8px 54px 0 0;gap:0 8px}

}

@media(min-width:701px){.home-page-v98 .home-footer-v109 .home-footer-social-v109{margin-right:54px}}

@media(max-width:350px){

 .home-page-v98>footer.home-footer-v109{padding-inline:18px}

 .home-page-v98 .home-footer-main-v109{gap:12px}

 .home-page-v98 .home-footer-v109 .home-footer-social-v109{padding-inline:8px;font-size:11px}

 .home-page-v98 .home-footer-info-v109{gap:0 8px}

}

/* V110 — deux actions lisibles et alignées pour participer sur téléphone. */

@media(max-width:700px){

 .home-page-v98 .home-join-actions-v98{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:380px;justify-content:normal;align-items:stretch}

 .home-page-v98 .home-join-actions-v98>a{min-height:48px;padding:10px 8px;font-size:14px;line-height:1.35;text-align:center;border:1px solid #9bae93;border-radius:7px;text-decoration:none}

 .home-page-v98 .home-join-actions-v98>.home-contact-v98{border-color:#123f30}

 .home-page-v98 .home-join-actions-v98>a:not(.home-contact-v98):hover{background:#dce6d1}

}

/* V111 — garder les bannières d’actus entières sur téléphone et tablette. */

@media(max-width:1000px){

 .home-page-v98 .home-news-v98:not(.is-featured)>img{height:auto;aspect-ratio:2;object-fit:contain;align-self:start;background:#f7f2e4;border-radius:4px}

}

@media(min-width:701px) and (max-width:1000px){

 .home-page-v98 .home-news-v98:not(.is-featured)>img{width:110px}

}

@media(max-width:700px){

 .home-page-v98 .home-news-v98:not(.is-featured){grid-template-columns:84px minmax(0,1fr)}

 .home-page-v98 .home-news-v98:not(.is-featured)>img{width:84px}

}

/* V112 — conserver le contour entier de la carte active dans la galerie. */

.home-page-v98 #home-cards-v98{padding:8px 7px 16px}

.home-page-v98 .home-collectible-v98{scroll-margin-inline:8px}

/* V113 — retour en haut dans le pied de page, sans recouvrir les actions. */

.home-page-v98 .home-footer-inner-v109{position:relative}

.home-page-v98 .home-back-top-v113{position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:center;min-width:44px;width:44px;min-height:44px;height:44px;padding:0;margin:0;border:1px solid #c3d0b8;border-radius:50%;background:#fbf6e7;color:#123f30;font:700 20px/1 Arial,sans-serif;cursor:pointer;box-shadow:none}

.home-page-v98 .home-back-top-v113:hover{background:#e9eedf}

.home-page-v98 .home-back-top-v113[hidden]{display:none}

.home-page-v98 .home-back-top-v113:focus-visible{outline:3px solid #ba8b18;outline-offset:3px}

/* V114 — les petites actus gardent une invitation visible à les ouvrir. */

.home-page-v98 #home-news-v98 .home-news-v98 time{font-size:12px;line-height:1.4}

@media(max-width:700px){

 .home-page-v98 .home-news-v98:not(.is-featured) .home-news-more-v98{display:inline-flex;grid-column:1/-1;grid-row:4;align-items:center;justify-self:start;min-height:28px;margin-top:0;font-size:12px}

 .home-page-v98 .home-news-v98.is-featured .home-news-more-v98{font-size:12px}

}

/* V115 — menu plus lisible et cibles de 44 px, sans agrandir l’en-tête mobile. */

@media(max-width:600px){

 body.home-page-v98>header.site-header{padding-top:8px;padding-bottom:6px;row-gap:6px}

 body.home-page-v98>header.site-header .site-brand{display:flex;align-items:center;min-height:44px}

 body.home-page-v98>header.site-header .site-account{min-height:44px;font-size:13px;padding-inline:7px;border:1px solid #d0dac5;border-radius:6px}

 body.home-page-v98>header.site-header #site-navigation{padding-top:4px}

 body.home-page-v98>header.site-header #site-navigation a{min-height:44px;font-size:13px;line-height:1.15;padding-block:6px;white-space:normal;text-wrap:balance}

}

/* V116 — heures, lieux et mois plus faciles à lire sur téléphone. */
@media(max-width:700px){
 .home-page-v98 .home-event-body-v98 .home-event-place-v98{font-size:13px;line-height:1.45}
 .home-page-v98 .home-date-v98 span{font-size:11px;line-height:1.25}
}

/* V117 — le prochain rendez-vous puis deux cartes côte à côte sur tablette. */
@media(min-width:701px) and (max-width:1000px){
 .home-page-v98 #home-events-v98{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-page-v98 #home-events-v98>.home-event-v98:first-child:nth-last-child(3){grid-column:1/-1}
}

/* V118 — le menu sur deux rangées libère la lecture sur tablette. */
@media(min-width:701px) and (max-width:1100px){
 body.home-page-v98>header.site-header{position:relative;top:auto}
}

/* V119 — garder le mot composé entier sur les petits téléphones. */
.home-page-v98 .home-keep-word-v119{white-space:nowrap}
.home-page-v98 #home-title-v98:focus-visible{outline:3px solid #ba8b18;outline-offset:4px}


/* V120 — titre et accès collection sur une rangée ; noms de cartes lisibles. */
.home-page-v98 .home-collectible-v98>span{font-size:13px;line-height:1.35}
@media(max-width:700px){
 .home-page-v98 .home-collection-v98 .home-section-head-v98{flex-wrap:nowrap;align-items:center;gap:10px}
 .home-page-v98 .home-collection-v98 .home-section-head-v98>a{font-size:13px;white-space:nowrap}
}

/* V121 — villes plus lisibles et indication correcte des fiches café internes. */
@media(max-width:700px){
 .home-page-v98 .home-cafe-v98 .home-cafe-city-v98{font-size:13px;line-height:1.45}
}
@media(max-width:599px){
 .home-page-v98 .home-cafe-v98 h3::after{content:'→';font-size:16px;color:#123f30}
}
.home-page-v98 .home-cafe-v98:focus-visible{border-color:#123f30}
.home-page-v98 .home-cafe-v98:focus-visible h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.home-page-v98 .home-cafe-v98:active{border-color:#123f30;background:#e9eedf}


/* V122 — deux puis trois cafés sur les grands téléphones. */
@media(min-width:480px) and (max-width:599px){
 .home-page-v98 .home-cafes-grid-v98{grid-template-columns:repeat(6,minmax(0,1fr))}
 .home-page-v98 .home-cafes-grid-v98>.home-cafe-v98{grid-column:span 2}
 .home-page-v98 .home-cafes-grid-v98>.home-cafe-v98:nth-child(-n+2){grid-column:span 3}
 .home-page-v98 .home-cafes-grid-v98>.home-cafe-v98:last-child:nth-child(odd){grid-column:span 2;display:flex;flex-direction:column;align-items:center;justify-items:normal;gap:0;padding:12px 8px;text-align:center}
 .home-page-v98 .home-cafe-v98:last-child:nth-child(odd)>.home-cafe-image-v98{grid-row:auto;width:min(100%,116px);margin:0 auto 10px;align-self:center}
 .home-page-v98 .home-cafe-v98:last-child:nth-child(odd)>h3{align-self:auto;margin:0 0 4px}
}

/* V123 — aide clavier non visuelle pour la galerie de l’accueil. */
.home-page-v98 .home-sr-only-v123{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}


/* V124 — les titres des petites actus utilisent toute la largeur à 350 px et moins. */
@media(max-width:350px){
 .home-page-v98 .home-news-v98:not(.is-featured)>img{grid-row:1}
 .home-page-v98 .home-news-v98:not(.is-featured) time{align-self:center}
 .home-page-v98 .home-news-v98:not(.is-featured) h3{grid-column:1/-1;grid-row:2;font-size:17px;line-height:1.3;text-wrap:balance}
}

/* V125 — titre d’invitation équilibré et tarif mieux hiérarchisé. */
.home-page-v98 .home-join-v98 h2{text-wrap:balance}
.home-page-v98 .home-join-v98 .home-membership-v98 strong{font-size:15px;white-space:nowrap}


/* 1.32.8 (Rudy) : la pastille de date d'un RDV Intercafés (vert) avait son chiffre en vert très foncé (règle générale des titres de l'accueil) : texte crème, contraste ~6,4:1. */
html body .home-agenda-v98 .home-event-v98[data-rdv-type='intercafes'] .home-date-v98, html body .home-agenda-v98 .home-event-v98[data-rdv-type='intercafes'] .home-date-v98 :is(strong, span) { color: #faf6ec !important; }

/* RDV-Termine 1.0.0 : état uniquement. */
.home-event-v98.rdv-termine-1552{opacity:.66}
.home-event-v98.rdv-termine-1552 .home-date-v98{background:#e5e7e3;color:#435348}
