/* ════════════════════════════════════════════════════════════════
IT'S RUGBY — ORGANISATION PAGE CSS
Template-specific styles for the organisation page
════════════════════════════════════════════════════════════════ */
/* ── Organisation-specific: shortname badge (sibling de .comp-name dans .comp-name-row) ── */
.org-shortname { display:inline-block; font-size:14px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; padding:3px 10px; background:rgba(171,200,162,.15); color:var(--sage); border:1px solid rgba(171,200,162,.3); white-space:nowrap; }
/* ── Organisation-specific: presentation block ── */
.org-pres-block { background:var(--white); border:1px solid var(--border); padding:20px 24px; }
.org-pres-block p { font-size:14px; line-height:1.7; color:var(--ink); margin-bottom:12px; }
.org-pres-block p:last-child { margin-bottom:0; }
.org-president-card { display:flex; align-items:center; gap:16px; padding:16px; background:var(--sage-lt); border:1px solid var(--border); margin-top:16px; }
.org-president-avatar { width:48px; height:48px; background:var(--teal); color:#fff; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:900; flex-shrink:0; }
.org-president-info { flex:1; }
.org-president-name { font-size:13px; font-weight:800; color:var(--ink); }
.org-president-role { font-size:11px; color:var(--muted); margin-top:2px; }
/* ── Organisation-specific: address block (ligue) ── */
.org-address-block { background:var(--white); border:1px solid var(--border); padding:20px 24px; margin-top:16px; }
.org-address-block .tib-title { color:var(--muted); margin-bottom:12px; }
.org-address-block .tib-row { color:var(--ink); border-bottom-color:rgba(0,0,0,.06); }
.org-address-block .tib-label { color:var(--muted); }
.org-address-block a.its-link { color:var(--teal); }
.org-address-block a.its-link:hover { color:var(--teal-dk); text-decoration:underline; }
/* ── Organisation-specific: description paragraphs ── */
.org-desc-text { font-size:13px; line-height:1.7; color:var(--ink); }
.org-desc-text p { margin-bottom:12px; }
.org-desc-text p:last-child { margin-bottom:0; }
/* ── Hero president card (compact, dans le hero teal) ── */
.org-hero-pres { display:flex; align-items:center; gap:12px; padding:10px 14px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); margin-top:24px; }
.org-hero-pres-avatar { width:38px; height:38px; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:var(--vanilla); color:var(--teal-dk); font-size:13px; font-weight:900; }
.org-hero-pres-info { flex:1; min-width:0; }
.org-hero-pres-role { font-size:9px; font-weight:800; letter-spacing:0; text-transform:none; color:rgba(255,255,255,.65); }
.org-hero-pres-name { font-size:13px; font-weight:800; color:#fff; margin-top:2px; }
.org-hero-pres-name a { color:#fff; }
.org-hero-pres-name a:hover { text-decoration:underline; }
/* ── Empty state ── */
.archive-empty { text-align:center; padding:40px; background:#fff; border:1px solid var(--border); color:var(--muted); font-size:13px; }
/* ── Hero social icons ── */
.org-hero-social { display:flex; gap:8px; margin-top:14px; flex-wrap:wrap; }
.org-hero-social-link { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); transition:background .15s,border-color .15s; }
.org-hero-social-link:hover { background:var(--vanilla); border-color:var(--vanilla); }
.org-hero-social-icon { width:16px; height:16px; display:block; background:#fff; mask-size:contain; mask-repeat:no-repeat; mask-position:center; -webkit-mask-size:contain; -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; transition:background .15s; }
.org-hero-social-link:hover .org-hero-social-icon { background:var(--teal-dk); }
.org-hero-social-icon--twitter { mask-image:url("data:image/svg+xml;utf8,"); -webkit-mask-image:url("data:image/svg+xml;utf8,"); }
.org-hero-social-icon--facebook { mask-image:url("data:image/svg+xml;utf8,"); -webkit-mask-image:url("data:image/svg+xml;utf8,"); }
.org-hero-social-icon--instagram { mask-image:url("data:image/svg+xml;utf8,"); -webkit-mask-image:url("data:image/svg+xml;utf8,"); }
.org-hero-social-icon--linkedin { mask-image:url("data:image/svg+xml;utf8,"); -webkit-mask-image:url("data:image/svg+xml;utf8,"); }
.org-hero-social-icon--youtube { mask-image:url("data:image/svg+xml;utf8,"); -webkit-mask-image:url("data:image/svg+xml;utf8,"); }
.org-hero-social-icon--tiktok { mask-image:url("data:image/svg+xml;utf8,"); -webkit-mask-image:url("data:image/svg+xml;utf8,"); }
/* La carte/sidebar/géoloc utilisent l'infra partagée its-tpl-maps (assets/itsrugby-maps.css) */
/* ── Responsive overrides ── */
@media(max-width:1024px){
.stat-kpi-grid { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:768px){
body { overflow-x:hidden; }
.container { padding-left:14px; padding-right:14px; }
.data-table { min-width:480px; font-size:11px; }
.data-table th { padding:8px 10px; font-size:10px; }
.data-table td { padding:8px 10px; }
}
/* ── Demo type switcher ── */
.org-type-switcher { position:fixed; bottom:60px; right:24px; z-index:999; display:flex; gap:4px; }
.org-type-switcher button { font-size:9px; font-weight:800; letter-spacing:0; text-transform:none; padding:6px 12px; cursor:pointer; background:var(--white); color:var(--teal); border:1px solid var(--teal); font-family:var(--sans); }
.org-type-switcher button.active { background:var(--teal); color:#fff; }