.acglwx{--acglwx-cyan:#45d7ff;--acglwx-navy:#061e35;position:relative;isolation:isolate;display:grid;grid-template-columns:52% 48%;width:min(100%,1600px);min-height:660px;margin:32px auto;overflow:hidden;border:1px solid rgba(255,255,255,.75);border-radius:32px;background-image:var(--acglwx-bg);background-size:cover;background-position:center;box-shadow:0 28px 80px rgba(7,39,62,.24);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#fff;transition:background-image .6s ease}.acglwx--hidden{display:none!important}.acglwx__shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(5,28,45,.03) 0,rgba(5,28,45,.04) 44%,rgba(5,28,45,.2) 100%)}.acglwx[data-weather-scene="fog"] .acglwx__shade{background:linear-gradient(90deg,rgba(230,240,246,.08),rgba(6,30,50,.28))}
.acglwx__visual{position:relative;min-height:660px}.acglwx__sock{position:absolute;z-index:2;inset:2% auto auto 2%;width:96%;height:94%;overflow:visible;filter:saturate(1.05)}.acglwx__sock-world{transform-origin:82px 130px}.acglwx__fabric{transform-origin:131px 131px}.acglwx__compass{position:absolute;z-index:1;left:31%;top:12%;width:min(44vw,450px);aspect-ratio:1;border:2px solid rgba(255,255,255,.5);border-radius:50%;background:radial-gradient(circle,rgba(7,39,61,.05) 0 43%,rgba(255,255,255,.18) 44% 44.5%,transparent 45%),repeating-conic-gradient(from -1deg,rgba(255,255,255,.86) 0 1deg,transparent 1deg 10deg);box-shadow:inset 0 0 0 18px rgba(255,255,255,.08),0 10px 35px rgba(5,31,48,.12);backdrop-filter:blur(2px)}.acglwx__compass:after{content:"";position:absolute;inset:9%;border:1px solid rgba(255,255,255,.5);border-radius:50%}.acglwx__compass span{position:absolute;font-size:22px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.3)}.acglwx__compass .n{left:50%;top:5%;transform:translateX(-50%)}.acglwx__compass .s{left:50%;bottom:5%;transform:translateX(-50%)}.acglwx__compass .e{right:6%;top:50%;transform:translateY(-50%)}.acglwx__compass .w{left:6%;top:50%;transform:translateY(-50%)}.acglwx__needle{position:absolute;z-index:2;left:50%;top:50%;width:35%;height:5px;border-radius:8px;background:linear-gradient(90deg,transparent,var(--acglwx-cyan));transform-origin:0 50%;transform:rotate(var(--wind-rotation,0deg));filter:drop-shadow(0 0 8px var(--acglwx-cyan));transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.acglwx__needle:after{content:"";position:absolute;right:-3px;top:-6px;border-left:14px solid var(--acglwx-cyan);border-top:8px solid transparent;border-bottom:8px solid transparent}.acglwx__degrees{position:absolute;left:50%;top:66%;transform:translateX(-50%);font-size:34px;text-shadow:0 2px 12px rgba(0,0,0,.24)}
.acglwx__card{align-self:center;margin:34px 34px 34px 0;padding:40px 44px 28px;border:1px solid rgba(153,222,255,.25);border-radius:27px;background:linear-gradient(145deg,rgba(8,44,76,.96),rgba(3,27,50,.9));box-shadow:inset 0 1px rgba(255,255,255,.12),0 24px 70px rgba(2,20,38,.35);backdrop-filter:blur(18px)}.acglwx__card header{padding-bottom:25px;border-bottom:1px solid rgba(130,204,240,.32)}.acglwx__card h2{margin:0 0 10px;color:#fff;font-size:clamp(26px,2.4vw,46px);font-weight:850;letter-spacing:.025em;line-height:1.08}.acglwx__card h2 em{color:var(--acglwx-cyan);font-style:normal}.acglwx__card header p{margin:0;color:#bcd2e2;font-size:19px}.acglwx__rows{display:grid;grid-template-columns:1fr 1fr}.acglwx__row{grid-column:1/-1;display:flex;align-items:center;gap:24px;min-height:91px;border-bottom:1px solid rgba(130,204,240,.25)}.acglwx__row--half{grid-column:auto}.acglwx__ico{display:grid;flex:0 0 50px;place-items:center;color:var(--acglwx-cyan)}.acglwx__ico svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.acglwx__row strong,.acglwx__row small{display:block}.acglwx__row strong{font-size:clamp(17px,1.5vw,25px);font-weight:650}.acglwx__row small{margin-top:5px;color:#a9c9dd;font-size:16px}.acglwx__status{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;padding:11px 12px 11px 22px;border:1px solid rgba(86,180,229,.35);border-radius:21px;background:rgba(0,18,37,.28);font-size:16px}.acglwx__status button{display:flex;align-items:center;gap:24px;padding:14px 18px;border:1px solid #58b9ed;border-radius:14px;background:rgba(21,100,151,.22);color:#fff;cursor:pointer;font:inherit}.acglwx__status button:hover{background:rgba(43,147,209,.28)}.acglwx__status button b{color:var(--acglwx-cyan);font-size:22px}.acglwx__raw{margin-top:12px;padding:15px 18px;border-radius:14px;background:rgba(0,12,25,.55);color:#cce9f8;font:600 13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.acglwx__legal{margin:18px 0 0;color:#a5bfd1;font-size:12px;line-height:1.45}
@media(max-width:980px){.acglwx{grid-template-columns:1fr;min-height:0;border-radius:24px}.acglwx__visual{min-height:440px}.acglwx__compass{left:36%;width:330px}.acglwx__card{margin:0 18px 18px;padding:30px}.acglwx__shade{background:linear-gradient(180deg,transparent 0 35%,rgba(4,25,43,.6) 58%,rgba(4,25,43,.85))}}
@media(max-width:560px){.acglwx{margin:20px auto;border-radius:20px}.acglwx__visual{min-height:330px}.acglwx__sock{inset:-4% auto auto -7%;width:112%}.acglwx__compass{left:31%;top:10%;width:235px}.acglwx__compass span{font-size:14px}.acglwx__degrees{font-size:23px}.acglwx__card{margin:0 10px 10px;padding:24px 19px 20px;border-radius:20px}.acglwx__card header p{font-size:15px}.acglwx__rows{display:block}.acglwx__row{min-height:74px;gap:14px}.acglwx__ico{flex-basis:38px}.acglwx__ico svg{width:32px;height:32px}.acglwx__row strong{font-size:17px}.acglwx__row small{font-size:13px}.acglwx__status{align-items:stretch;flex-direction:column;padding:16px}.acglwx__status button{justify-content:space-between}.acglwx__legal{font-size:10px}}
@media(prefers-reduced-motion:reduce){.acglwx__needle{transition:none}}

/* V1.2 — rose épurée et proportions réalistes */
.acglwx__compass{left:38%;top:17%;width:min(32vw,350px);border-color:rgba(255,255,255,.64);background:radial-gradient(circle,rgba(5,35,58,.06) 0 48%,rgba(255,255,255,.08) 49% 49.5%,transparent 50%);box-shadow:inset 0 0 0 9px rgba(255,255,255,.06),0 10px 35px rgba(5,31,48,.12)}
.acglwx__compass:before{content:"";position:absolute;inset:6px;border-radius:50%;background:repeating-conic-gradient(from -1deg,rgba(255,255,255,.82) 0 1deg,transparent 1deg 10deg);-webkit-mask:radial-gradient(circle,transparent 0 85%,#000 86%);mask:radial-gradient(circle,transparent 0 85%,#000 86%)}
.acglwx__compass:after{inset:16%;border-color:rgba(255,255,255,.28)}
.acglwx__compass span{z-index:3;font-size:20px;font-weight:750}
.acglwx .acglwx__fabric-base,.acglwx .acglwx__fabric-light{stroke:none!important;stroke-width:0!important;outline:0!important}
.acglwx .acglwx__fabric path{stroke:none!important}
@media(max-width:980px){.acglwx__visual{min-height:420px}.acglwx__compass{left:48%;top:19%;width:270px}}
@media(max-width:560px){.acglwx__visual{min-height:300px}.acglwx__sock{inset:-2% auto auto -4%;width:104%;height:100%}.acglwx__compass{left:53%;top:22%;width:155px}}

/* V2 — photographie ancrée au sol et rose marine */
.acglwx__sock{display:none!important}
.acglwx__sock-photo{position:absolute;z-index:2;left:2%;bottom:0;width:57%;height:96%;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 16px 13px rgba(4,25,39,.28));transform-origin:18% 100%;transition:opacity .35s ease,filter .35s ease}
.acglwx__sock-photo.is-gusting{animation:acglwx-photo-gust 2.8s ease-in-out infinite}
@keyframes acglwx-photo-gust{0%,100%{filter:drop-shadow(0 16px 13px rgba(4,25,39,.28))}42%{filter:drop-shadow(7px 18px 15px rgba(4,25,39,.34)) brightness(1.025)}58%{filter:drop-shadow(-3px 15px 12px rgba(4,25,39,.27))}}
.acglwx__compass{left:auto;right:3%;top:8%;width:min(29vw,315px);border:5px solid #b69355;background:radial-gradient(circle at 38% 32%,rgba(69,130,163,.38),rgba(5,35,60,.82) 58%,rgba(2,23,43,.94));box-shadow:inset 0 0 0 2px #f1d79c,inset 0 0 0 9px rgba(4,27,47,.75),inset 0 0 28px rgba(0,0,0,.38),0 13px 30px rgba(2,24,40,.23)}
.acglwx__compass:before{inset:13px;background:repeating-conic-gradient(from -1deg,#f3e4c4 0 .8deg,transparent .8deg 10deg);-webkit-mask:radial-gradient(circle,transparent 0 82%,#000 83%);mask:radial-gradient(circle,transparent 0 82%,#000 83%)}
.acglwx__compass:after{inset:19%;border-color:rgba(237,218,176,.32)}
.acglwx__compass span{color:#f7e9c9;font-family:Georgia,"Times New Roman",serif;font-size:17px;text-shadow:0 2px 5px #001526}.acglwx__compass .n{color:#f6bf52;font-size:24px}.acglwx__compass .ne{right:18%;top:17%}.acglwx__compass .se{right:18%;bottom:17%}.acglwx__compass .sw{left:18%;bottom:17%}.acglwx__compass .nw{left:18%;top:17%}
.acglwx__star{position:absolute;z-index:1;inset:27%;opacity:.36;background:conic-gradient(from 0deg,#f3dfb0 0 11.25deg,transparent 11.25deg 33.75deg,#55cbe9 33.75deg 56.25deg,transparent 56.25deg 78.75deg,#f3dfb0 78.75deg 101.25deg,transparent 101.25deg 123.75deg,#55cbe9 123.75deg 146.25deg,transparent 146.25deg 168.75deg,#f3dfb0 168.75deg 191.25deg,transparent 191.25deg 213.75deg,#55cbe9 213.75deg 236.25deg,transparent 236.25deg 258.75deg,#f3dfb0 258.75deg 281.25deg,transparent 281.25deg 303.75deg,#55cbe9 303.75deg 326.25deg,transparent 326.25deg 348.75deg,#f3dfb0 348.75deg 360deg);clip-path:polygon(50% 0,59% 36%,85% 15%,64% 41%,100% 50%,64% 59%,85% 85%,59% 64%,50% 100%,41% 64%,15% 85%,36% 59%,0 50%,36% 41%,15% 15%,41% 36%)}
.acglwx__hub{position:absolute;z-index:5;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);border:3px solid #f2d28c;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#57cdea 35%,#074067 70%);box-shadow:0 2px 8px #001624}
.acglwx__needle{z-index:4;height:3px;width:32%;background:linear-gradient(90deg,rgba(67,212,247,.15),#53dbff)}
.acglwx__degrees{z-index:5;top:auto;bottom:18%;padding:3px 9px;border:1px solid rgba(238,214,160,.4);border-radius:99px;background:rgba(0,21,39,.58);color:#fff;font:700 20px/1.2 ui-sans-serif,system-ui,sans-serif}
.acglwx__card{padding:31px 36px 23px}.acglwx__row{min-height:74px}.acglwx__status{margin-top:19px}.acglwx__legal{margin-top:12px}
@media(max-width:980px){.acglwx__visual{min-height:410px}.acglwx__sock-photo{left:3%;width:62%;height:96%}.acglwx__compass{left:auto;right:5%;top:9%;width:235px}.acglwx__card{padding:26px 28px 20px}}
@media(max-width:560px){.acglwx__visual{min-height:360px}.acglwx__sock-photo{left:2%;bottom:0;width:68%;height:96%}.acglwx__compass{left:auto;right:3%;top:8%;width:142px;border-width:3px}.acglwx__compass span{font-size:9px}.acglwx__compass .n{font-size:15px}.acglwx__degrees{bottom:15%;font-size:13px}.acglwx__hub{width:12px;height:12px;border-width:2px}.acglwx__card{margin:0 8px 8px;padding:20px 17px 16px}.acglwx__card header{padding-bottom:14px}.acglwx__card h2{font-size:24px}.acglwx__card header p{font-size:13px}.acglwx__rows{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.acglwx__row{grid-column:auto;min-height:62px;gap:9px}.acglwx__row:first-child{grid-column:1/-1}.acglwx__ico{flex-basis:30px}.acglwx__ico svg{width:27px;height:27px}.acglwx__row strong{font-size:14px;line-height:1.25}.acglwx__row small{font-size:11px}.acglwx__status{margin-top:13px;padding:11px;font-size:12px}.acglwx__status button{padding:10px 12px}.acglwx__legal{margin-top:9px}}
@media(prefers-reduced-motion:reduce){.acglwx__sock-photo.is-gusting{animation:none}}

/* V2.1 — mât fixe, tissu photographique animé indépendamment */
.acglwx__sock-rig{position:absolute;z-index:2;left:2%;bottom:0;width:57%;height:96%;pointer-events:none;filter:drop-shadow(0 16px 13px rgba(4,25,39,.28))}
.acglwx__sock-rig .acglwx__sock-photo{position:absolute;inset:auto auto 0 0;width:100%;height:100%;object-fit:contain;object-position:left bottom;filter:none!important;transition:opacity .3s ease}
.acglwx__sock-rig .acglwx__sock-photo--mast{z-index:1;animation:none!important}
.acglwx__sock-rig .acglwx__sock-photo--fabric{z-index:2;will-change:transform;animation-duration:4.8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.acglwx__sock-rig[data-pose="calm"] .acglwx__sock-photo--mast{clip-path:polygon(0 0,57% 0,57% 100%,0 100%)}
.acglwx__sock-rig[data-pose="calm"] .acglwx__sock-photo--fabric{clip-path:polygon(47% 0,100% 0,100% 100%,47% 100%);transform-origin:52% 8%;animation-name:acglwx-fabric-calm}
.acglwx__sock-rig[data-pose="moderate"] .acglwx__sock-photo--mast{clip-path:polygon(0 0,43% 0,43% 100%,0 100%)}
.acglwx__sock-rig[data-pose="moderate"] .acglwx__sock-photo--fabric{clip-path:polygon(33% 0,100% 0,100% 68%,33% 68%);transform-origin:38% 8%;animation-name:acglwx-fabric-medium}
.acglwx__sock-rig[data-pose="strong"] .acglwx__sock-photo--mast{clip-path:polygon(0 0,34% 0,34% 100%,0 100%)}
.acglwx__sock-rig[data-pose="strong"] .acglwx__sock-photo--fabric{clip-path:polygon(22% 0,100% 0,100% 48%,22% 48%);transform-origin:27% 11%;animation-name:acglwx-fabric-strong;animation-duration:3.2s}
.acglwx__sock-rig .acglwx__sock-photo--fabric.is-gusting{animation-duration:1.85s}
@keyframes acglwx-fabric-calm{0%,100%{transform:rotate(-.45deg) translateX(0)}35%{transform:rotate(calc(.65deg * var(--sock-energy))) translateX(1px)}68%{transform:rotate(calc(-.75deg * var(--sock-energy))) translateX(-1px)}}
@keyframes acglwx-fabric-medium{0%,100%{transform:rotate(-.2deg) skewY(0)}38%{transform:rotate(calc(.4deg * var(--sock-energy))) skewY(.25deg)}72%{transform:rotate(calc(-.45deg * var(--sock-energy))) skewY(-.2deg)}}
@keyframes acglwx-fabric-strong{0%,100%{transform:rotate(-.12deg) scaleY(1)}32%{transform:rotate(calc(.25deg * var(--sock-energy))) scaleY(.994)}69%{transform:rotate(calc(-.28deg * var(--sock-energy))) scaleY(1.006)}}
@media(max-width:980px){.acglwx__sock-rig{left:3%;width:62%;height:96%}}
@media(max-width:560px){.acglwx__sock-rig{left:2%;bottom:0;width:68%;height:96%}}
@media(prefers-reduced-motion:reduce){.acglwx__sock-rig .acglwx__sock-photo--fabric{animation:none!important}}

/* V2.3 — pleine largeur et responsive au conteneur Elementor */
.acglwx{container-type:inline-size;grid-template-columns:minmax(0,54%) minmax(0,46%);width:min(1600px,calc(100vw - 36px));max-width:none;min-height:0;height:clamp(520px,38vw,650px);margin-left:50%;margin-right:0;transform:translateX(-50%)}
.acglwx__visual{min-width:0;min-height:0;height:100%}
.acglwx__card{min-width:0;max-height:calc(100% - 44px);margin:22px 22px 22px 0;padding:25px 31px 18px;overflow:hidden}
.acglwx__card header{padding-bottom:16px}.acglwx__card h2{max-width:100%;font-size:clamp(27px,2.25vw,42px);letter-spacing:.01em;overflow-wrap:normal;word-break:normal}.acglwx__card header p{font-size:clamp(14px,1.15vw,18px)}
.acglwx__rows{min-width:0}.acglwx__row{min-width:0;min-height:65px;gap:17px}.acglwx__row>div{min-width:0}.acglwx__row strong{font-size:clamp(15px,1.25vw,21px);line-height:1.25;overflow-wrap:anywhere}.acglwx__row small{font-size:clamp(12px,1vw,15px);overflow-wrap:anywhere}.acglwx__ico{flex-basis:40px}.acglwx__ico svg{width:35px;height:35px}.acglwx__status{margin-top:14px;padding:8px 9px 8px 16px}.acglwx__status span{min-width:0;overflow-wrap:anywhere}.acglwx__status button{flex:0 0 auto;padding:10px 13px}.acglwx__legal{margin-top:8px}
@container (max-width:1050px){.acglwx__card{padding:22px 24px 16px}.acglwx__card h2{font-size:30px}.acglwx__card h2 em{display:block;white-space:nowrap}.acglwx__row{min-height:59px;gap:12px}.acglwx__row strong{font-size:16px}.acglwx__row small{font-size:12px}.acglwx__status{font-size:13px}.acglwx__status button{font-size:13px}.acglwx__legal{font-size:10px}}
@container (max-width:760px){.acglwx{grid-template-columns:1fr;height:auto}.acglwx__visual{min-height:340px}.acglwx__card{max-height:none;margin:0 10px 10px;padding:20px 18px 15px}.acglwx__card h2{font-size:26px}.acglwx__card h2 em{display:inline}.acglwx__rows{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.acglwx__row{grid-column:auto;min-height:58px}.acglwx__row:first-child{grid-column:1/-1}.acglwx__status{align-items:stretch;flex-direction:column}.acglwx__status button{justify-content:space-between}.acglwx__sock-rig{height:97%}.acglwx__compass{right:4%;top:8%;width:145px}}
@media(max-width:560px){.acglwx{width:calc(100vw - 16px);margin-top:16px;margin-bottom:16px}.acglwx__visual{min-height:330px}}

/* V2.4 — priorité absolue aux formats tablette portrait et mobile */
@media(max-width:900px){
 .acglwx{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:calc(100vw - 24px)!important;height:auto!important;min-height:0!important;margin:22px 0 22px 50%!important;transform:translateX(-50%)!important;overflow:hidden!important}
 .acglwx__visual{grid-column:1!important;width:100%!important;min-width:0!important;height:auto!important;min-height:clamp(350px,56vw,470px)!important}
 .acglwx__card{grid-column:1!important;width:auto!important;min-width:0!important;max-width:none!important;max-height:none!important;margin:0 12px 12px!important;padding:23px 22px 18px!important;overflow:visible!important}
 .acglwx__card header{padding-bottom:15px!important}
 .acglwx__card h2{font-size:clamp(25px,5vw,34px)!important;line-height:1.08!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}
 .acglwx__card h2 em{display:inline!important;white-space:normal!important}
 .acglwx__card header p{font-size:15px!important}
 .acglwx__rows{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0 14px!important}
 .acglwx__row{grid-column:auto!important;min-width:0!important;min-height:64px!important;gap:10px!important}
 .acglwx__row:first-child{grid-column:1/-1!important}
 .acglwx__row strong,.acglwx__row small{word-break:normal!important;overflow-wrap:break-word!important;white-space:normal!important}
 .acglwx__row strong{font-size:15px!important}.acglwx__row small{font-size:12px!important}
 .acglwx__status{align-items:stretch!important;flex-direction:column!important;margin-top:13px!important;font-size:13px!important}
 .acglwx__status button{justify-content:space-between!important;width:100%!important}
 .acglwx__sock-rig{left:2%!important;bottom:0!important;width:64%!important;height:96%!important}
 .acglwx__compass{left:auto!important;right:4%!important;top:8%!important;width:clamp(145px,29vw,215px)!important}
}
@media(max-width:560px){
 .acglwx{width:calc(100vw - 16px)!important;margin-top:16px!important;margin-bottom:16px!important;border-radius:20px!important}
 .acglwx__visual{min-height:350px!important}
 .acglwx__card{margin:0 8px 8px!important;padding:19px 16px 15px!important}
 .acglwx__card h2{font-size:25px!important}
 .acglwx__card header p{font-size:13px!important}
 .acglwx__rows{column-gap:10px!important}
 .acglwx__row{min-height:59px!important;gap:7px!important}
 .acglwx__row strong{font-size:13px!important}.acglwx__row small{font-size:10px!important}
 .acglwx__ico{flex:0 0 27px!important}.acglwx__ico svg{width:25px!important;height:25px!important}
 .acglwx__sock-rig{width:69%!important}
 .acglwx__compass{right:3%!important;width:140px!important}
}
.acglwx[hidden],.acglwx.acglwx--hidden{display:none!important}

/* V3.2.2 — toile animée par maillage Canvas, sans découpe visible */
.acglwx__sock-canvas{
 position:absolute;
 z-index:3;
 inset:auto auto 0 0;
 width:100%;
 height:100%;
 object-fit:contain;
 object-position:left bottom;
 pointer-events:none;
 filter:drop-shadow(0 16px 13px rgba(4,25,39,.28));
 image-rendering:auto;
}
.acglwx__sock-rig.is-canvas-ready .acglwx__sock-photo{
 visibility:hidden!important;
 animation:none!important;
}
@media(prefers-reduced-motion:reduce){
 .acglwx__sock-rig.is-canvas-ready .acglwx__sock-photo--mast{visibility:visible!important}
 .acglwx__sock-rig.is-canvas-ready .acglwx__sock-canvas{display:none!important}
}

/* V3.2.3 — secteur de variation directionnelle dddVddd */
.acglwx__variation{
 position:absolute;
 z-index:2;
 inset:0;
 width:100%;
 height:100%;
 overflow:visible;
 pointer-events:none;
 filter:drop-shadow(0 0 5px rgba(255,179,71,.62));
}
.acglwx__variation[hidden]{display:none!important}

/* Secteur de variation du vent : rendu « camembert » très lisible. */
.acglwx__variation-sector{
  position:absolute;
  inset:3.5%;
  z-index:2;
  border-radius:50%;
  background:conic-gradient(
    from var(--variation-from,0deg),
    rgba(255,184,72,.46) 0deg var(--variation-span,0deg),
    transparent var(--variation-span,0deg) 360deg
  );
  -webkit-mask:radial-gradient(circle,transparent 0 42%,#000 43% 79%,transparent 80%);
  mask:radial-gradient(circle,transparent 0 42%,#000 43% 79%,transparent 80%);
  filter:drop-shadow(0 0 5px rgba(255,184,72,.62));
  pointer-events:none;
}
.acglwx__variation-sector[hidden]{display:none!important}
.acglwx__variation path{
 fill:rgba(255,179,71,.3);
 stroke:#ffd27a;
 stroke-width:2;
 stroke-dasharray:3.2 2.5;
 stroke-linecap:round;
 stroke-linejoin:round;
 vector-effect:non-scaling-stroke;
}

/* V3.2.9 — mouvements naturels photographiques, liés au vent observé */
.acglwx__visual{--acglwx-bg-position:center bottom}
.acglwx__nature,.acglwx__water-glimmer{position:absolute;inset:0;pointer-events:none}
.acglwx__nature{z-index:1;overflow:hidden}
.acglwx__water-glimmer{
 top:42%;bottom:28%;left:18%;right:4%;
 opacity:.12;
 background:repeating-linear-gradient(176deg,transparent 0 13px,rgba(230,248,255,.24) 14px 15px,transparent 16px 28px);
 background-size:190% 100%;
 mix-blend-mode:soft-light;
 animation:acglwx-water-glimmer 14s linear infinite;
}
@keyframes acglwx-water-glimmer{to{background-position:-60% 0}}
@media(max-width:560px){
 .acglwx__visual{--acglwx-bg-position:42% bottom}
 .acglwx__water-glimmer{top:44%;bottom:29%;left:12%;opacity:.09}
}
@media(prefers-reduced-motion:reduce){
 .acglwx__water-glimmer{animation:none!important}
}

/* V2.6 — paysage indépendant, ancrage au sol et METAR brut visible */
.acglwx{background-image:none!important;background-color:#dff1f8!important;gap:0}
.acglwx__visual{isolation:isolate;overflow:hidden;background-image:var(--acglwx-bg);background-size:cover;background-position:center bottom;border-radius:30px 0 0 30px}
.acglwx__visual:after{content:"";position:absolute;z-index:0;left:0;right:0;bottom:0;height:18%;pointer-events:none;background:linear-gradient(to top,rgba(8,40,38,.24),transparent)}
.acglwx__sock-rig{z-index:2;bottom:1.5%!important;height:94%!important}
.acglwx__compass{z-index:3}
.acglwx__card{position:relative;z-index:4;border-radius:0 27px 27px 0}
.acglwx__raw:not([hidden]){position:absolute;z-index:30;left:24px;right:24px;bottom:18px;display:block;max-height:130px;margin:0;padding:17px 20px;overflow:auto;border:1px solid rgba(82,201,255,.58);box-shadow:0 16px 40px rgba(0,13,27,.42);overflow-wrap:anywhere;word-break:break-word}
@media(max-width:900px){
 .acglwx{gap:10px!important;padding-bottom:10px!important;background:#dff1f8!important}
 .acglwx__visual{min-height:clamp(330px,48vw,430px)!important;border-radius:24px 24px 10px 10px!important;background-position:center bottom!important}
 .acglwx__card{margin:0 10px!important;border-radius:22px!important}
 .acglwx__sock-rig{bottom:2%!important;height:91%!important}
 .acglwx__raw:not([hidden]){position:static!important;max-height:150px!important;margin-top:10px!important;padding:13px 15px!important}
}
@media(max-width:560px){
 .acglwx{gap:8px!important;padding-bottom:8px!important}
 .acglwx__visual{min-height:330px!important;border-radius:19px 19px 8px 8px!important;background-size:cover!important;background-position:42% bottom!important}
 .acglwx__card{margin:0 8px!important;border-radius:18px!important}
 .acglwx__sock-rig{left:1%!important;bottom:2.5%!important;width:67%!important;height:90%!important}
}

/* V2.5 — réduction de la hauteur générale */
.acglwx{height:clamp(460px,32vw,550px)}
.acglwx__card{max-height:calc(100% - 32px);margin-top:16px;margin-bottom:16px;padding-top:21px;padding-bottom:15px}
.acglwx__card header{padding-bottom:12px}.acglwx__row{min-height:58px}.acglwx__status{margin-top:10px}.acglwx__legal{margin-top:6px}
@media(max-width:900px){
 .acglwx{height:auto!important}
 .acglwx__visual{min-height:clamp(300px,43vw,380px)!important}
 .acglwx__card{padding-top:18px!important;padding-bottom:14px!important}
 .acglwx__row{min-height:56px!important}
}
@media(max-width:560px){
 .acglwx__visual{min-height:285px!important}
 .acglwx__card{padding-top:16px!important;padding-bottom:12px!important}
 .acglwx__row{min-height:52px!important}
 .acglwx__compass{width:118px!important}
}

/* V2.6 final — priorité après les anciennes règles compactes */
.acglwx__card{overflow:visible!important}
@media(max-width:900px){
 .acglwx__visual{min-height:clamp(315px,46vw,400px)!important;background-position:center bottom!important}
 .acglwx__sock-rig{bottom:3%!important;height:88%!important}
}
@media(max-width:560px){
 .acglwx__visual{min-height:315px!important;background-position:42% bottom!important}
 .acglwx__sock-rig{left:1%!important;bottom:3%!important;width:64%!important;height:87%!important}
}

/* V2.7 — finition du cadre, sans liseré bleu épais ni double arrondi */
.acglwx{
 padding:0!important;
 gap:0!important;
 border:1px solid rgba(255,255,255,.72)!important;
 border-radius:28px!important;
 background:transparent!important;
 box-shadow:0 20px 55px rgba(7,39,62,.18)!important;
}
.acglwx__visual{border-radius:27px 0 0 27px!important}
.acglwx__card{
 align-self:stretch!important;
 width:auto!important;
 max-height:none!important;
 margin:0!important;
 border:0!important;
 border-left:1px solid rgba(106,196,236,.24)!important;
 border-radius:0 27px 27px 0!important;
 box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
}
@media(max-width:900px){
 .acglwx{
  gap:12px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
 }
 .acglwx__visual{
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:24px!important;
  box-shadow:0 14px 35px rgba(7,39,62,.16)!important;
 }
 .acglwx__card{
  margin:0!important;
  border:1px solid rgba(107,196,238,.25)!important;
  border-radius:24px!important;
  box-shadow:0 14px 35px rgba(7,39,62,.16),inset 0 1px rgba(255,255,255,.1)!important;
 }
}
@media(max-width:560px){
 .acglwx{gap:9px!important;padding:0!important}
 .acglwx__visual{border-radius:19px!important}
 .acglwx__card{border-radius:19px!important}
}

/* V2.9 — mouvement de tissu plus visible, mât parfaitement fixe */
.acglwx__sock-rig .acglwx__sock-photo--fabric{
 animation-duration:3.6s;
 animation-timing-function:cubic-bezier(.45,.05,.55,.95);
}
.acglwx__sock-rig[data-pose="calm"] .acglwx__sock-photo--fabric{
 animation-name:acglwx-fabric-calm-v29;
 animation-duration:4.2s;
}
.acglwx__sock-rig[data-pose="moderate"] .acglwx__sock-photo--fabric{
 animation-name:acglwx-fabric-medium-v29;
 animation-duration:2.7s;
}
.acglwx__sock-rig[data-pose="strong"] .acglwx__sock-photo--fabric{
 animation-name:acglwx-fabric-strong-v29;
 animation-duration:1.75s;
}
.acglwx__sock-rig .acglwx__sock-photo--fabric.is-gusting{animation-duration:1.25s!important}
@keyframes acglwx-fabric-calm-v29{
 0%,100%{transform:rotate(-1.2deg) translate(0,1px) scaleY(1)}
 28%{transform:rotate(2deg) translate(2px,-2px) scaleY(.99)}
 57%{transform:rotate(-2.4deg) translate(-1px,3px) scaleY(1.012)}
 78%{transform:rotate(1.35deg) translate(1px,-1px) scaleY(.995)}
}
@keyframes acglwx-fabric-medium-v29{
 0%,100%{transform:rotate(-1deg) translateY(1px) skewY(-.35deg) scaleY(1)}
 24%{transform:rotate(4.2deg) translateY(-3px) skewY(1deg) scaleY(.985)}
 52%{transform:rotate(-3.5deg) translateY(3px) skewY(-.9deg) scaleY(1.015)}
 76%{transform:rotate(2.6deg) translateY(-2px) skewY(.55deg) scaleY(.992)}
}
@keyframes acglwx-fabric-strong-v29{
 0%,100%{transform:rotate(-.6deg) translateY(0) skewY(-.25deg) scaleY(1)}
 22%{transform:rotate(3.2deg) translateY(-2px) skewY(.75deg) scaleY(.987)}
 48%{transform:rotate(-2.7deg) translateY(2px) skewY(-.7deg) scaleY(1.012)}
 72%{transform:rotate(2.1deg) translateY(-1px) skewY(.45deg) scaleY(.994)}
}

/* V3.0 — animation réaliste : aucune torsion artificielle de la photographie */
.acglwx__sock-rig .acglwx__sock-photo--fabric{
 animation-timing-function:ease-in-out!important;
 backface-visibility:hidden;
}
.acglwx__sock-rig[data-pose="calm"] .acglwx__sock-photo--fabric{
 animation-name:acglwx-fabric-calm-v30!important;
 animation-duration:4.8s!important;
 -webkit-mask-image:linear-gradient(90deg,transparent 42%,#000 53%);
 mask-image:linear-gradient(90deg,transparent 42%,#000 53%);
}
.acglwx__sock-rig[data-pose="moderate"] .acglwx__sock-photo--fabric{
 animation-name:acglwx-fabric-medium-v30!important;
 animation-duration:3.15s!important;
 -webkit-mask-image:linear-gradient(90deg,transparent 28%,#000 42%);
 mask-image:linear-gradient(90deg,transparent 28%,#000 42%);
}
.acglwx__sock-rig[data-pose="strong"] .acglwx__sock-photo--fabric{
 animation-name:acglwx-fabric-strong-v30!important;
 animation-duration:2.15s!important;
 -webkit-mask-image:linear-gradient(90deg,transparent 18%,#000 32%);
 mask-image:linear-gradient(90deg,transparent 18%,#000 32%);
}
.acglwx__sock-rig .acglwx__sock-photo--fabric.is-gusting{animation-duration:1.65s!important}
@keyframes acglwx-fabric-calm-v30{
 0%,100%{transform:rotate(-.35deg)}
 36%{transform:rotate(.55deg)}
 68%{transform:rotate(-.7deg)}
}
@keyframes acglwx-fabric-medium-v30{
 0%,100%{transform:rotate(-.55deg)}
 34%{transform:rotate(1.05deg)}
 67%{transform:rotate(-1.15deg)}
}
@keyframes acglwx-fabric-strong-v30{
 0%,100%{transform:rotate(-.4deg)}
 31%{transform:rotate(.8deg)}
 63%{transform:rotate(-.85deg)}
}

/* V3.2 — mouvement mieux perceptible avec une photo intacte en sécurité */
.acglwx__sock-rig .acglwx__sock-photo--mast{
 clip-path:none!important;
 opacity:1!important;
 animation:none!important;
}
.acglwx__sock-rig .acglwx__sock-photo--fabric{
 clip-path:none!important;
 opacity:.38;
 backface-visibility:hidden;
 animation-timing-function:ease-in-out!important;
}
.acglwx__sock-rig[data-pose="calm"] .acglwx__sock-photo--fabric{
 animation-name:acglwx-visible-calm!important;
 animation-duration:3.8s!important;
 -webkit-mask-image:linear-gradient(90deg,transparent 42%,#000 54%);
 mask-image:linear-gradient(90deg,transparent 42%,#000 54%);
}
.acglwx__sock-rig[data-pose="moderate"] .acglwx__sock-photo--fabric{
 animation-name:acglwx-visible-medium!important;
 animation-duration:2.65s!important;
 -webkit-mask-image:linear-gradient(90deg,transparent 27%,#000 43%);
 mask-image:linear-gradient(90deg,transparent 27%,#000 43%);
}
.acglwx__sock-rig[data-pose="strong"] .acglwx__sock-photo--fabric{
 animation-name:acglwx-visible-strong!important;
 animation-duration:1.85s!important;
 -webkit-mask-image:linear-gradient(90deg,transparent 17%,#000 33%);
 mask-image:linear-gradient(90deg,transparent 17%,#000 33%);
}
.acglwx__sock-rig .acglwx__sock-photo--fabric.is-gusting{animation-duration:1.25s!important}
@keyframes acglwx-visible-calm{
 0%,100%{transform:rotate(-.45deg) translateY(1px);opacity:.32;filter:brightness(1)!important}
 35%{transform:rotate(1.15deg) translateY(-2px);opacity:.58;filter:brightness(1.07)!important}
 69%{transform:rotate(-1.25deg) translateY(2px);opacity:.38;filter:brightness(.98)!important}
}
@keyframes acglwx-visible-medium{
 0%,100%{transform:rotate(-.6deg) translateY(1px);opacity:.32;filter:brightness(1)!important}
 32%{transform:rotate(1.75deg) translateY(-3px);opacity:.6;filter:brightness(1.075)!important}
 66%{transform:rotate(-1.85deg) translateY(3px);opacity:.39;filter:brightness(.975)!important}
}
@keyframes acglwx-visible-strong{
 0%,100%{transform:rotate(-.45deg) translateY(0);opacity:.34;filter:brightness(1)!important}
 29%{transform:rotate(1.35deg) translateY(-2px);opacity:.58;filter:brightness(1.065)!important}
 61%{transform:rotate(-1.45deg) translateY(2px);opacity:.4;filter:brightness(.98)!important}
}

/* V3.2.1 — signature du club sur le paysage */
.acglwx__club-sign{
 position:absolute;
 z-index:5;
 right:3.5%;
 bottom:3.8%;
 display:flex;
 align-items:flex-end;
 flex-direction:column;
 color:#fff;
 text-align:right;
 text-shadow:0 2px 12px rgba(0,20,38,.78),0 1px 2px rgba(0,0,0,.65);
 pointer-events:none;
}
.acglwx__club-sign:before{
 content:"";
 width:54px;
 height:2px;
 margin-bottom:8px;
 border-radius:2px;
 background:#e7bd5b;
 box-shadow:0 1px 5px rgba(0,0,0,.3);
}
.acglwx__club-sign span{
 font-size:clamp(10px,.72vw,13px);
 font-weight:750;
 letter-spacing:.25em;
 line-height:1;
}
.acglwx__club-sign strong{
 margin-top:5px;
 font-family:Georgia,"Times New Roman",serif;
 font-size:clamp(17px,1.35vw,24px);
 font-weight:700;
 letter-spacing:.055em;
 line-height:1;
}
@media(max-width:900px){
 .acglwx__club-sign{right:4%;bottom:4.5%}
 .acglwx__club-sign:before{width:42px;margin-bottom:6px}
 .acglwx__club-sign span{font-size:9px}
 .acglwx__club-sign strong{font-size:16px}
}
@media(max-width:560px){
 .acglwx__club-sign{right:4%;bottom:4%}
 .acglwx__club-sign:before{width:34px;height:1px;margin-bottom:5px}
 .acglwx__club-sign span{font-size:8px;letter-spacing:.18em}
 .acglwx__club-sign strong{margin-top:4px;font-size:13px;letter-spacing:.035em}
}

/* V3.4 — signature raffinée, mention METAR et éclairage nocturne */
.acglwx__club-sign:before{width:72px;background:linear-gradient(90deg,transparent,#f1c867)}
.acglwx__club-sign span{font-size:clamp(9px,.68vw,12px);font-weight:800;letter-spacing:.3em}
.acglwx__club-sign strong{
 margin-top:4px;
 font-family:"Segoe Script","Snell Roundhand","Brush Script MT",cursive;
 font-size:clamp(24px,2vw,34px);
 font-weight:600;
 letter-spacing:.01em;
 line-height:1.05;
}
.acglwx__visual-note{
 position:absolute;
 z-index:5;
 right:3.5%;
 bottom:3px;
 max-width:none;
 margin:0;
 padding:0;
 border:0;
 background:transparent;
 color:rgba(255,255,255,.58);
 box-shadow:none;
 backdrop-filter:none;
 font-size:clamp(7px,.54vw,9px);
 font-weight:500;
 letter-spacing:.025em;
 line-height:1.25;
 text-align:right;
 text-shadow:0 1px 4px rgba(0,15,28,.72);
 white-space:nowrap;
 pointer-events:none;
}
.acglwx[data-day-period="night"] .acglwx__sock-rig{
 filter:drop-shadow(0 16px 13px rgba(0,8,16,.58)) brightness(.82) saturate(.78);
}
.acglwx[data-day-period="night"][data-weather-scene="cavok"] .acglwx__shade{background:linear-gradient(90deg,rgba(2,13,29,.04),rgba(2,13,29,.2))}
.acglwx[data-day-period="night"][data-weather-scene="few"] .acglwx__shade{background:linear-gradient(90deg,rgba(8,20,38,.1),rgba(5,18,35,.3))}
.acglwx[data-day-period="night"][data-weather-scene="broken"] .acglwx__shade{background:linear-gradient(90deg,rgba(3,13,27,.24),rgba(2,11,24,.5))}
.acglwx[data-day-period="night"][data-weather-scene="overcast"] .acglwx__shade{background:linear-gradient(90deg,rgba(1,8,19,.4),rgba(0,6,16,.68))}
.acglwx[data-day-period="night"][data-weather-scene="rain"] .acglwx__shade{background:linear-gradient(90deg,rgba(5,20,34,.28),rgba(1,10,23,.62))}
.acglwx[data-day-period="night"][data-weather-scene="thunder"] .acglwx__shade{background:linear-gradient(90deg,rgba(10,12,30,.38),rgba(2,5,18,.75))}
.acglwx[data-day-period="night"][data-weather-scene="fog"] .acglwx__shade{background:linear-gradient(90deg,rgba(160,180,191,.2),rgba(70,90,105,.42))}
.acglwx__lens-drops{display:none;position:absolute;z-index:7;inset:0;background:url('gouttes-fines.webp') center/cover no-repeat;mix-blend-mode:screen;pointer-events:none;opacity:.34;filter:contrast(1.08) brightness(1.08);-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.22) 0 30%,rgba(0,0,0,.65) 58%,#000 100%);mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.22) 0 30%,rgba(0,0,0,.65) 58%,#000 100%)}
.acglwx[data-weather-scene="rain"] .acglwx__lens-drops,.acglwx[data-weather-scene="thunder"] .acglwx__lens-drops{display:block}
@media(max-width:900px){
 .acglwx__visual-note{right:4%;bottom:3px;max-width:none}
 .acglwx__club-sign strong{font-size:24px}
}
@media(max-width:560px){
 .acglwx__visual-note{right:4%;bottom:2px;max-width:none;padding:0;font-size:6px}
 .acglwx__club-sign strong{font-size:19px;letter-spacing:0}
 .acglwx__club-sign:before{width:44px}
}
