.hb-social-panel{margin-top:22px}.hb-social-panel>p{color:#49657a}.hb-social-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.hb-social-link{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:12px;background:#06344c;color:#fff!important;text-decoration:none;font-weight:800;transition:transform .2s,background .2s}.hb-social-link:hover{transform:translateY(-3px);background:#006b85}.hb-social-pending{color:#58738a;font-size:13px}.hb-partner-main{padding-top:24px;padding-bottom:32px}.hb-partner-intro{color:#4e687b}.hb-partner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin:24px 0}.hb-partner-card,.hb-partner-placeholder{border:1px solid #d8e7ef;border-radius:16px;min-height:180px;padding:25px;background:#f5fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;color:#062d44;text-decoration:none}.hb-partner-card img{max-width:170px;max-height:100px;object-fit:contain}.hb-partner-placeholder p{color:#597489;margin:0}
/* V5.6.14 — Réseaux sociaux officiels */
.hb-footer-social{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:18px 16px;background:#092c43}.hb-footer-social a{display:inline-flex;padding:10px 16px;border:1px solid #3b7286;border-radius:24px;color:#fff!important;font-weight:750;text-decoration:none}.hb-footer-social a:hover{background:#13617b}

/* V5.6.15 : réseaux officiels au pied de chaque page */
.footer .hb-footer-social{max-width:980px;margin:0 auto 26px;padding:25px 18px;border-bottom:1px solid rgba(255,255,255,.20);text-align:center}
.footer .hb-footer-social h2{font-size:17px;font-weight:900;letter-spacing:.035em;margin:0 0 9px;color:inherit}
.footer .hb-footer-social p{font-size:13px;line-height:1.55;margin:0 0 19px;opacity:.84;color:inherit}
.footer .hb-footer-social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.footer .hb-social-icon-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(255,255,255,.30);border-radius:12px;padding:11px 18px;text-decoration:none;color:inherit;font-size:13px;font-weight:800;transition:background .2s,transform .2s}
.footer .hb-social-icon-link:hover{background:rgba(255,255,255,.13);transform:translateY(-2px)}
.footer .hb-social-icon-link svg{width:22px;height:22px;flex:none}
@media(max-width:520px){.footer .hb-footer-social-links{gap:8px}.footer .hb-social-icon-link{padding:10px 12px;font-size:12px}}

/* V5.6.17 — tailles garanties des pictogrammes réseaux sociaux */
.footer .hb-social-icon-link svg,.footer .hb-social-icon-link svg[viewBox]{display:block!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;flex:0 0 20px!important;overflow:visible!important}
.footer .hb-social-icon-link{gap:9px!important;padding:9px 13px!important;font-size:12px!important;line-height:1.2!important}
.footer .hb-footer-social-links{gap:9px!important}

/* V5.6.18 — pictogrammes explicites, indépendants du style SVG global */
.footer .hb-social-icon-link .hb-social-logo{display:inline-block!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important;flex:0 0 18px!important;background-position:center!important;background-repeat:no-repeat!important;background-size:18px 18px!important;visibility:visible!important;opacity:1!important}
.footer .hb-social-logo-facebook{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M13.6%2021v-8.2h2.8l.4-3.2h-3.2V7.5c0-.9.3-1.6%201.6-1.6H17V3.1c-.3%200-1.4-.1-2.6-.1-2.6%200-4.3%201.6-4.3%204.5v2.1H7.2v3.2h2.9V21z%22%2F%3E%3C%2Fsvg%3E")!important}
.footer .hb-social-logo-instagram{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%225%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222.2%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222.2%22%2F%3E%3Ccircle%20cx%3D%2217.5%22%20cy%3D%226.5%22%20r%3D%221.3%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E")!important}
.footer .hb-social-logo-whatsapp{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20.6%2011.7a8.6%208.6%200%200%201-12.5%207.7L3%2021l1.7-5.1a8.6%208.6%200%201%201%2015.9-4.2Z%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%208c-.4.5-.6%201.1-.4%201.8.7%202.5%203.5%205.2%205.8%205.8.8.2%201.6%200%202.1-.5l.5-1.1-2.3-1.1-1.1%201c-1.3-.6-2.5-1.8-3.1-3.1l1-1.1L9.3%207.5Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E")!important}

/* HBCHM V5 — cartes partenaires et logos adaptatifs */
.hb-partner-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.hb-partner-card{min-height:194px;padding:20px 14px;gap:12px;background:#fff;border:1px solid #d7e6ed;box-shadow:0 5px 15px rgba(4,42,62,.045)}
.hb-partner-card strong{font-size:13px;line-height:1.4;letter-spacing:.015em;overflow-wrap:anywhere}
.hb-partner-logo-frame{width:100%;height:102px;display:flex;align-items:center;justify-content:center;position:relative}
.hb-partner-logo-frame img{display:none;max-width:100%;max-height:96px;width:auto;height:auto;object-fit:contain}
.hb-partner-logo-frame img.hb-logo-loaded{display:block}
.hb-partner-monogram{width:80px;height:80px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#e7f4f7;border:1px solid #cce6ec;color:#067c92;font-weight:900;font-size:26px;letter-spacing:.02em}
.hb-partner-monogram[hidden]{display:none!important}
@media(max-width:600px){.hb-partner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hb-partner-card{min-height:160px;padding:12px 8px}.hb-partner-logo-frame{height:86px}.hb-partner-monogram{width:66px;height:66px;font-size:21px}.hb-partner-card strong{font-size:11px}}

/* V5.2 — sources officielles des partenaires (liens optionnels) */
.hb-partner-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-top:2px}
.hb-partner-links a{font-size:11px;line-height:1.2;font-weight:700;color:#006a82!important;background:#e9f7fa;border:1px solid #cce8ef;padding:6px 9px;border-radius:99px;text-decoration:none}
.hb-partner-links a:hover,.hb-partner-links a:focus-visible{background:#cceff5;text-decoration:underline}
@media(max-width:600px){.hb-partner-links a{font-size:10px;padding:5px 7px}.hb-partner-card{min-height:176px}}

/* HBCHM V5.2 — carte partenaire cliquable + liseré bleu au survol */
/* Même liseré cyan et même ombre que les cartes « La vie du club » du site V5. */
.hb-partner-card{position:relative;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.hb-partner-card:not(.hb-partner-card--opened):hover,
.hb-partner-card:not(.hb-partner-card--opened):focus-within{border-color:#00c7df;box-shadow:0 18px 36px #07334e27;transform:translateY(-6px)}
/* Un clic ouvre le partenaire et éteint immédiatement le liseré, même si la souris reste sur la carte. */
.hb-partner-card.hb-partner-card--opened{border-color:#d7e6ed;box-shadow:0 5px 15px rgba(4,42,62,.045);transform:none;transition:none}
.hb-partner-card--linked{cursor:pointer}
.hb-partner-card-link{position:absolute;inset:0;z-index:1;border-radius:inherit}
.hb-partner-card-link:focus-visible{outline:3px solid #005cbb;outline-offset:3px}
.hb-partner-card .hb-partner-links{position:relative;z-index:2}
.hb-partner-card .hb-partner-links a:focus-visible{outline:2px solid #005cbb;outline-offset:2px}
.hb-partner-visit{font-size:11px;font-weight:800;line-height:1.2;color:#076caa;pointer-events:none}
@media(prefers-reduced-motion:reduce){.hb-partner-card{transition:none}.hb-partner-card:not(.hb-partner-card--opened):hover,.hb-partner-card:not(.hb-partner-card--opened):focus-within{transform:none}}

/* 2026-10-10 : chargement fiable, image visible même si les classes JS sont absentes */
.hb-partner-logo-frame img{display:block;max-width:100%;max-height:96px;object-fit:contain;}
.hb-partner-logo-frame img.hb-logo-loaded{display:block;}
.hb-partner-card--opened:hover,.hb-partner-card--opened:focus-within{border-color:#d7e6ed!important;box-shadow:0 5px 15px rgba(4,42,62,.045)!important;transform:none!important;}

/* Logo authentique uniquement : pas de faux logo ni d'initiales dessinées */
.hb-partner-card--no-logo .hb-partner-logo-frame{display:none!important}
.hb-partner-card--no-logo{justify-content:center}
.hb-partner-card .hb-partner-logo-frame img{display:block!important;max-width:100%;max-height:96px;object-fit:contain}
.hb-partner-card .hb-partner-logo-frame{overflow:hidden}

/* Fond sombre uniquement pour rendre lisibles les logos originaux blancs/transparents.
   Les fichiers image ne sont pas modifiés. */
.hb-partner-logo-frame--dark{background:#1d263a;border-radius:10px;padding:8px;box-sizing:border-box}
.hb-partner-logo-frame--dark img{max-height:86px!important;max-width:100%!important}

/* HBCHM V5.2 - liens partenaires visibles avec icônes Facebook / Instagram / Site */
.hb-partner-links{width:100%;gap:7px;position:relative;z-index:3;margin-top:auto}
.hb-partner-links .hb-partner-social-link{display:inline-flex;align-items:center;gap:6px;border-radius:9px;color:#fff!important;font-size:11px;font-weight:800;line-height:1.1;padding:7px 9px;background:#09617b;border:1px solid #09617b;text-decoration:none;min-height:32px;box-sizing:border-box}
.hb-partner-links .hb-partner-social-link--facebook{background:#1877f2;border-color:#1877f2}
.hb-partner-links .hb-partner-social-link--instagram{background:#a02c81;border-color:#a02c81}
.hb-partner-links .hb-partner-social-link:hover,.hb-partner-links .hb-partner-social-link:focus-visible{filter:brightness(.88);color:#fff!important;text-decoration:none;transform:translateY(-1px)}
.hb-partner-social-icon{display:inline-block;flex:none;width:17px;height:17px;background-size:17px 17px;background-repeat:no-repeat;background-position:center}
.hb-partner-social-icon--facebook{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M13.6%2021v-8.2h2.8l.4-3.2h-3.2V7.5c0-.9.3-1.6%201.6-1.6H17V3.1c-.3%200-1.4-.1-2.6-.1-2.6%200-4.3%201.6-4.3%204.5v2.1H7.2v3.2h2.9V21z%22%2F%3E%3C%2Fsvg%3E")}
.hb-partner-social-icon--instagram{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%225%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222.3%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222.3%22%2F%3E%3Ccircle%20cx%3D%2217.5%22%20cy%3D%226.5%22%20r%3D%221.4%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E")}
.hb-partner-social-icon--site{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%2012h18M12%203c-5%205-5%2013%200%2018M12%203c5%205%205%2013%200%2018%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.6%22%2F%3E%3C%2Fsvg%3E")}
@media(max-width:600px){.hb-partner-links .hb-partner-social-link{font-size:10px;padding:6px 7px;gap:4px}.hb-partner-social-icon{width:15px;height:15px;background-size:15px 15px}}
/* Les trois pictogrammes officiels du club restent visibles sur toutes les pages
   qui utilisent assets/reseaux-partenaires.css et la classe hb-footer-social. */
.footer .hb-social-icon-link .hb-social-logo{display:inline-block!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;flex:0 0 20px!important;background-position:center!important;background-size:20px 20px!important;background-repeat:no-repeat!important}
.footer .hb-social-logo-facebook{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M13.6%2021v-8.2h2.8l.4-3.2h-3.2V7.5c0-.9.3-1.6%201.6-1.6H17V3.1c-.3%200-1.4-.1-2.6-.1-2.6%200-4.3%201.6-4.3%204.5v2.1H7.2v3.2h2.9V21z%22%2F%3E%3C%2Fsvg%3E")!important}
.footer .hb-social-logo-instagram{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%225%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222.3%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222.3%22%2F%3E%3Ccircle%20cx%3D%2217.5%22%20cy%3D%226.5%22%20r%3D%221.4%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E")!important}
.footer .hb-social-logo-whatsapp{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20.6%2011.7a8.6%208.6%200%200%201-12.5%207.7L3%2021l1.7-5.1a8.6%208.6%200%201%201%2015.9-4.2Z%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%208c-.4.5-.6%201.1-.4%201.8.7%202.5%203.5%205.2%205.8%205.8.8.2%201.6%200%202.1-.5l.5-1.1-2.3-1.1-1.1%201c-1.3-.6-2.5-1.8-3.1-3.1l1-1.1L9.3%207.5Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E")!important}
.footer .hb-social-icon-link{display:inline-flex!important;align-items:center!important;gap:8px!important}

/* 2026-10-10 : uniquement les icônes fournies, sans texte sur les liens */
.hb-partner-links .hb-partner-social-link{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
 padding:2px!important;gap:0!important;border:0!important;border-radius:10px!important;
 background:transparent!important;line-height:1!important;box-sizing:border-box!important;
 overflow:hidden!important;transition:transform .2s ease,filter .2s ease;
}
.hb-partner-links .hb-partner-social-img{display:block!important;width:34px!important;height:34px!important;object-fit:contain!important;max-width:34px!important;max-height:34px!important;}
.hb-partner-links .hb-partner-social-link--site{background:#09617b!important;border-radius:9px!important}
.hb-partner-links .hb-partner-social-link--site .hb-partner-social-icon{width:23px!important;height:23px!important;background-size:23px 23px!important}
.hb-partner-links .hb-partner-social-link:hover{filter:brightness(.95)!important;transform:translateY(-2px)!important}
.hb-partner-links .hb-partner-social-link:focus-visible,.footer .hb-social-icon-link:focus-visible{outline:3px solid #00c7df!important;outline-offset:3px!important}
/* Icônes seules aussi dans les autres pieds de page utilisant cette feuille CSS. */
.footer .hb-footer-social-links{gap:12px!important}
.footer .hb-social-icon-link{
 width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;
 padding:4px!important;border:0!important;background:transparent!important;
 border-radius:11px!important;gap:0!important;display:inline-flex!important;
 align-items:center!important;justify-content:center!important;box-sizing:border-box!important;
}
.footer .hb-social-icon-link>span:not(.hb-social-logo){display:none!important}
.footer .hb-social-icon-link .hb-social-logo{
 width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
 max-width:40px!important;max-height:40px!important;flex:0 0 40px!important;
 background-size:40px 40px!important;background-position:center!important;
 background-repeat:no-repeat!important;
}
.footer .hb-social-logo-facebook{background-image:url('reseaux/facebook.png')!important}
.footer .hb-social-logo-instagram{background-image:url('reseaux/instagram.png')!important}
.footer .hb-social-logo-whatsapp{background-image:url('reseaux/whatsapp.png')!important}
.footer .hb-social-icon-link:hover{background:rgba(255,255,255,.09)!important;transform:translateY(-2px)!important}
@media(max-width:600px){.hb-partner-links .hb-partner-social-link{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}.hb-partner-links .hb-partner-social-img{width:31px!important;height:31px!important}}


/* V6.5.12 — Cartouches propres pour les logos partenaires en mode sombre mobile */
@media (max-width:820px) and (prefers-color-scheme: dark){
  .hb-partner-card .hb-partner-logo-frame{
    background:#ffffff!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:14px!important;
    padding:10px!important;
    box-shadow:0 6px 18px rgba(0,0,0,.22)!important;
  }
  .hb-partner-card .hb-partner-logo-frame img{
    background:transparent!important;
    mix-blend-mode:normal!important;
  }
}
