/* ============================================================================ SPONSOR — habillage additif (dos de cartes + tapis). RÉGIE MULTI-SPONSORS. PUREMENT COSMÉTIQUE : n'agit QUE si est posé par sponsor.js. Aucune position existante n'est modifiée (talon, zones, layout intacts). Médaillon + baseline = overlays z-index:0 injectés DANS #table. ============================================================================ */ :root{ --spb-color: #0f3d2a; /* couleur de fond du dos de carte */ --spb-logo: none; /* favicon affiché sur le dos (logo sponsor OU « ici ») */ --spb-logo-size: 58%; /* taille du favicon sur le dos */ } /* ── Dos des cartes (adversaires, distribution) + talon ────────────────────── */ body[data-sponsor] .card.back, body[data-sponsor] .deck-back{ background-color: var(--spb-color) !important; background-image: var(--spb-logo) !important; background-repeat: no-repeat !important; background-position: center !important; background-size: var(--spb-logo-size) auto !important; border: 1.5px solid #f2dfc0 !important; } /* ── Médaillon (grande image au centre, DANS #table, derrière les cartes) ──── */ #sponsor-medallion{ position: absolute; top: 42%; left: 50%; transform: translate(-50%,-50%); z-index: 0; pointer-events: none; width: 190px; height: 190px; display: flex; align-items: center; justify-content: center; text-align: center; } #sponsor-medallion .ring{ width: 100%; height: 100%; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; } #sponsor-medallion img{ max-width: 82%; max-height: 82%; opacity: .60; } #sponsor-medallion .ph{ line-height: 1.25; } /* ── Baseline JUSTE SOUS le médaillon (overlay, DANS #table) ────────────────── */ #sponsor-baseline{ position: absolute; top: 42%; left: 50%; transform: translate(-50%, 108px); z-index: 0; pointer-events: none; white-space: nowrap; letter-spacing: 2px; font-size: 13px; text-align: center; } /* ── Variante SPONSOR (image réelle) ───────────────────────────────────────── */ body[data-sponsor="on"] #sponsor-medallion .ring{ border: 3px solid rgba(255,240,200,0.22); } body[data-sponsor="on"] #sponsor-medallion .ph{ color: rgba(255,244,214,0.30); font-size: 30px; font-weight: 600; letter-spacing: 3px; } body[data-sponsor="on"] #sponsor-baseline{ color: rgba(255,244,214,0.55); } /* ── Variante MAISON (fallback « ici / votre logo ici ») ───────────────────── */ body[data-sponsor="house"] #sponsor-medallion .ring{ border: 2px dashed rgba(244,217,122,0.70); } body[data-sponsor="house"] #sponsor-medallion .ph{ color: rgba(244,217,122,0.90); font-size: 15px; font-weight: 600; letter-spacing: 1px; } body[data-sponsor="house"] #sponsor-baseline{ color: rgba(244,217,122,0.85); }