/* DONA_REPLY_FLOATING_V1 — Les réponses textuelles ne recouvrent plus les animations. */ /* La carte occupe une bande latérale, sans voile de fond ni blocage de la scène. */ /* La classe de l’écran principal est synchronisée en JS. */ body.dona-family-v1 .alfred-main-v1.dona-reply-background-visible.is-focused .av-voice-hero, body.dona-family-v1 .alfred-main-v1.dona-reply-background-visible.is-focused .dona-art-center { opacity:1!important; visibility:visible!important; pointer-events:none!important; } body.dona-family-v1 .alfred-main-v1.dona-reply-background-visible.is-focused .dona-art-center > * { visibility:visible!important; } body.dona-family-v1.dona-holo-v1.alfred-glass-theme #stage.dona-reply-compact:not(.dona-reply-expanded) { position:fixed!important; left:auto!important; top:clamp(140px,24vh,285px)!important; right:clamp(16px,2.5vw,44px)!important; bottom:auto!important; transform:none!important; width:min(410px,calc(100vw - 32px))!important; max-width:calc(100vw - 32px)!important; max-height:min(65dvh,580px)!important; min-height:0!important; padding:48px 15px 15px!important; overflow:auto!important; display:block!important; border:1px solid rgba(149,177,232,.36)!important; border-radius:22px!important; background:linear-gradient(145deg,rgba(12,20,43,.88),rgba(19,20,39,.84))!important; box-shadow:0 18px 50px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.05)!important; -webkit-backdrop-filter:blur(10px)!important; backdrop-filter:blur(10px)!important; z-index:28!important; align-items:stretch!important; justify-content:flex-start!important; } body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) #content { width:100%!important; max-width:100%!important; min-width:0!important; max-height:none!important; overflow:visible!important; margin:0!important; } body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) .av-reponse-actions { top:10px!important;right:10px!important; } body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) .av-reponse-close { width:33px!important;min-width:33px!important;min-height:33px!important; padding:6px!important;border-radius:11px!important; } body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) .dh-response { display:flex!important;flex-direction:column!important;gap:0!important; margin:0!important;max-width:100%!important; } body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) .dh-primary { padding:4px 2px 2px!important; min-height:0!important; border:0!important;border-radius:0!important; box-shadow:none!important;background:transparent!important; gap:10px!important; } body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) .dh-primary::before, body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) .dh-response::after { display:none!important; } body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) .dh-kicker { font-size:10px!important;letter-spacing:.09em!important; } body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) .dh-headline { font-size:clamp(17px,1.45vw,21px)!important;line-height:1.25!important; } body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) .dh-excerpt { font-size:13px!important;line-height:1.52!important; display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:4!important; line-clamp:4!important;overflow:hidden!important; white-space:normal!important; } body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) .dh-facts { display:none!important; } body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) .dh-more { min-height:38px!important;padding:9px 12px!important;font-size:12px!important; margin-top:5px!important; } /* Mode développé : le contenu et les cartes d'origine réapparaissent. L'utilisateur choisit volontairement d'occuper l'écran. */ body.dona-family-v1.dona-holo-v1.alfred-glass-theme #stage.dona-reply-compact.dona-reply-expanded { position:fixed!important; left:clamp(8px,2vw,30px)!important;right:clamp(8px,2vw,30px)!important; top:clamp(85px,10vh,125px)!important;bottom:clamp(95px,9vh,120px)!important; width:auto!important;max-width:none!important;max-height:none!important; padding:clamp(62px,8vh,92px) 20px 24px!important; transform:none!important;overflow:auto!important; background:linear-gradient(145deg,rgba(3,8,20,.97),rgba(10,16,35,.97))!important; border:1px solid rgba(146,172,231,.38)!important;z-index:30!important; } /* L'état visuel compact ne s'applique pas aux cartes riches (météo, vidéo, tableaux...). */ @media (max-width:1050px) { body.dona-family-v1.dona-holo-v1.alfred-glass-theme #stage.dona-reply-compact:not(.dona-reply-expanded) { left:clamp(12px,3vw,28px)!important; right:clamp(12px,3vw,28px)!important; top:auto!important; bottom:clamp(110px,12vh,160px)!important; width:auto!important; max-width:none!important; max-height:min(31dvh,275px)!important; padding:43px 14px 12px!important; } } @media (max-width:600px) { body.dona-family-v1.dona-holo-v1.alfred-glass-theme #stage.dona-reply-compact:not(.dona-reply-expanded) { left:9px!important;right:9px!important; bottom:clamp(95px,13vh,125px)!important; border-radius:15px!important;max-height:29dvh!important; } body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) .dh-excerpt { -webkit-line-clamp:2!important;line-clamp:2!important; } }