/* ========================================================================== Share V2 — compléments publics au bundle Analyse détaillée V2 V1.4.0 ========================================================================== */ #zoa-analyses.zoa-share-v2{ padding-top:18px; padding-bottom:110px; } #zoa-analyses.zoa-share-v2 .zoa-v2-share-heading{ justify-content:center; margin:8px 0 20px; } #zoa-analyses.zoa-share-v2 .zoa-v2-detail-heading-copy{ margin-inline:auto; } #zoa-analyses.zoa-share-v2 .zoa-v2-share-aquarium-link{ color:inherit; font:inherit; font-weight:inherit; text-decoration:none; text-underline-offset:3px; transition:color .16s ease,text-decoration-color .16s ease; } #zoa-analyses.zoa-share-v2 .zoa-v2-share-aquarium-link:hover, #zoa-analyses.zoa-share-v2 .zoa-v2-share-aquarium-link:focus-visible{ color:#079f98; text-decoration:underline; text-decoration-thickness:1px; text-decoration-color:rgba(7,159,152,.55); } #zoa-analyses.zoa-share-v2 .zoa-v2-share-meta{ grid-template-columns:repeat(4,minmax(0,1fr)); } /* Lecture publique : aucune action privée ni édition de mesure. */ #zoa-analyses.zoa-share-v2 .zoa-action-btn, #zoa-analyses.zoa-share-v2 .js-edit-measured{ display:none!important; } #zoa-analyses.zoa-share-v2 .zoa-v2-result-actions{ min-width:92px; } #zoa-analyses.zoa-share-v2 .zoa-v2-share-section-nav{ margin-top:18px; } @media (max-width:991.98px){ #zoa-analyses.zoa-share-v2{ padding-top:18px; padding-bottom:190px; } #zoa-analyses.zoa-share-v2 .zoa-v2-share-heading{ margin-top:20px; margin-bottom:28px; } #zoa-analyses.zoa-share-v2 .zoa-v2-detail-title-wrap{ padding-top:6px; padding-bottom:6px; } #zoa-analyses.zoa-share-v2 .zoa-v2-share-meta{ grid-template-columns:1fr 1fr; } /* Dock public: 60px de haut + 8px de marge basse. 84px place le bouton interne juste au-dessus, sans le remonter trop haut. */ #zoa-analyses.zoa-share-v2 .zoa-v2-mobile-nav-toggle{ bottom:calc(max(env(safe-area-inset-bottom),0px) + 76px)!important; } } /* -------------------------------------------------------------------------- Navigation interne mobile SHARE analysis-detail-v2.js déplace le panneau directement sous . Les styles originaux étaient limités à body#module-zoaicp-router : il faut donc les porter explicitement sur body#module-zoaicp-share. -------------------------------------------------------------------------- */ @media (max-width:760px){ body#module-zoaicp-share .zoa-v2-detail-nav.zoa-v2-mobile-portaled{ position:fixed; top:0; left:50%; right:auto; bottom:auto; z-index:20019; display:grid; grid-auto-rows:min-content; align-content:start; align-items:stretch; gap:5px; width:min(calc(100vw - 28px),390px); max-height:min(64vh,390px); margin:0; padding:9px; overflow-x:hidden; overflow-y:auto; border:1px solid rgba(71,211,208,.38); border-radius:18px; background: radial-gradient(320px 130px at 100% 0%,rgba(91,225,211,.14),transparent 70%), linear-gradient(145deg,#07345f 0%,#08466f 58%,#0a5579 100%); box-shadow: 0 22px 55px rgba(4,31,59,.34), inset 0 1px 0 rgba(255,255,255,.07); opacity:0; visibility:hidden; pointer-events:none; transform:translateX(-50%) translateY(10px) scale(.985); transform-origin:bottom center; transition: opacity .16s ease, transform .16s ease, visibility .16s ease; counter-reset:zoa-v2-mobile-nav; scrollbar-width:thin; scrollbar-color:rgba(99,224,210,.38) transparent; } body#module-zoaicp-share .zoa-v2-detail-nav.zoa-v2-mobile-portaled.is-mobile-open{ opacity:1; visibility:visible; pointer-events:auto; transform:translateX(-50%) translateY(0) scale(1); } body#module-zoaicp-share .zoa-v2-detail-nav.zoa-v2-mobile-portaled::after{ display:none; } body#module-zoaicp-share .zoa-v2-detail-nav.zoa-v2-mobile-portaled .zoa-v2-mobile-nav-title{ position:relative; display:flex; min-height:45px; padding:8px 11px 10px 42px; align-items:center; border-bottom:1px solid rgba(116,227,218,.18); color:#f0fbfc; font-size:11px; line-height:1.15; font-weight:950; letter-spacing:.02em; } body#module-zoaicp-share .zoa-v2-detail-nav.zoa-v2-mobile-portaled .zoa-v2-mobile-nav-title::before{ content:""; position:absolute; left:10px; top:50%; width:23px; height:23px; border:1px solid rgba(99,224,210,.34); border-radius:8px; background: linear-gradient(#63e0d2,#63e0d2) 6px 6px/11px 2px no-repeat, linear-gradient(#63e0d2,#63e0d2) 6px 11px/11px 2px no-repeat, linear-gradient(#63e0d2,#63e0d2) 6px 16px/7px 2px no-repeat, rgba(255,255,255,.055); transform:translateY(-50%); } body#module-zoaicp-share .zoa-v2-detail-nav.zoa-v2-mobile-portaled a{ position:relative; width:100%; min-height:46px; display:grid; grid-template-columns:30px minmax(0,1fr) 18px; gap:9px; align-items:center; padding:7px 10px 7px 8px; border:1px solid rgba(142,224,222,.22); border-radius:11px; color:rgba(244,251,252,.92); background:rgba(255,255,255,.055); box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 1px 0 rgba(3,31,56,.18); font-size:11px; font-weight:850; text-align:left; text-decoration:none!important; } body#module-zoaicp-share .zoa-v2-detail-nav.zoa-v2-mobile-portaled a::before{ counter-increment:zoa-v2-mobile-nav; content:counter(zoa-v2-mobile-nav,decimal-leading-zero); display:grid; place-items:center; width:28px; height:28px; border:1px solid rgba(99,224,210,.20); border-radius:9px; color:#70ddd5; background:rgba(4,35,63,.26); font-size:9px; line-height:1; font-weight:950; } body#module-zoaicp-share .zoa-v2-detail-nav.zoa-v2-mobile-portaled a.is-active{ color:#07375c; border-color:rgba(255,255,255,.32); background:linear-gradient(135deg,#63e0d2,#54dca9); box-shadow: 0 8px 18px rgba(20,197,176,.15), inset 0 1px 0 rgba(255,255,255,.42); } body#module-zoaicp-share .zoa-v2-detail-nav.zoa-v2-mobile-portaled a.is-active::before{ color:#07375c; border-color:rgba(7,55,92,.16); background:rgba(255,255,255,.34); } body#module-zoaicp-share .zoa-v2-detail-nav.zoa-v2-mobile-portaled a.is-active::after{ content:""; position:relative; left:auto; right:auto; bottom:auto; justify-self:center; width:7px; height:7px; border:0; border-radius:50%; background:#07375c; transform:none; } } @media (max-width:575.98px){ #zoa-analyses.zoa-share-v2 .zoa-v2-share-meta{ grid-template-columns:1fr; } }