/* ======================================== EXPERT EUROPE - CSS PERSONNALISÉ Version conservatrice sans effets collatéraux ======================================== *//* === VOS STYLES ORIGINAUX === */.widget-slider-static { margin-top: -46px;}.bg-bleu-europe { background-color: #1a4ba7;}#profile-content-languages,#id_button_google { display: none;}/* LOGIN - Section commentée (décommentez si nécessaire) *//*#widget1 > div > div.swiper-wrapper.swiper-wrapper-authentification > div.swiper-slide.swiper-slide-next > div > div > div > p,#widget1 > div > div.swiper-wrapper.swiper-wrapper-authentification > div.swiper-slide.swiper-slide-prev > div > div > div > p,#widget1 > div > div.swiper-wrapper.swiper-wrapper-authentification > div.swiper-slide.swiper-slide-active > div > div > div > p,#widget1 > div > div.swiper-wrapper.swiper-wrapper-authentification > div:nth-child(1) > div > div > div > p,#page-login > div.page-login > div > div > div > div > div > div > div.instance-security-registration-card.col-md-6.col-12 > div > div > div > div.text-center.pt-4.instance-security-register-standard { display: none;}*//* Masquage likes */#like-icon { display: none;}/* === HOVERS CARTES CONFÉRENCES & STAKEHOLDERS === */.speaker-card,.host-card { transition: transform 0.3s ease, box-shadow 0.3s ease;}.speaker-card:hover,.host-card:hover { transform: translateY(-5px) !important; box-shadow: 0 12px 30px rgba(0, 61, 122, 0.18) !important;}/* === 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;}/* === 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;}a:hover { opacity: 0.7;}/* === TOOLTIPS DRAPEAUX === */.country-flag { position: relative; display: inline-block; cursor: help;}.country-flag .tooltip { visibility: hidden; background-color: #144379; color: #fff; text-align: center; padding: 5px 10px; border-radius: 6px; position: absolute; z-index: 1; bottom: 125%; left: 50%; transform: translateX(-50%); white-space: nowrap; opacity: 0; transition: opacity 0.3s; font-size: 12px; font-weight: 600;}.country-flag .tooltip::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #144379 transparent transparent transparent;}.country-flag:hover .tooltip { visibility: visible; opacity: 1;}/* === TOOLTIPS MEPs - COMMISSIONS === *//* Affichage des commissions des députés européens */.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 SANS EFFETS COLLATÉRAUX === *//* Performance animations (n'affecte que vos classes personnalisées) */.speaker-card,.host-card,.logo-link,.social-icon,.mep-tooltip { will-change: transform;}/* Optimisation conteneur richedit (si utilisé) */.richedit_wrap { contain: layout style paint;}/* Accessibilité focus (appliqué uniquement aux éléments interactifs) */.logo-link:focus,.social-icon:focus,.country-flag:focus,.mep-tooltip:focus { outline: 2px solid #1a4ba7; outline-offset: 2px;}/* Optimisation performances - désactivation animations pour users qui préfèrent */@media (prefers-reduced-motion: reduce) { .speaker-card, .host-card, .logo-link, .social-icon, .country-flag .tooltip, .mep-tooltip .tooltiptext { transition-duration: 0.01ms !important; }}