/* MGR SONO RADIO STYLE V2 — styles limités à l'espace personnel */
#mgrSono{background:#050b17}
#mgrSono main{background:radial-gradient(ellipse at 95% 0%,#17274e 0,transparent 55%),#070e1d}
#mgrSono aside{background:linear-gradient(180deg,#071020,#10152b);border-color:#19466b}
#mgrSono .sono-brand{color:#fff;text-shadow:0 0 22px #289ed85c}
#mgrSono .sono-brand span{color:#14d7ff}
#mgrSono nav button.is-active{background:linear-gradient(90deg,#075d80,#152648);box-shadow:inset 3px 0 #3de6ff,0 0 18px #00baff16}
#mgrSono nav button:hover{background:#193351}
#mgrSono .sono-heading h1{letter-spacing:-1px;text-shadow:0 3px 20px #0008}
#mgrSono .sono-hero{isolation:isolate;position:relative;overflow:hidden;min-height:305px;padding:34px;border-radius:16px;border:1px solid #2877a0;background:#081426;box-shadow:0 12px 40px #0004,0 0 24px #156f9b15}
#mgrSono .sono-hero:before{content:"";position:absolute;right:0;top:0;bottom:0;width:76%;z-index:-2;background-image:url('/assets/sono-radio-images.png?v=20261016-style2');background-size:200% 300%;background-position:0 0;background-repeat:no-repeat}
#mgrSono .sono-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071426 0%,#071426e8 25%,#07142677 52%,#07142618 100%)}
#mgrSono .sono-hero>div:first-child{max-width:65%}
#mgrSono .sono-hero h2{font-size:clamp(26px,3vw,38px);max-width:480px;text-shadow:0 3px 14px #000}
#mgrSono .sono-hero p{color:#d1ddf4;text-shadow:0 2px 8px #000}
#mgrSono .sono-hero .sono-bars{align-self:flex-end;height:75px;width:25%;opacity:.9;filter:drop-shadow(0 0 10px #4836b0);margin-bottom:0}
#mgrSono .sono-hero .sono-bars i{background:linear-gradient(#da39e8,#03d7fb);border-radius:3px}
#mgrSono .sono-action{background:linear-gradient(110deg,#074b90,#1849af 60%,#6631cc);border:1px solid #26bce9;box-shadow:0 0 14px #008ddd26;border-radius:12px}
#mgrSono .sono-action:hover{filter:brightness(1.18)}
#mgrSono .sono-grid{gap:18px}
#mgrSono .sono-tile{position:relative;isolation:isolate;overflow:hidden;min-height:210px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;border-radius:13px;background:#09182e;border:1px solid #32577b;box-shadow:0 8px 25px #0003;padding:22px}
#mgrSono .sono-tile:before{content:"";position:absolute;inset:0;z-index:-2;background-image:url('/assets/sono-radio-images.png?v=20261016-style2');background-size:200% 300%;background-repeat:no-repeat;transition:filter .2s ease}
#mgrSono .sono-tile:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061021e8,#0610219c 45%,#06102125),linear-gradient(0deg,#061021b8,transparent 80%)}
#mgrSono .sono-tile[data-tab="rooms"]:before{background-position:100% 0}
#mgrSono .sono-tile[data-tab="flyers"]:before{background-position:0 50%}
#mgrSono .sono-tile[data-tab="music"]:before{background-position:100% 50%}
#mgrSono .sono-tile[data-tab="gallery"]:before{background-position:0 100%}
#mgrSono .sono-tile[data-tab="profile"]:before{background-position:0 0}
#mgrSono .sono-tile[data-tab="history"]:before{background-position:0 100%}
#mgrSono .sono-tile[data-tab="dedicaces"]:before{background-position:100% 100%}
#mgrSono .sono-tile>span{color:#59e1ff;text-shadow:0 0 15px #009eff;margin:0 0 10px;font-size:29px}
#mgrSono .sono-tile h3{max-width:230px;font-size:18px;line-height:1.3;text-shadow:0 2px 9px #000;margin-bottom:15px}
#mgrSono .sono-tile small{display:inline-block;background:linear-gradient(110deg,#06436edb,#1537a0e8);border:1px solid #1cc9f3;color:#e5f8ff;border-radius:9px;padding:6px 16px;font-size:12px}
#mgrSono .sono-tile:hover{border-color:#67ddff;background:#09182e}
#mgrSono .sono-tile:hover:before{filter:brightness(1.15)}
#mgrSono .sono-badge{background:#0d3444c9;border-color:#34889d;color:#acf7ff}
#mgrSono footer{background:linear-gradient(90deg,#071423f5,#10152bf5);border-top:1px solid #2a779c;box-shadow:0 -6px 24px #0005}
#mgrSono footer button[data-radio]{border:1px solid #2cdbff;background:linear-gradient(110deg,#074775,#2546aa);box-shadow:0 0 13px #00bfff20;color:#fff}
/* Une illustration dédiée accompagne aussi les onglets, sans changer leurs commandes. */
#mgrSono .sono-heading.sono-art-heading{position:relative;isolation:isolate;overflow:hidden;border:1px solid #274b70;border-radius:14px;padding:28px;min-height:200px;background:#081426}
#mgrSono .sono-art-heading:before{content:"";position:absolute;top:0;right:0;bottom:0;width:65%;background-image:url('/assets/sono-radio-images.png?v=20261016-style2');background-size:200% 300%;background-position:var(--sono-art-position,0 0);z-index:-2}
#mgrSono .sono-art-heading:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081426 0%,#081426df 43%,#08142630);z-index:-1}
#mgrSono .sono-art-heading p{max-width:650px;color:#cad7f1;text-shadow:0 2px 6px #000}
@media(max-width:1000px){#mgrSono .sono-hero{padding:25px}#mgrSono .sono-tile{min-height:200px}#mgrSono .sono-hero>div:first-child{max-width:80%}}
@media(max-width:680px){#mgrSono .sono-hero{min-height:290px;padding:22px}#mgrSono .sono-hero:before{width:100%;opacity:.8}#mgrSono .sono-hero:after{background:linear-gradient(90deg,#071426ee,#071426a0 65%,#07142644)}#mgrSono .sono-hero>div:first-child{max-width:100%}#mgrSono .sono-grid{grid-template-columns:1fr;gap:13px}#mgrSono .sono-tile{min-height:185px;padding:20px}#mgrSono .sono-tile h3{font-size:20px}#mgrSono .sono-heading.sono-art-heading{padding:20px}#mgrSono .sono-art-heading:before{width:100%;opacity:.55}}
@media(prefers-reduced-motion:reduce){#mgrSono .sono-tile:before{transition:none}}