/* ═══════════════════════════════════════════════════════ FELLOWS PLATFORM – PAGE TEASER À ajouter dans la feuille de style de la page déconnectée ═══════════════════════════════════════════════════════ *//* ============================================================ FOR WOMEN IN SCIENCE — Page statique plein écran UNIQUEMENT pour les visiteurs NON CONNECTÉS. Hook d'état : #logged-out-userbar-toggle-button (présent dans la userbar seulement en déconnecté). :has() matche sur la présence DOM, donc fonctionne même userbar masquée. Les membres/admins connectés conservent le site normal. ============================================================ *//* --- 1. Masquer le chrome : userbar, header (+ menu), footer --- */body:has(#logged-out-userbar-toggle-button) .user-bar,body:has(#logged-out-userbar-toggle-button) .af-userbar,body:has(#logged-out-userbar-toggle-button) header[data-test="site-header"],body:has(#logged-out-userbar-toggle-button) footer[data-test="site-footer"] { display: none !important;}/* --- 2. Aplatir les conteneurs autour de la page statique --- */body:has(#logged-out-userbar-toggle-button) .content-wrap,body:has(#logged-out-userbar-toggle-button) #content.content,body:has(#logged-out-userbar-toggle-button) #content .section-item:has(.widget-static-page),body:has(#logged-out-userbar-toggle-button) #content .section-item:has(.widget-static-page) .space-container,body:has(#logged-out-userbar-toggle-button) #content .section-item:has(.widget-static-page) .space-top,body:has(#logged-out-userbar-toggle-button) #content .section-item:has(.widget-static-page) .space-bottom,body:has(#logged-out-userbar-toggle-button) #content .section-item:has(.widget-static-page) .row-fluid,body:has(#logged-out-userbar-toggle-button) #content .widget-static-page,body:has(#logged-out-userbar-toggle-button) #content .widget-static-page .widget-v-container,body:has(#logged-out-userbar-toggle-button) #content .widget-static-page .widget-content { margin: 0 !important; padding: 0 !important; max-width: none !important; width: 100% !important; background: transparent !important;}/* --- 3. Retirer le fond gris inline (#F5F5F5) de la section hôte --- */body:has(#logged-out-userbar-toggle-button) #content .section-item:has(.widget-static-page) { background-color: transparent !important;}/* --- 4. Sécurité : fond sombre global + pas de scroll horizontal --- */html:has(#logged-out-userbar-toggle-button),body:has(#logged-out-userbar-toggle-button) { background: #03101C !important; overflow-x: hidden !important;}/* Conteneur principal — fond sombre pleine hauteur */.fp-teaser { background-color: #0C1628; min-height: 85vh; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}/* Cercle décoratif via pseudo-élément — pas de div supplémentaire */.fp-teaser::before { content: ''; position: absolute; width: 640px; height: 640px; border: 2.5px solid rgba(255, 255, 255, 0.70); border-radius: 50%; top: -30px; left: 50%; transform: translateX(-50%); pointer-events: none;}#footer { display: none;}#header { min-height: 80px; position: relative; }/* Bloc centré */.fp-content { position: relative; z-index: 10; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 32px;}/* Titre */.fp-title { line-height: 1.0; margin-bottom: 24px;}.fp-row { display: flex; align-items: baseline; justify-content: center; gap: 10px;}.fp-thin { font-size: 44px; font-weight: 300; color: #ffffff;}.fp-bold { font-size: 84px; font-weight: 800; color: #ffffff; letter-spacing: -2px;}/* Logo UNESCO / L'Oréal */.fp-logo { height: 60px; margin-bottom: 36px;}/* Séparateur "Fellows Platform" avec lignes */.fp-sep { display: flex; align-items: center; gap: 20px; margin-bottom: 44px; width: 380px;}.fp-sep::before,.fp-sep::after { content: ''; flex: 1; height: 1px; background-color: rgba(197, 168, 130, 0.50);}.fp-sep-label { font-size: 10px; letter-spacing: 6px; text-transform: uppercase; font-weight: 400; color: #C5A882; white-space: nowrap;}/* Texte du teaser */.fp-text { font-size: 15px; font-weight: 300; color: #B0A090; line-height: 2.0; margin-bottom: 52px;}/* Label countdown */.fp-cd-lbl { font-size: 9px; letter-spacing: 7px; text-transform: uppercase; color: #C5A882; font-weight: 300; margin-bottom: 20px;}/* Countdown */.fp-countdown { display: flex; gap: 40px;}.fp-unit { display: flex; flex-direction: column; align-items: center; gap: 8px;}.fp-n { display: block; font-size: 56px; font-weight: 800; color: #ffffff; line-height: 1; min-width: 70px; text-align: center; letter-spacing: -2px;}.fp-l { display: block; font-size: 8px; letter-spacing: 5px; text-transform: uppercase; color: #C5A882; font-weight: 300;}widget-slider-static{margin-top: -46px;}.af-font-icon-file-light:before{content: "\e973" !important;}@media (min-width: 767px){.userbar-is-active .header.header-default-fix .header-dump { max-height: 80px;}}@media (max-width: 767px){#wall_list > div > div > div > div > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > a > div > div:nth-child(2) > div > div.title.mb-1{font-size: 16px !important;}#wall_list > div > div > div > div > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > a > div > div:nth-child(2) > div > div:nth-child(2){font-size: 11px !important;}}.menu-front .multi-level .navbar .nav>li>a { padding: 8px 13px;}#profile-user-edit div[data-role="user-marital-status"]{display:none;}#profile-content-academic div[data-role="user-marital-status"]{display:none;}.widget-statistics .statistic-container .statistic-content-members .statistic-thumbnail {background: url(/medias/editor/images/Members.jpg) 55% no-repeat; background-size: cover;}.widget-statistics .statistic-container .statistic-content-articles .statistic-thumbnail{background: url(/medias/editor/images/News.jpg) 55% no-repeat; background-size: cover;}.widget-statistics .statistic-container .statistic-content-events .statistic-thumbnail{background: url(/medias/editor/images/Event2.jpg) 55% no-repeat; background-size: cover;}.cometchat_ccmobiletab_redirect { bottom: 75px;}body > div.cometchat_ccmobiletab_redirect.tri-right.btm-left-in{bottom:80px;}#social_connect_lightbox{display:none;}#company-profile-content > div > div.col-xs-8.span8.space-left.space-bottom > div:nth-child(1) > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(4){display:none;}#naf_id{display:none;}#add-company > div:nth-child(4) > div.span4 > div:nth-child(9){display:none;}#company_form_lightbox > div:nth-child(3) > div.span7 > div:nth-child(5){display:none;}div.formStyle div.submit, form.normalized div.submit{padding-bottom:60px;}#contact_form > div.submit > dfn{text-align:left;}#footer > section.space-top.footer-top.bg-primary > div > div > div.col-xs-12.span4.no-margin.customizable-bloc-2 > p{color:white !important;}#footer > section.space-top.footer-top.bg-primary > div > div > div.col-xs-12.span4.no-margin.customizable-bloc-1 > p{color:white !important;}#profile-content > div > div.col-xs-12.span4 > div.row-fluid.space-bottom.hidden-phone > div > div.space-right.space-left > div{display:none;}#klaro > div > div > div.cm-modal > div.cm-body > ul > li:nth-child(3){display:none;}