/* CCAR - Adhésion HelloAsso + fédérations, ajout par-dessus les feuilles existantes. */
html {scroll-padding-top:24px}
/* Deux colonnes : présentation de Cluny à gauche, adhésion/partenaires/juges à droite. */
.event-content {grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);align-items:start;gap:clamp(22px,3vw,46px)}
.event-info--2027 {min-width:0}
.event-side {display:grid;gap:17px;min-width:0;padding-top:104px}
.event-offers {display:grid;grid-template-columns:minmax(0,1.75fr) minmax(156px,.85fr);gap:12px;align-items:stretch}
.membership-panel,.federation-panel {background:rgba(255,253,249,.97);border:1px solid #ead7c1;border-radius:12px;box-shadow:0 13px 34px rgba(88,51,23,.11)}
.membership-panel {scroll-margin-top:25px;padding:20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,42%);gap:12px;align-items:center}
.membership-copy {min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.membership-kicker {font:700 10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.12em;color:#ae4928;margin:0 0 10px;display:flex;align-items:center;gap:7px}
.membership-kicker span {display:inline-grid;place-items:center;font-size:18px;background:#f7e5d0;width:31px;height:31px;border-radius:50%;line-height:1}
.membership-panel h3 {font:500 clamp(21px,2.05vw,29px)/1.14 Georgia,'Times New Roman',serif;letter-spacing:-.025em;color:#27362e;margin:0 0 12px}
.membership-panel h3 em {color:#a8462a;font-weight:400}
.membership-copy>p:not(.membership-kicker) {font:13px/1.6 Arial,Helvetica,sans-serif;color:#60554b;margin:0 0 16px}
.membership-button {background:#ad4326;color:white;text-decoration:none;font:700 12px/1.2 Arial,Helvetica,sans-serif;border-radius:5px;padding:14px 15px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-align:center}
.membership-button:hover,.membership-button:focus-visible {background:#8c321a}
.membership-note {margin-top:10px;color:#70665b;font:11px/1.4 Arial,Helvetica,sans-serif}
.membership-qr {display:block;justify-self:center;max-width:100%;border:7px solid #fff;border-radius:8px;background:#fff;box-shadow:0 0 0 1px #e6d5c5;line-height:0}
.membership-qr img {width:100%;height:auto;aspect-ratio:1;object-fit:contain;image-rendering:auto}
.federation-panel {padding:18px 12px;text-align:center;min-width:0}
.federation-panel h3 {font:700 12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.02em;color:#a3492c;margin:0 0 9px}
.federation-logos {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;min-height:190px}
.federation-logo-fife {width:min(100%,81px);height:auto;object-fit:contain}
.federation-logo-fff {width:min(100%,155px);height:auto;object-fit:contain}
.event-side .judges-panel {margin:0;max-width:none;align-self:auto}
.event-side .judge-entry {min-width:0}
.event-side .judge-entry strong {overflow-wrap:anywhere}
/* Ajustement harmonieux dans les tailles intermédiaires. */
@media(max-width:1260px){
  .event-content {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
  .event-side {padding-top:112px}
  .event-offers {grid-template-columns:minmax(0,1fr)}
  .membership-panel {grid-template-columns:minmax(0,1fr) minmax(115px,38%)}
  .federation-logos {flex-direction:row;min-height:0;gap:24px}
  .federation-logo-fife {width:55px}
  .federation-logo-fff {width:150px}
  .federation-panel {padding:14px}
}
@media(max-width:1150px){
  .event-content {grid-template-columns:1fr}
  .event-side {padding-top:0}
  .event-offers {grid-template-columns:minmax(0,1.65fr) minmax(180px,.75fr)}
  .federation-logos {flex-direction:column;min-height:190px;gap:12px}
  .federation-logo-fife {width:75px}
  .federation-logo-fff {width:145px}
}
@media(max-width:680px){
  .event-side {gap:14px}
  .event-offers {grid-template-columns:1fr}
  .membership-panel {padding:18px;grid-template-columns:minmax(0,1fr) minmax(118px,42%);gap:14px}
  .membership-panel h3 {font-size:24px}
  .membership-copy>p:not(.membership-kicker) {font-size:12px}
  .membership-button {font-size:11px;padding:12px 9px}
  .federation-logos {min-height:0;flex-direction:row;gap:24px}
  .federation-logo-fife {width:57px}
  .federation-logo-fff {width:155px}
  .federation-panel h3 {margin-bottom:12px}
}
@media(max-width:380px){
  .membership-panel {grid-template-columns:1fr}
  .membership-qr {width:175px}
}
