/*
 * Responsive CPBBW
 * Mobile  : 0–639 px
 * Tablette: 640–1023 px
 * Desktop : 1024 px et plus
 */

@media (max-width: 639px) {
  .container { width: calc(100% - 28px); }
  #header { padding: 14px; }
  .cp-header-brand { display: block; }
  #logo { display: block; width: min(100%, 230px); margin: 0 auto 16px; }
  .cp-header-copy { padding: 0 4px 6px; text-align: center; }
  .cp-header-copy .cp-header-title { font-size: clamp(27px, 9vw, 38px); }
  .cp-header-copy > p:last-of-type { font-size: 15px; }
  #mainnav { display: none !important; }
  #cp-mobile-nav { display: block; }
  .cp-breadcrumb { width: calc(100% - 28px); padding-inline: 0; }
  .cp-breadcrumb ol { font-size: 12px; }
  .cp-home,.cp-generic-page,.cp-clubs-page,.cp-committee-page,.cp-documents-page,.cp-competition-page,.cp-commission-page,.cp-secretariat-page,.cp-federation-page,.cp-library-page,.cp-single-page,.cp-archives-page { gap: 20px; }
  .cp-quick { grid-template-columns: 1fr 1fr; gap: 10px; }
  .cp-quick__item { min-height: 72px; padding: 11px; }
  .cp-inner-hero { min-height: 0; padding: 28px 22px; }
  .cp-inner-hero h1 { font-size: clamp(28px, 9vw, 39px); }
  .cp-inner-hero__mark { display: none; }
  .cp-content-card--full,.cp-team-block,.cp-resource-block,.cp-instance-resources,.cp-rules,.cp-certificates,.cp-documents,.cp-archives-library,.cp-competition-panel,.cp-commission-landing,.cp-commission-content,.cp-inner-partners { padding: 22px 18px; }
  .cp-section-heading,.cp-documents__heading,.cp-archives-library__head,.cp-certificates__head,.cp-inner-partners__heading { display: block; }
  .cp-section-heading > p,.cp-documents__heading > p,.cp-archives-library__head > p,.cp-inner-partners__heading > p { margin-top: 10px; }
  .cp-people-grid,.cp-commission-grid,.cp-resource-grid,.cp-info-tiles,.cp-national-links,.cp-rules-grid,.cp-certificate-grid,.cp-action-grid,.cp-deadline-grid,.cp-documents__grid,.cp-club-summary,.cp-club-contacts,.cp-inner-partners__row--sponsors,.cp-inner-partners__row--federations { grid-template-columns: 1fr; }
  .cp-responsibility-list,.cp-external-grid { grid-template-columns: 1fr; }
  .cp-responsibility-list > div { grid-template-columns: 1fr; gap: 4px; }
  .cp-person-card__photo { height: 270px; }
  .cp-instance-card,.cp-secretary-card { display: block; min-height: 0; }
  .cp-instance-card__logo { height: 180px; padding: 22px; }
  .cp-instance-card__logo img { max-height: 140px; }
  .cp-instance-card > div:nth-child(2),.cp-secretary-card__content { padding: 26px 22px; }
  .cp-secretary-card__photo { height: 280px; min-height: 0; }
  .cp-secretary-card__photo img { object-fit: contain; }
  .cp-palmares-grid { grid-template-columns: 1fr 1fr; }
  .cp-club-profile { padding: 12px; }
  .cp-club-profile__header { display: block; padding: 23px 19px; }
  .cp-club-profile__actions { margin-top: 18px; }
  .cp-club-card { padding: 20px 16px; }
  .cp-club-card dl > div { grid-template-columns: 105px 1fr; }
  .cp-club-stats { grid-template-columns: 1fr 1fr; }
  .cp-table-scroll table,.cp-content-card .entry table,.cp-legacy-modern table { min-width: 560px; }
  .cp-podium-filters { grid-template-columns: 1fr; }
  .cp-podium-filters button { width: 100%; }
  .cp-podium-content .wp-block-gallery,.cp-commission-content .wp-block-gallery { grid-template-columns: 1fr !important; }
  .cp-podium-content .wp-block-image img,.cp-commission-content .wp-block-gallery img { height: auto !important; }
  .cp-document-card__preview { height: 340px; margin-inline: 10px; }
  .cp-document-card > footer,.cp-modern-article__footer { align-items: stretch; flex-direction: column; }
  .cp-document-card > footer a { text-align: center; }
  .cp-modern-article__content { padding: 28px 20px; }
  .cp-archive-years details > div { grid-template-columns: 1fr; }
  .cp-alert,.cp-alert-card,.cp-encoding-cta { display: block; }
  .fooot { width: calc(100% - 20px); grid-template-columns: 1fr; gap: 22px; margin-top: 20px; padding: 28px 20px 18px; }
  .fooot .cp-footer__intro { padding-right: 0; padding-bottom: 22px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.13); }
  .fooot .cp-footer__contacts { grid-template-columns: 1fr; }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .container { width: calc(100% - 48px); max-width: 920px; }
  #header { padding: 20px; }
  .cp-header-brand { grid-template-columns: minmax(210px, 34%) 1fr; }
  .cp-header-copy .cp-header-title { font-size: clamp(32px, 5vw, 48px); }
  #mainnav { display: none !important; }
  #cp-mobile-nav { display: block; }
  .cp-home,.cp-generic-page,.cp-clubs-page,.cp-committee-page,.cp-documents-page,.cp-competition-page,.cp-commission-page,.cp-secretariat-page,.cp-federation-page,.cp-library-page,.cp-single-page,.cp-archives-page { gap: 26px; }
  .cp-quick { grid-template-columns: repeat(2,1fr); }
  .cp-inner-hero { padding: 34px 30px; }
  .cp-inner-hero__mark { font-size: 72px; }
  .cp-content-card--full,.cp-team-block,.cp-resource-block,.cp-instance-resources,.cp-rules,.cp-certificates,.cp-documents,.cp-archives-library,.cp-competition-panel,.cp-commission-landing,.cp-commission-content,.cp-inner-partners { padding: 28px 26px; }
  .cp-people-grid,.cp-commission-grid,.cp-rules-grid,.cp-certificate-grid { grid-template-columns: repeat(2,1fr); }
  .cp-club-contacts { grid-template-columns: repeat(2,1fr); }
  .cp-resource-grid,.cp-info-tiles,.cp-documents__grid,.cp-club-summary { grid-template-columns: repeat(2,1fr); }
  .cp-responsibility-list,.cp-external-grid { grid-template-columns: 1fr; }
  .cp-instance-card { grid-template-columns: 190px 1fr; }
  .cp-secretary-card { grid-template-columns: 190px 1fr; }
  .cp-palmares-grid { grid-template-columns: repeat(3,1fr); }
  .cp-podium-content .wp-block-gallery,.cp-commission-content .wp-block-gallery { grid-template-columns: repeat(2,1fr) !important; }
  .cp-archive-years details > div { grid-template-columns: repeat(2,1fr); }
  .fooot { grid-template-columns: 1fr; }
  .fooot .cp-footer__intro { padding-right: 0; padding-bottom: 22px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.13); }
}

@media (min-width: 1024px) {
  #mainnav { display: block; }
  #cp-mobile-nav { display: none !important; }
  .cp-quick { grid-template-columns: repeat(4,1fr); }
  .cp-people-grid,.cp-commission-grid { grid-template-columns: repeat(3,1fr); }
  .cp-rules-grid,.cp-certificate-grid { grid-template-columns: repeat(3,1fr); }
  .cp-resource-grid,.cp-info-tiles,.cp-documents__grid,.cp-club-summary { grid-template-columns: repeat(2,1fr); }
  .cp-club-contacts { grid-template-columns: repeat(3,1fr); }
}