/* ======================================== EXPERT EUROPE - CSS PERSONNALISÉ Version optimisée avec hovers cohérents ======================================== *//* === VOS STYLES ORIGINAUX === */.widget-slider-static { margin-top: -46px;}.bg-bleu-europe { background-color: #1a4ba7;}#profile-content-languages,#id_button_google { display: none;}/* Masquage likes */#like-icon { display: none;}/* === HOVERS CARTES CONFÉRENCES & STAKEHOLDERS === *//* UNIQUEMENT pour la grille speakers (cartes multiples cliquables) */.speaker-card { transition: transform 0.3s ease, box-shadow 0.3s ease;}.speaker-card:hover { transform: translateY(-5px) !important; box-shadow: 0 12px 30px rgba(0, 61, 122, 0.18) !important;}/* .host-card = carte statique unique → PAS de hover sur la carte globale */.host-card { transition: none;}/* === LOGOS === */.logo-link { display: inline-block; transition: transform 0.3s ease, opacity 0.3s ease;}.logo-link:hover { transform: scale(1.1); opacity: 0.8;}/* Hover pour logos dans les cartes (EPP, partis nationaux, etc.) */.host-card img[alt*="logo"],.speaker-card img[alt*="logo"] { transition: transform 0.2s ease, opacity 0.2s ease;}.host-card a:hover img[alt*="logo"],.speaker-card a:hover img[alt*="logo"] { transform: scale(1.05); opacity: 0.85;}/* === BADGES COMMISSIONS & DÉLÉGATIONS === *//* Hover badges commissions (bleu) */.host-card a[href*="/committees/"],.speaker-card a[href*="/committees/"],.flip-card a[href*="/committees/"],.flip-card-back a[href*="/committees/"] { transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;}.host-card a[href*="/committees/"]:hover,.speaker-card a[href*="/committees/"]:hover,.flip-card a[href*="/committees/"]:hover,.flip-card-back a[href*="/committees/"]:hover { background: #d1e7fb !important; border-color: #b3d9f5 !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(20, 67, 121, 0.2) !important;}/* Hover badges délégations (vert) */.host-card a[href*="/delegations/"],.speaker-card a[href*="/delegations/"],.flip-card a[href*="/delegations/"],.flip-card-back a[href*="/delegations/"] { transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;}.host-card a[href*="/delegations/"]:hover,.speaker-card a[href*="/delegations/"]:hover,.flip-card a[href*="/delegations/"]:hover,.flip-card-back a[href*="/delegations/"]:hover { background: #dcfce7 !important; border-color: #a7f3d0 !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(22, 101, 52, 0.2) !important;}/* Hover badges SUBSTITUTE (couleurs inversées) */.host-card a[href*="/committees/"][style*="background:#f9fafb"]:hover,.speaker-card a[href*="/committees/"][style*="background:#f9fafb"]:hover,.flip-card-back a[href*="/committees/"][style*="background:#f9fafb"]:hover { background: #f3f4f6 !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(20, 67, 121, 0.15) !important;}.host-card a[href*="/delegations/"][style*="background:#f9fafb"]:hover,.speaker-card a[href*="/delegations/"][style*="background:#f9fafb"]:hover,.flip-card-back a[href*="/delegations/"][style*="background:#f9fafb"]:hover { background: #f3f4f6 !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(22, 101, 52, 0.15) !important;}/* === ICÔNES RÉSEAUX SOCIAUX === */.social-icon { display: inline-flex; transition: transform 0.3s ease, box-shadow 0.3s ease;}.social-icon:hover { transform: scale(1.15); box-shadow: 0 0 0 2px rgba(0, 61, 122, 0.15);}/* === LIENS STANDARD === */a { transition: color 0.2s ease, opacity 0.2s ease;}/* Exception drapeaux */a.country-flag,a.country-flag:hover { opacity: 1 !important;}a:hover { opacity: 0.7;}/* Exception : liens dans badges */a[href*="/committees/"]:hover,a[href*="/delegations/"]:hover { opacity: 1 !important;}/* === TOOLTIPS DRAPEAUX === */.country-flag { position: relative; display: inline-block !important; cursor: pointer; line-height: 0 !important; vertical-align: middle !important;}.country-flag .tooltip { visibility: hidden; background-color: #144379; color: #fff; text-align: center; padding: 4px 8px; border-radius: 4px; position: absolute; z-index: 100; top: -32px; left: 50%; transform: translateX(-50%); white-space: nowrap; opacity: 0; transition: opacity 0.2s ease; font-size: 10px; font-weight: 600; pointer-events: none !important;}.country-flag:hover .tooltip { visibility: visible; opacity: 1;}/* Image drapeau sans espace */.country-flag img { display: block !important; margin: 0 !important; padding: 0 !important;}/* Container drapeaux sans espace extra */.flip-card-front > div:has(.country-flag),div[style*="display:flex"][style*="gap:4px"]:has(.country-flag) { line-height: 1 !important; padding: 0 !important;}/* === TOOLTIPS MEPs - COMMISSIONS === */.mep-tooltip { position: relative; display: inline-block; margin-left: 4px;}.mep-tooltip .tooltiptext { visibility: hidden; width: 90vw; max-width: 340px; background-color: #144379; color: #fff; text-align: left; border-radius: 8px; padding: 12px 15px; position: fixed; z-index: 999; opacity: 0; transition: opacity 0.3s; font-size: 12px; line-height: 1.6; box-shadow: 0 6px 20px rgba(20,67,121,0.4); left: 5vw; right: 5vw; bottom: auto; top: auto; transform: none;}/* Desktop: positionnement au-dessus de l'icône */@media (min-width: 768px) { .mep-tooltip .tooltiptext { position: absolute; width: 340px; left: auto; right: auto; bottom: 125%; left: 50%; transform: translateX(-50%); } .mep-tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #144379 transparent transparent transparent; }}/* Mobile: centré en haut de l'écran */@media (max-width: 767px) { .mep-tooltip .tooltiptext { top: 20%; left: 5vw; right: 5vw; width: auto; }}/* Affichage au hover (desktop) et focus (mobile) */.mep-tooltip:hover .tooltiptext,.mep-tooltip:focus-within .tooltiptext { visibility: visible; opacity: 1;}/* Style des titres dans le tooltip MEPs */.mep-tooltip .tooltiptext strong { font-weight: 700; color: #ffd699; margin-bottom: 4px; display: inline-block;}/* === OPTIMISATIONS SEO === *//* Performance animations */.speaker-card,.logo-link,.social-icon,.mep-tooltip { will-change: transform;}/* Optimisation conteneur richedit */.richedit_wrap { contain: layout style paint;}/* Accessibilité focus */.logo-link:focus,.social-icon:focus,.country-flag:focus,.mep-tooltip:focus { outline: 2px solid #1a4ba7; outline-offset: 2px;}/* Badges focus (accessibilité clavier) */a[href*="/committees/"]:focus,a[href*="/delegations/"]:focus { outline: 2px solid #144379; outline-offset: 2px;}/* Optimisation performances - désactivation animations */@media (prefers-reduced-motion: reduce) { .speaker-card, .logo-link, .social-icon, .country-flag .tooltip, .mep-tooltip .tooltiptext, a[href*="/committees/"], a[href*="/delegations/"] { transition-duration: 0.01ms !important; }}/* ======================================== FLIP-CARDS SYSTEM ======================================== */.flip-card { perspective: 1000px; background: transparent; min-height: 260px !important; /* ❌ SUPPRIMÉ: transition hover carte globale */}/* ❌ SUPPRIMÉ: .flip-card:hover qui bouge toute la carte *//* FIX LARGEUR CARTES: Force word-wrap pour tous les <p> dans flip-card-front */.flip-card-front p { word-wrap: break-word !important; overflow-wrap: break-word !important; hyphens: auto !important; max-width: 100% !important;}.flip-card-inner { position: relative; width: 100%; height: 100%; transition: transform 0.8s; transform-style: preserve-3d;}/* CHECKBOX CACHÉ */.flip-checkbox { display: none !important; position: absolute !important; opacity: 0 !important; pointer-events: none !important; width: 0 !important; height: 0 !important;}/* Rotation quand coché */.flip-checkbox:checked ~ .flip-card-inner { transform: rotateY(180deg);}/* Faces avant et arrière */.flip-card-front,.flip-card-back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; backface-visibility: hidden; border-radius: 12px; padding: 15px 12px !important; text-align: center; box-sizing: border-box; min-height: 260px !important;}.flip-card-front { background: #ffffff; border: 2px solid #e8dfd4; box-shadow: 0 4px 15px rgba(20, 67, 121, 0.10);}/* Style VIP/Special guests */.flip-card-front.vip { background: linear-gradient(135deg, #fff9e6 0%, #fffbf0 100%); border: 3px solid #d4af37; box-shadow: 0 6px 20px rgba(212, 175, 55, 0.25);}.flip-card-back { background: linear-gradient(135deg, #fef3e2 0%, #faf8f5 100%); border: 2px solid #144379; transform: rotateY(180deg); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 20px !important; overflow: hidden;}/* Marges face avant */.flip-card-front > div:first-of-type,.flip-card-front div[style*="margin-top"]:not(.flip-card-front.vip div) { margin-top: 8px !important;}.flip-card-front > div:has(.country-flag),.flip-card-front div[style*="display:flex"][style*="gap:4px"] { margin-bottom: 4px !important;}.flip-card-front > p:nth-of-type(2) { margin: 0 0 4px 0 !important; font-size: 12px !important;}.flip-card-front > div:has(.logo-link) { margin-bottom: 8px !important;}.flip-card-front > div:last-of-type { margin-top: 8px !important; padding: 0 8px !important;}/* Badge et photo VIP */.flip-card-front.vip > div:first-child,.flip-card-front[style*="gradient"] > div[style*="Special guest"],.flip-card-front[style*="gradient"] > div[style*="SPECIAL GUEST"] { top: 5px !important;}.flip-card-front.vip > div:has(img),.flip-card-front[style*="gradient"] > div[style*="margin-top"]:has(img) { margin-top: 28px !important;}/* Contenu bio avec scroll */.bio-content,.bio-content-mep,.bio-content-speaker,.bio-content-vip { width: 100%; height: 100%; overflow-y: auto; text-align: left; font-size: 13px !important; line-height: 1.6 !important; color: #374151; padding-right: 8px;}.bio-content::-webkit-scrollbar { width: 6px;}.bio-content::-webkit-scrollbar-track { background: rgba(20, 67, 121, 0.1); border-radius: 3px;}.bio-content::-webkit-scrollbar-thumb { background: #144379; border-radius: 3px;}.bio-content::-webkit-scrollbar-thumb:hover { background: #1e5a9e;}.bio-content-mep p,.bio-content-speaker p,.bio-content-vip p { font-size: 13px !important; line-height: 1.6 !important; margin: 0 0 12px 0 !important;}.bio-content-mep strong,.bio-content-speaker strong,.bio-content-vip strong { font-size: 16px !important;}/* ❌ SUPPRIMÉ: .info-button (conflit avec bouton +) *//* Bouton fermer "×" standard (MEPs/Speakers) */.close-button:not(.close-button-vip) { position: absolute; top: 10px; right: 10px; width: 26px; height: 26px; border: 2px solid #144379; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #144379; font-weight: 700; font-size: 20px; cursor: pointer; background: rgba(255, 255, 255, 0.95); transition: all 0.3s ease; z-index: 100; line-height: 1;}.close-button:not(.close-button-vip):hover { background: #144379; color: #ffffff; transform: rotate(90deg) scale(1.15); box-shadow: 0 2px 8px rgba(20, 67, 121, 0.3);}/* Badge VIP */.vip-badge { position: absolute; top: -8px; right: -8px; background: linear-gradient(135deg, #d4af37 0%, #f4d03f 100%); color: #000; padding: 4px 12px; border-radius: 0 12px 0 12px; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); z-index: 5;}/* Responsive */@media (max-width: 768px) { .flip-card { min-height: 260px; } .bio-content { font-size: 12px; }}/* Performance flip-cards */@media (prefers-reduced-motion: reduce) { .flip-card-inner { transition-duration: 0.01ms !important; }}/* ======================================== CORRECTIONS FINALES ======================================== *//* === 1. BADGE "SPECIAL GUEST" BIEN POSITIONNÉ === *//* Badge VIP style "speaker-card" (top:8px + margin-top:18px) */.speaker-card[style*="gradient"] > div[style*="Special guest"],.speaker-card[style*="gradient"] > div:first-child { top: 8px !important;}.speaker-card[style*="gradient"] > div:has(img) { margin-top: 18px !important;}/* Badge VIP style "flip-card" (top:5px + margin-top:28px) */.flip-card-front.vip > div:first-child,.flip-card-front[style*="gradient"] > div[style*="Special guest"],.flip-card-front[style*="gradient"] > div[style*="SPECIAL GUEST"] { top: 5px !important;}.flip-card-front.vip > div:has(img),.flip-card-front[style*="gradient"] > div[style*="margin-top"]:has(img) { margin-top: 28px !important;}/* Badge VIP: reste en haut */.flip-card-front[style*="gradient"] > div:first-child,.flip-card-front[style*="gradient"] > div[style*="Special guest"] { top: 8px !important; z-index: 5 !important;}/* Photo VIP: descend plus bas pour éviter le badge */.flip-card-front[style*="gradient"] > div:has(img) { margin-top: 32px !important;}/* === 2. BOUTONS + ET × === *//* Bouton + simple (sans cercle) pour TOUS - géré dans le HTML inline *//* PAS de règles globales ici pour éviter les conflits *//* ❌ SUPPRIMÉ: Toutes les règles label[for^="vip-"] qui forcent le jaune *//* === 3. VERSO MEPs: NOM STYLE SPEAKERS === *//* Nom MEP : style identique aux Speakers/VIP */.bio-content-mep strong,.bio-content-mep > strong:first-child { color: #144379 !important; font-size: 17px !important; display: block !important; margin-bottom: 15px !important; text-align: center !important; font-weight: 700 !important; padding-bottom: 12px !important; border-bottom: 3px solid #144379 !important;}/* Titres sections (Committees/Delegations) : discrets */.bio-content-mep p[style*="uppercase"],.bio-content-mep > p:has([style*="text-transform:uppercase"]) { font-size: 11px !important; color: #94a3b8 !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin: 16px 0 10px 0 !important; padding-bottom: 4px !important; border-bottom: none !important; text-align: left !important;}/* Premier titre "COMMITTEES" : marge réduite */.bio-content-mep > p:first-of-type[style*="uppercase"] { margin-top: 8px !important;}/* Suppression TOTALE des lignes bleues claires (bordures épaisses) */.bio-content-mep p[style*="border-bottom:2px"],.bio-content-mep p[style*="border-bottom: 2px"] { border-bottom: none !important;}/* Container bio MEP : espacement confortable */.bio-content-mep { padding: 0 !important;}/* Badges committees/delegations : espacement réduit */.bio-content-mep div[style*="display:flex"] { gap: 5px !important; margin-bottom: 10px !important;}/* Responsive : encore plus compact sur mobile */@media (max-width: 768px) { .bio-content-mep strong { font-size: 16px !important; margin-bottom: 12px !important; } .bio-content-mep p[style*="uppercase"] { font-size: 10px !important; margin: 12px 0 8px 0 !important; } .bio-content-mep > p[style*="uppercase"]:nth-of-type(2) { margin-top: 16px !important; padding-top: 12px !important; }}/* Hover carte entière — réactivé */.flip-card-front { transition: transform 0.2s ease, box-shadow 0.2s ease;}.flip-card:has(.flip-checkbox:not(:checked)):hover .flip-card-front { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(20, 67, 121, 0.15) !important;}/* Bouton + */.flip-card-front label[for^="flip-"] { transition: transform 0.2s ease, color 0.2s ease;}.flip-card-front label[for^="flip-"]:hover { transform: scale(1.2); color: #1e5a9e;}