/* source:app.css */ :root{--blue:#ff7606;--blue-2:#ff7606;--navy:#121213;--navy-2:#121213;--lime:#ff7606;--red:#ff304f;--ink:#121213;--muted:#7a7a7a;--line:#ece7e3;--soft:#fffaf7;--white:#fff;--shadow:0 18px 45px rgba(18,18,18,.12);--radius:18px;--player-h:200px} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;padding-bottom:var(--player-h)}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.svg-sprite{position:absolute}.skip-link{position:fixed;z-index:9999;top:8px;left:8px;background:#fff;padding:10px 16px;border:2px solid var(--blue);transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{height:84px;display:grid;grid-template-columns:auto minmax(440px,1fr) minmax(220px,360px) auto;align-items:center;gap:28px;padding:0 2.5%;border-top:2px solid var(--navy);position:relative;z-index:100;background:rgba(255,255,255,.96)}.brand{font-size:28px;line-height:1;font-weight:850;letter-spacing:-1.5px;color:var(--navy)}.brand span{color:var(--blue)}.main-nav{display:flex;align-items:stretch;height:100%;gap:30px}.main-nav a{height:100%;display:grid;place-items:center;font-size:14px;font-weight:600;position:relative;white-space:nowrap}.main-nav a.active:after{content:"";position:absolute;bottom:18px;left:0;right:0;height:2px;background:var(--blue)}.header-search{height:46px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;padding:0 14px;position:relative;background:white}.header-search svg,.hero-search svg{width:21px;height:21px;flex:none}.header-search input,.hero-search input{min-width:0;flex:1;border:0;outline:0;background:none;padding:0 10px}.header-actions{display:flex;align-items:center;gap:20px;border-left:1px solid var(--line);padding-left:20px}.icon-link{display:flex;align-items:center;gap:8px;font-size:14px}.icon-link svg,.account-link svg{width:23px;height:23px}.account-link{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff}.mobile-menu{display:none}.site-main{min-height:calc(100vh - 84px);outline:none}.flash{position:fixed;z-index:800;top:94px;right:24px;padding:13px 18px;border-radius:12px;box-shadow:var(--shadow);background:#fff;border-left:4px solid #13a53b;animation:flash-in .25s ease}.flash.error{border-color:var(--red)}@keyframes flash-in{from{transform:translateY(-12px);opacity:0}} .home-hero{min-height:530px;display:grid;grid-template-columns:43% 57%;overflow:hidden;background:linear-gradient(115deg,#fff 0%,#fff 41%,#fffaf7 100%);position:relative}.hero-copy{padding:46px 2.4% 20px 3.1%;position:relative;z-index:2}.eyebrow{font-size:12px;line-height:1.2;letter-spacing:.16em;font-weight:850;color:var(--blue);margin:0 0 14px}.hero-copy .eyebrow{display:none}.hero-copy h1{font-family:Impact,"Arial Narrow",sans-serif;font-stretch:condensed;font-size:clamp(72px,7vw,112px);line-height:.88;letter-spacing:-.045em;margin:0;color:#121213;font-weight:900}.hero-copy h1 span,.auth-visual h1 span{color:var(--blue)}.hero-lead{font-size:25px;margin:18px 0;color:#1d1d1f}.hero-lead strong{color:var(--blue);font-weight:850}.hero-search{height:78px;border:1.5px solid var(--blue-2);border-radius:40px;padding:0 14px 0 22px;display:flex;align-items:center;box-shadow:0 12px 22px rgba(255,118,6,.12);position:relative;background:#fff;max-width:620px}.hero-search svg{width:34px;height:34px;color:var(--blue)}.hero-search input{font-size:16px;height:100%;padding-left:24px}.hero-search>button{height:56px;min-width:56px;padding:0 18px;border:1px solid var(--blue);background:#fff;color:var(--blue);border-radius:50%;font-size:22px}.mood-chips{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.mood-chips a{border:1px solid var(--line);border-radius:24px;padding:9px 15px;color:#6c6c6c;font-size:13px;background:#fff}.suggestions{position:absolute;top:calc(100% + 7px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);z-index:200;overflow:hidden;display:none}.suggestions.open{display:block}.suggestions a{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--soft)}.suggestions a:last-child{border:0}.suggestions a:hover,.suggestions a[aria-selected=true]{background:var(--soft)}.suggestions .mini-logo{width:34px;height:34px;border-radius:8px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:800}.suggestions span{display:flex;flex-direction:column}.suggestions small{color:var(--muted)} .tuner{position:relative;min-height:530px;isolation:isolate;background-image:radial-gradient(circle at 52% 50%,rgba(255,121,0,.055) 0 1px,transparent 1px);background-size:8px 8px}.tuner:before{content:"";position:absolute;width:720px;height:720px;border:1px dashed rgba(240,100,0,.35);border-radius:50%;left:52%;top:50%;transform:translate(-50%,-50%)}.tuner:after{content:"";position:absolute;width:900px;height:900px;border:1px dashed rgba(240,100,0,.25);border-radius:50%;left:52%;top:50%;transform:translate(-50%,-50%)}.tuner-ring{position:absolute;left:52%;top:50%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.ring-one{width:340px;height:340px;border:2px solid var(--blue-2)}.ring-two{width:500px;height:500px;border:1px dotted var(--blue-2)}.ring-three{width:640px;height:640px;border:1.5px solid rgba(255,121,0,.42)}.tuner-center{position:absolute;z-index:4;left:52%;top:50%;transform:translate(-50%,-50%);width:320px;height:320px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#f06400,#121213 75%);border:12px solid white;outline:2px solid var(--blue-2);box-shadow:0 16px 45px rgba(18,18,19,.25);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.tuner-center:after{content:"";position:absolute;inset:54% 9% 27%;opacity:.45;background:repeating-linear-gradient(90deg,transparent 0 5px,#ff8a1c 6px 8px);clip-path:polygon(0 48%,7% 29%,13% 70%,20% 18%,27% 64%,34% 37%,41% 74%,48% 26%,55% 60%,62% 12%,69% 73%,76% 32%,83% 63%,90% 20%,100% 48%,100% 55%,90% 60%,83% 44%,76% 72%,69% 42%,62% 82%,55% 35%,48% 74%,41% 37%,34% 67%,27% 32%,20% 78%,13% 31%,7% 67%,0 51%)}.live-pill{display:inline-flex;align-items:center;gap:6px;background:var(--lime);color:#173100;text-transform:uppercase;font-size:10px;line-height:1;padding:8px 13px;border-radius:20px;letter-spacing:.06em;font-weight:800}.live-pill i,.live-dot i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(15,97,0,.14)}.tuner-center h2{font-family:Impact,"Arial Narrow",sans-serif;font-size:50px;letter-spacing:-1.5px;margin:12px 0 0;line-height:1}.tuner-center>p{margin:4px 0 0;font-size:15px;color:#fffaf7}.current-show{display:flex;flex-direction:column;margin-top:7px;position:relative;z-index:2}.current-show strong{font-size:13px}.current-show span{font-size:10px;color:#ece7e3}.tuner-controls{display:flex;align-items:center;gap:24px;margin-top:14px;position:relative;z-index:2}.hero-play{width:74px;height:74px;border:0;border-radius:50%;display:grid;place-items:center;background:white;color:var(--blue);box-shadow:0 0 0 8px rgba(255,255,255,.18)}.hero-play svg{width:34px;height:34px}.heart-button{border:0;background:transparent;color:#fff;margin-top:7px}.heart-button svg{width:24px;height:24px}.favorite-toggle.active svg,.player-favorite.active svg{fill:#e65a00}.orbit-station{position:absolute;border:0;background:transparent;z-index:5;padding:0}.orbit-station .station-logo{width:76px;height:76px;border-radius:50%;border:5px solid #fff;box-shadow:0 8px 18px rgba(18,18,19,.25);font-size:21px}.orbit-station i{position:absolute;right:-2px;top:3px;width:19px;height:19px;border-radius:50%;background:var(--lime);border:2px solid #fff}.orbit-station i:after{content:"⌁";font-size:10px;font-style:normal;color:#173100;position:absolute;inset:0;display:grid;place-items:center}.orbit-1{left:14%;top:22%}.orbit-2{right:13%;top:14%}.orbit-3{right:5%;top:52%}.orbit-4{right:12%;bottom:3%}.orbit-5{left:34%;bottom:0}.orbit-6{left:9%;bottom:18%}.tuner-labels span{position:absolute;z-index:2;font-size:11px;letter-spacing:.13em;color:#929292}.tuner-labels span:nth-child(1){top:5%;left:18%;transform:rotate(-34deg)}.tuner-labels span:nth-child(2){top:7%;right:18%;transform:rotate(30deg)}.tuner-labels span:nth-child(3){right:3%;top:47%;transform:rotate(80deg)}.tuner-labels span:nth-child(4){right:18%;bottom:5%;transform:rotate(-35deg)}.tuner-labels span:nth-child(5){left:60%;bottom:3%;transform:rotate(-10deg)}.tuner-labels span:nth-child(6){left:7%;bottom:23%;transform:rotate(73deg)} .discovery-row{display:grid;grid-template-columns:38% 62%;padding:14px 2.5% 12px;gap:22px;border-top:1px solid #fffaf7}.genre-browser{padding-right:20px;border-right:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.section-heading h2{font-size:18px;letter-spacing:-.03em;margin:0}.section-heading a{font-size:13px;color:var(--blue);font-weight:650;display:flex;align-items:center;gap:4px}.section-heading svg{width:18px;height:18px}.genre-icons{display:flex;gap:11px;align-items:flex-start;overflow-x:auto;padding-bottom:4px}.genre-icons a{min-width:51px;text-align:center;color:#707070;font-size:11px}.genre-icons i{width:43px;height:43px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-style:normal;font-size:19px;background:#fff;margin:auto auto 5px}.genre-icons a.active{color:var(--blue);font-weight:800}.genre-icons a.active i{background:var(--blue);border-color:var(--blue);color:white}.nearby-browser{min-width:0}.station-carousel{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 2px 6px}.station-carousel .station-card{min-width:170px;scroll-snap-align:start}.station-card{min-width:0}.station-art{height:110px;background:linear-gradient(145deg,hsl(var(--logo-hue,220) 70% 42%),#121213);border-radius:10px;display:grid;place-items:center;position:relative;overflow:hidden}.station-art:before{content:"";position:absolute;inset:auto -20px -45px;height:90px;background:rgba(255,255,255,.08);transform:rotate(-8deg)}.station-logo{width:56px;height:56px;object-fit:cover;display:grid;place-items:center;flex:none}.station-logo.placeholder{--logo-hue:220;background:linear-gradient(145deg,hsl(var(--logo-hue) 75% 48%),hsl(var(--logo-hue) 75% 27%));color:#fff;font-weight:900;letter-spacing:-.05em;text-shadow:0 1px 6px rgba(0,0,0,.22);border-radius:13px}.station-art>.station-logo{width:76px;height:76px;background:transparent!important;font-size:30px}.live-dot{position:absolute;right:7px;top:7px;background:rgba(255,255,255,.93);color:#1c9f2f;font-size:9px;font-weight:800;border-radius:12px;padding:4px 7px;display:flex;gap:4px;align-items:center}.station-card-body{display:flex;justify-content:space-between;align-items:center;padding-top:7px}.station-card h3{font-size:13px;margin:0;line-height:1.2}.station-card p{font-size:11px;color:var(--muted);margin:3px 0 0}.round-play{width:28px;height:28px;border:1px solid var(--line);background:#fff;border-radius:50%;display:grid;place-items:center;color:var(--blue);flex:none}.round-play svg{width:15px;height:15px}.section-space{padding:42px 3.1%}.content-grid{background:var(--soft);display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px}.radio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.radio-grid .station-art{height:150px;border-radius:14px}.listen-sidebar{display:flex;flex-direction:column;gap:18px}.listen-sidebar>section,.profile-card,.report-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px}.compact-list{display:flex;flex-direction:column}.compact-list>div{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.compact-list>div:first-of-type{border-top:0}.compact-list .station-logo{width:38px;height:38px;border-radius:9px;font-size:11px}.compact-list span{display:flex;flex-direction:column;min-width:0;flex:1}.compact-list strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-list small,.empty-copy{color:var(--muted);font-size:12px}.compact-list button{border:0;background:transparent;color:var(--blue)}.city-section{background:#fff}.city-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.city-grid a{border:1px solid var(--line);border-radius:15px;padding:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.city-grid a>span{color:var(--blue)}.city-grid strong{grid-column:2}.city-grid small{grid-column:2;color:var(--muted)}.city-grid svg{grid-column:3;grid-row:1/3;width:18px;height:18px}.up-next{background:#121213;color:#fff}.up-next .eyebrow{color:var(--lime)}.up-next>div{display:flex;gap:14px}.up-next article{flex:1;display:flex;align-items:center;gap:15px;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:14px}.up-next time{font-size:24px;font-weight:800}.up-next span{display:flex;flex-direction:column}.up-next small{color:#ff9a3a} .page-hero{background:linear-gradient(120deg,#fffaf7,#fff 70%);border-bottom:1px solid var(--line)}.page-hero.compact{padding:50px 3.1% 42px}.page-hero h1{font-size:clamp(42px,6vw,76px);letter-spacing:-.055em;line-height:1;margin:0 0 12px}.page-hero>p:last-child{font-size:18px;color:var(--muted);margin:0}.catalog-layout{display:grid;grid-template-columns:230px 1fr;gap:34px;padding:35px 3.1% 55px}.filters{display:flex;flex-direction:column;gap:16px;align-self:start;position:sticky;top:20px;border:1px solid var(--line);padding:18px;border-radius:16px}.filters label,.auth-card label,.profile-card label,.dialog label,.side-form label,.settings-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700}.filters input,.filters select,.auth-card input,.profile-card input,.dialog input,.dialog select,.dialog textarea{width:100%;height:44px;border:1px solid var(--line);border-radius:9px;padding:0 11px;background:#fff}.dialog textarea{height:auto;padding:10px}.button{border:1px solid var(--line);height:44px;padding:0 18px;border-radius:22px;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750}.button svg{width:18px;height:18px}.button.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.button.ghost{background:#fff}.catalog-meta{display:flex;justify-content:space-between;margin-bottom:18px;color:var(--muted);font-size:13px}.catalog-meta strong{color:var(--ink)}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-grid .station-art{height:170px}.pagination{display:flex;gap:7px;margin-top:32px;flex-wrap:wrap}.pagination a{min-width:36px;height:36px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center}.pagination a.active{background:var(--blue);color:#fff}.empty-state{grid-column:1/-1;text-align:center;padding:60px 20px;border:1px dashed var(--line);border-radius:16px}.empty-state h2{font-size:24px;margin:0 0 8px}.empty-state p{color:var(--muted);margin:0 0 20px} .station-detail-hero{padding:55px 7%;display:grid;grid-template-columns:300px 1fr;gap:55px;align-items:center;background:radial-gradient(circle at 16% 50%,rgba(255,121,0,.15),transparent 28%),linear-gradient(120deg,#fffaf7,#fff)}.station-detail-art{width:300px;height:300px;border-radius:50%;border:12px solid white;outline:2px solid var(--blue);box-shadow:var(--shadow);background:var(--navy);display:grid;place-items:center;position:relative}.station-detail-art .station-logo{width:170px;height:170px;border-radius:50%;font-size:50px}.on-air{position:absolute;right:18px;top:22px;width:38px;height:38px;border-radius:50%;background:var(--lime);border:5px solid #fff}.station-detail-copy{max-width:760px}.station-detail-copy h1{font-size:64px;line-height:1;margin:14px 0 5px;letter-spacing:-.05em}.station-detail-copy>p{color:var(--muted);max-width:700px}.station-detail-copy .station-place{font-size:20px;color:var(--blue);font-weight:700}.station-tags{display:flex;gap:8px;margin:18px 0}.station-tags>*{background:#fffaf7;color:var(--blue);padding:6px 11px;border-radius:8px;font-size:12px;font-weight:750}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:1fr 290px;gap:30px}.schedule-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.schedule-list article{display:grid;grid-template-columns:90px 1fr auto;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.schedule-list time{font-size:24px;font-weight:800;color:var(--blue);display:flex;flex-direction:column}.schedule-list time small{font-size:12px;color:var(--muted)}.schedule-list article>div{display:flex;flex-direction:column}.schedule-list article>div span{color:var(--blue);font-size:13px}.schedule-list article p{color:var(--muted);margin:5px 0;font-size:13px}.schedule-list article>b{font-size:12px}.report-box{background:var(--soft)} .podcast-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.podcast-cover{aspect-ratio:1;border-radius:18px;background:linear-gradient(145deg,var(--blue),#ff7606 72%,#ff3872);display:flex;align-items:center;justify-content:center;color:#fff;position:relative;box-shadow:var(--shadow)}.podcast-cover span{font-size:70px;font-weight:900;letter-spacing:-.09em}.podcast-cover i{position:absolute;right:15px;top:13px;font-style:normal;color:var(--lime)}.podcast-card>p{font-size:11px;color:var(--blue);font-weight:800;text-transform:uppercase;margin:14px 0 4px}.podcast-card h2{font-size:20px;margin:0}.podcast-card>span{font-size:12px;color:var(--muted)}.podcast-hero{padding:55px 9%;display:grid;grid-template-columns:260px 1fr;align-items:center;gap:45px;background:var(--soft)}.podcast-cover.large{width:260px;height:260px}.podcast-hero h1{font-size:62px;line-height:1;margin:0 0 14px}.podcast-hero p:not(.eyebrow){color:var(--muted)}.episodes{max-width:1100px;margin:auto}.episodes article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:18px 0;border-top:1px solid var(--line)}.episodes .round-play{width:50px;height:50px}.episodes time,.episodes article>span{font-size:12px;color:var(--muted)}.episodes h3{margin:3px 0;font-size:18px}.episodes p{margin:0;color:var(--muted);font-size:13px}.search-page-form{margin-top:25px;max-width:760px}.search-page-form>button{border-radius:25px;min-width:120px;font-size:14px;background:var(--blue);color:#fff}.search-results{padding-top:30px}.section-heading h2 span{color:var(--muted);font-weight:400}.result-heading{margin-top:45px}.search-podcast-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.search-podcast-list a{display:grid;grid-template-columns:55px 1fr auto;align-items:center;gap:12px;border:1px solid var(--line);padding:10px;border-radius:12px}.search-podcast-list>a>span{width:55px;height:55px;background:linear-gradient(145deg,var(--blue),#ff7606);color:#fff;border-radius:9px;display:grid;place-items:center;font-weight:900}.search-podcast-list div{display:flex;flex-direction:column}.search-podcast-list small{color:var(--muted)}.search-podcast-list svg{width:18px;height:18px} .auth-page{min-height:calc(100vh - 84px - var(--player-h));display:grid;grid-template-columns:1.1fr 500px;align-items:center;background:linear-gradient(135deg,#fffaf7,#fff);padding:60px 10%;gap:70px}.auth-visual h1{font-family:Impact,"Arial Narrow",sans-serif;font-size:78px;line-height:.9;letter-spacing:-.04em;margin:20px 0}.auth-visual p{font-size:19px;color:var(--muted)}.sound-orbit{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--navy);font-size:26px}.auth-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:36px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px}.auth-card h2{font-size:32px;margin:0}.auth-card label small{color:var(--muted);font-weight:400}.auth-card>p:last-child{text-align:center;color:var(--muted);font-size:13px}.auth-card>p a{color:var(--blue);font-weight:700}.field-error{color:#c21d3c!important}.profile-header{padding:55px 7%;display:flex;align-items:center;gap:22px;background:var(--soft)}.profile-avatar{width:82px;height:82px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:32px;font-weight:900}.profile-header h1{font-size:45px;line-height:1;margin:0}.profile-header p{margin:4px 0;color:var(--muted)}.profile-header form{margin-left:auto}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.profile-card{padding:25px}.profile-card h2{margin-top:0}.profile-card form{}.profile-card label{margin:14px 0}.profile-card.wide{grid-column:1/-1}.history-table>div{display:grid;grid-template-columns:44px 1fr 1fr 140px auto;align-items:center;gap:12px;border-top:1px solid var(--line);padding:10px}.history-table .station-logo{width:38px;height:38px;border-radius:8px;font-size:11px}.history-table span,.history-table time{color:var(--muted);font-size:13px}.history-table button{border:0;background:#fffaf7;color:var(--blue);border-radius:50%;width:32px;height:32px}.error-page{text-align:center;padding:100px 20px}.error-page>strong{font-size:120px;line-height:1;color:var(--blue)}.error-page h1{font-size:40px;margin:0}.error-page p{color:var(--muted);margin-bottom:24px} .dialog{width:min(520px,calc(100% - 30px));border:0;border-radius:18px;padding:0;box-shadow:0 25px 80px rgba(0,0,0,.25)}.dialog::backdrop{background:rgba(18,18,19,.65)}.dialog form{padding:28px;display:flex;flex-direction:column;gap:16px}.dialog h2{margin:0}.dialog p{margin:0;color:var(--muted)}.dialog-close{position:absolute;right:16px;top:16px;border:0;background:transparent}.dialog-close svg{width:22px;height:22px}.timer-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.timer-options button{height:45px;border:1px solid var(--line);border-radius:9px;background:white}.form-status{font-size:13px} .player{position:fixed;z-index:500;left:0;right:0;bottom:0;height:var(--player-h);color:#fff;background:linear-gradient(110deg,#121213,#1d1d1f 60%,#1d1d1f);border:2px solid #1d1d1f;border-radius:14px 14px 0 0;box-shadow:0 -10px 35px rgba(18,18,19,.18);transition:height .25s ease,transform .25s ease}.player:before{content:"";position:absolute;inset:2px;border:1px solid rgba(255,121,0,.45);border-radius:11px 11px 0 0;pointer-events:none}.player-main{height:122px;display:grid;grid-template-columns:100px 250px 210px 350px 1fr 180px 44px 44px 44px;align-items:center;padding:0 2%;gap:14px}.player-collapse{position:absolute;left:14px;top:43px;border:0;background:transparent;color:#fff;font-size:28px}.player-station-logo .station-logo{width:84px;height:84px;border-radius:15px;border:2px solid var(--lime);font-size:23px}.player-meta{display:flex;flex-direction:column;align-items:flex-start;border-right:1px dotted rgba(255,255,255,.5);height:76px;justify-content:center}.player-meta .live-pill{padding:6px 10px}.player-name{font-size:26px;line-height:1;margin:7px 0 3px}.player-location{font-size:13px;color:#ff9a3a}.player-show{display:flex;flex-direction:column}.player-show small{font-size:9px;letter-spacing:.12em;color:var(--lime)}.player-show strong{font-size:13px}.player-show span{font-size:11px;color:#ff9a3a}.player-controls{display:flex;justify-content:center;align-items:center;gap:19px;border-right:1px dotted rgba(255,255,255,.5)}.player-controls button,.player-favorite,.player-timer,.player-queue{border:0;background:transparent;color:#fff;font-size:21px;min-width:34px}.player-controls button:disabled{opacity:.35;cursor:not-allowed}.player-controls button small{font-size:8px}.player-controls .player-play{width:72px;height:72px;border-radius:50%;background:#fff;color:var(--blue);display:grid;place-items:center;outline:4px solid var(--lime);border:6px solid var(--navy)}.player-play svg{width:28px;height:28px}.player-visual{height:54px;display:flex;align-items:center;justify-content:center;gap:4px;border-right:1px dotted rgba(255,255,255,.5);overflow:hidden}.player-visual i{width:2px;height:var(--bar,18px);background:var(--lime);animation:wave 1.1s ease-in-out infinite alternate;animation-play-state:paused}.player[data-state=playing] .player-visual i{animation-play-state:running}.player-visual i:nth-child(2n){--bar:34px;animation-delay:.15s}.player-visual i:nth-child(3n){--bar:12px;animation-delay:.3s}.player-visual i:nth-child(4n){--bar:46px;animation-delay:.45s}@keyframes wave{to{height:8px}}.player-volume{display:flex;gap:10px;align-items:center}.player-volume svg{width:23px;height:23px}.player-volume input{accent-color:var(--lime);width:140px}.player-main>button svg{width:24px;height:24px}.player-status{position:absolute;left:385px;right:46%;bottom:76px;display:flex;align-items:center;gap:10px;font-size:10px;color:#ff9a3a}.player-progress{height:2px;flex:1;background:rgba(255,255,255,.2)}.player-progress i{height:100%;width:0;background:var(--lime);display:block}.player[data-state=loading] .player-progress i{width:35%;animation:loading 1.2s infinite}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(350%)}}.retry-player{border:0;border-radius:9px;background:var(--lime);color:var(--navy);font-size:10px}.player-secondary{height:76px;border-top:1px solid rgba(255,255,255,.2);display:grid;grid-template-columns:1fr 260px 270px 210px;align-items:center;padding:0 3%;gap:22px}.player-secondary>*+*{border-left:1px solid rgba(255,255,255,.2);padding-left:26px}.player-secondary a,.player-secondary button{color:#fff;background:none;border:0;font-size:13px}.breaking{font-size:13px}.breaking b{font-size:9px;background:#ff334d;padding:7px 10px;border-radius:3px;margin-right:12px}.connect-pill{border:0!important;background:linear-gradient(90deg,#ff7606,#ff7606)!important;border-radius:26px;padding:11px 18px!important;display:flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase}.connect-pill svg{width:18px;height:18px}.player.is-collapsed{height:76px}.player.is-collapsed .player-secondary,.player.is-collapsed .player-show,.player.is-collapsed .player-visual,.player.is-collapsed .player-status{display:none}.player.is-collapsed .player-main{height:76px;grid-template-columns:70px 1fr auto 130px 40px 40px}.player.is-collapsed .player-station-logo .station-logo{width:55px;height:55px}.player.is-collapsed .player-meta{border:0;height:auto}.player.is-collapsed .player-controls{grid-column:3;border:0}.player.is-collapsed .player-volume{grid-column:4}.player.is-collapsed .player-favorite{grid-column:5}.player.is-collapsed .player-timer{grid-column:6}.player.is-collapsed .player-queue{display:none}.player.is-collapsed .player-collapse{top:16px}.player.is-collapsed .player-name{font-size:17px} .station-card{position:relative}.card-favorite{position:absolute;left:8px;top:8px;z-index:2;width:29px;height:29px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:var(--navy);display:grid;place-items:center}.card-favorite svg{width:16px;height:16px}.country-picker{height:34px;border:0;background:#fffaf7;border-radius:8px;padding:0 6px}.station-more{position:relative}.station-more summary{list-style:none}.station-more summary::-webkit-details-marker{display:none}.station-more>div{position:absolute;right:0;top:50px;z-index:10;width:170px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:6px}.station-more>div>*{display:block;width:100%;border:0;background:#fff;text-align:left;padding:9px;border-radius:6px;font-size:12px}.station-more>div>*:hover{background:var(--soft)}.queue-popover{position:absolute;right:20px;bottom:105px;width:310px;max-height:360px;overflow:auto;background:#fff;color:var(--ink);border-radius:15px;box-shadow:0 20px 55px rgba(0,0,0,.3);padding:16px}.queue-popover h3{margin:0 0 10px}.queue-popover>button[data-queue-id]{width:100%;display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;border:0;border-top:1px solid var(--line);background:#fff;padding:9px;text-align:left}.queue-popover>button span{display:flex;flex-direction:column}.queue-popover small{color:var(--muted)}.queue-close{position:absolute;right:10px;top:9px;border:0;background:transparent;font-size:22px} .tuner-mini-actions{display:flex;align-items:center;gap:13px;position:relative;z-index:3;height:28px}.tuner-mini-actions .heart-button{margin:0}.tuner-mini-actions a{color:#fff;letter-spacing:.08em;font-size:13px} :focus-visible{outline:3px solid #ffbf00;outline-offset:3px} @media(max-width:1280px){.site-header{grid-template-columns:auto 1fr 250px auto;gap:20px}.main-nav{gap:19px}.home-hero{grid-template-columns:44% 56%}.tuner{transform:scale(.9);transform-origin:center}.radio-grid{grid-template-columns:repeat(3,1fr)}.city-grid{grid-template-columns:repeat(3,1fr)}.player-main{grid-template-columns:85px 210px 170px 315px 1fr 145px 38px 38px}.player-queue{display:none}.player-volume input{width:105px}} @media(max-width:1024px){:root{--player-h:140px}.site-header{grid-template-columns:auto 1fr auto;height:76px}.main-nav{justify-content:center}.header-search{display:none}.home-hero{grid-template-columns:1fr 1fr;min-height:510px}.hero-copy{padding-top:55px}.hero-copy h1{font-size:74px}.hero-lead{font-size:20px}.hero-search{height:62px}.tuner{min-height:510px;transform:scale(.82)}.discovery-row{grid-template-columns:1fr;padding-top:22px}.genre-browser{border:0;padding:0}.nearby-browser{display:none}.content-grid{grid-template-columns:1fr}.listen-sidebar{display:grid;grid-template-columns:1fr 1fr}.catalog-layout{grid-template-columns:1fr}.filters{position:static;display:grid;grid-template-columns:1fr 1fr auto}.catalog-grid{grid-template-columns:repeat(3,1fr)}.podcast-grid{grid-template-columns:repeat(3,1fr)}.station-detail-hero{grid-template-columns:220px 1fr;padding:45px 5%;gap:35px}.station-detail-art{width:220px;height:220px}.station-detail-art .station-logo{width:130px;height:130px}.station-detail-copy h1{font-size:52px}.player{height:140px}.player-main{height:92px;grid-template-columns:74px 1fr 300px 150px 40px;padding-left:50px}.player-collapse{top:28px}.player-station-logo .station-logo{width:66px;height:66px}.player-meta{height:auto;border:0}.player-name{font-size:20px}.player-show,.player-visual,.player-timer,.player-queue{display:none}.player-controls{border:0}.player-status{display:none}.player-secondary{height:48px;grid-template-columns:1fr auto auto}.player-secondary>*+*{border:0}.player-secondary>*:nth-child(2){display:none}.player.is-collapsed{height:76px}} @media(max-width:768px){:root{--player-h:96px}.site-header{height:68px;padding:0 18px;grid-template-columns:1fr auto auto;border-top-width:1px}.brand{font-size:23px}.mobile-menu{display:flex;width:38px;height:38px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:5px}.mobile-menu span:not(.sr-only){height:2px;width:22px;background:var(--navy)}.main-nav{position:absolute;top:67px;left:0;right:0;background:#fff;box-shadow:var(--shadow);height:auto;display:none;flex-direction:column;gap:0;padding:10px 18px}.main-nav.open{display:flex}.main-nav a{height:44px;display:flex}.main-nav a.active:after{bottom:5px;width:35px}.header-actions .icon-link span{display:none}.header-actions{border:0;padding:0;gap:10px}.icon-link svg{width:21px}.account-link{width:36px;height:36px}.home-hero{display:flex;flex-direction:column;overflow:hidden}.hero-copy{padding:42px 20px 15px}.hero-copy .eyebrow{display:block}.hero-copy h1{font-size:64px}.hero-lead{font-size:18px}.hero-search{height:58px;padding-left:16px}.hero-search svg{width:26px}.hero-search input{padding-left:12px;font-size:14px}.hero-search>button{height:44px;min-width:44px;padding:0}.mood-chips{overflow-x:auto;flex-wrap:nowrap}.mood-chips a{white-space:nowrap}.tuner{height:430px;min-height:430px;transform:scale(.9);width:100%;margin-top:-20px}.tuner:before,.ring-three{display:none}.tuner-center{width:270px;height:270px}.tuner-center h2{font-size:42px}.ring-one{width:288px;height:288px}.ring-two{width:390px;height:390px}.orbit-station .station-logo{width:57px;height:57px}.orbit-1{left:2%;top:25%}.orbit-2{right:2%;top:17%}.orbit-3{right:1%;top:62%}.orbit-4{display:none}.orbit-5{left:26%;bottom:2%}.orbit-6{left:2%;bottom:12%}.discovery-row{padding:20px}.genre-icons{gap:16px}.content-grid,.section-space{padding:32px 20px}.radio-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.radio-grid .station-art,.catalog-grid .station-art{height:135px}.listen-sidebar{grid-template-columns:1fr}.city-grid{grid-template-columns:repeat(2,1fr)}.up-next>div{flex-direction:column}.catalog-layout{padding:24px 20px}.filters{grid-template-columns:1fr}.catalog-meta{flex-direction:column}.page-hero.compact{padding:38px 20px 32px}.page-hero h1{font-size:48px}.station-detail-hero{grid-template-columns:1fr;text-align:center;padding:35px 20px}.station-detail-art{margin:auto}.station-detail-copy{display:flex;flex-direction:column;align-items:center}.station-detail-copy h1{font-size:48px}.detail-grid{grid-template-columns:1fr}.podcast-grid{grid-template-columns:repeat(2,1fr);gap:18px}.podcast-hero{grid-template-columns:150px 1fr;padding:35px 20px;gap:20px}.podcast-cover.large{width:150px;height:150px}.podcast-cover span{font-size:45px}.podcast-hero h1{font-size:40px}.search-podcast-list{grid-template-columns:1fr}.auth-page{grid-template-columns:1fr;padding:35px 20px}.auth-visual{display:none}.profile-header{padding:35px 20px;flex-wrap:wrap}.profile-header form{margin-left:0;width:100%}.profile-grid{grid-template-columns:1fr}.profile-card.wide{grid-column:auto}.history-table>div{grid-template-columns:40px 1fr auto}.history-table span{display:none}.history-table time{grid-column:2}.player{height:96px;border-radius:12px 12px 0 0}.player-main{height:96px;display:grid;grid-template-columns:56px 1fr auto 35px;padding:0 12px 0 42px;gap:9px}.player-collapse{left:8px;top:29px;font-size:22px}.player-station-logo .station-logo{width:52px;height:52px;border-radius:10px;font-size:14px}.player-meta{min-width:0}.player-name{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.player-location{font-size:10px}.player-meta .live-pill{font-size:8px;padding:4px 7px}.player-controls{grid-column:3}.player-controls>button:not(.player-play){display:none}.player-controls .player-play{width:54px;height:54px;border-width:4px;outline-width:2px}.player-volume,.player-show,.player-visual,.player-status,.player-secondary,.player-timer,.player-queue{display:none}.player-favorite{grid-column:4;font-size:18px}.player.is-collapsed{height:72px}.player.is-collapsed .player-main{height:72px;grid-template-columns:48px 1fr auto 30px;padding-left:38px}.player.is-collapsed .player-volume,.player.is-collapsed .player-timer{display:none}.player.is-collapsed .player-favorite{grid-column:4}.player.is-collapsed .player-controls{grid-column:3}.player.is-collapsed .player-collapse{top:18px}} @media(max-width:430px){.hero-copy h1{font-size:56px}.hero-lead{font-size:16px}.tuner{transform:scale(.82);width:122%;margin-left:-11%}.radio-grid,.catalog-grid,.podcast-grid{grid-template-columns:1fr 1fr;gap:12px}.radio-grid .station-art{height:118px}.city-grid{grid-template-columns:1fr}.station-detail-copy h1{font-size:42px}.podcast-hero{grid-template-columns:1fr;text-align:center}.podcast-cover.large{margin:auto}.episodes article{grid-template-columns:auto 1fr}.episodes article>span{display:none}.auth-card{padding:25px}.search-page-form>button{min-width:48px;font-size:0}.detail-actions{justify-content:center}} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}} /* ===== DirectPlayer V2 ===== */ :root{--player-h:94px;--dp-brand:#f06400;--dp-brand-dark:#1d1d1f;--dp-surface:#fffaf7} body{padding-bottom:var(--player-h);background:#fff} .v2-header{height:78px;grid-template-columns:minmax(210px,280px) minmax(360px,1fr) minmax(190px,300px) auto;border-top:0;border-bottom:1px solid #ece7e3;box-shadow:0 4px 22px rgba(18,18,18,.05);position:sticky;top:0} .brand-logo{display:flex;align-items:center;min-width:0}.brand-logo img{display:block;width:min(250px,18vw);height:auto;max-height:58px;object-fit:contain;object-position:left center} .v2-header .main-nav a.active:after{background:var(--dp-brand);bottom:13px}.v2-header .account-link{background:var(--dp-brand)} .v2-home-hero{min-height:570px;grid-template-columns:minmax(0,46%) minmax(0,54%);background:radial-gradient(circle at 78% 45%,#fffaf7 0,transparent 38%),linear-gradient(135deg,#fff 0,#fffaf7 100%)} .v2-home-hero .hero-copy{padding:72px 4vw 50px 5vw}.v2-home-hero .hero-copy .eyebrow{display:block;color:var(--dp-brand)}.v2-home-hero .hero-copy h1{font-family:Inter,ui-sans-serif,sans-serif;font-size:clamp(54px,5.5vw,88px);line-height:.98;letter-spacing:-.065em;font-weight:900}.v2-home-hero .hero-copy h1 span{color:var(--dp-brand)}.v2-home-hero .hero-lead{font-size:20px;max-width:700px;line-height:1.55;color:#5f5f5f}.hero-shortcuts{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.hero-shortcuts .button{min-height:44px} .v2-tuner{min-height:570px;background-image:radial-gradient(circle at 52% 50%,rgba(240,100,0,.07) 0 1px,transparent 1px);background-size:10px 10px}.v2-tuner:before,.v2-tuner:after{border-color:rgba(240,100,0,.22)}.v2-tuner .tuner-ring{border-color:rgba(240,100,0,.38)}.v2-tuner .dp-center{width:290px;height:290px;background:#fff;color:var(--dp-brand-dark);border:10px solid #fff;outline:1px solid rgba(240,100,0,.28);box-shadow:0 22px 70px rgba(18,18,18,.16)}.v2-tuner .dp-center:after{display:none}.v2-tuner .dp-center img{width:76%;height:auto;object-fit:contain}.v2-tuner .dp-center strong{font-size:12px;letter-spacing:.18em;margin-top:14px}.v2-tuner .dp-center span{font-size:12px;color:#8a8a8a;margin-top:3px}.orbit-station{transition:opacity .3s ease,transform .3s ease}.orbit-station.is-changing{opacity:.15;transform:scale(.85)} .v2-section{max-width:1500px;margin:0 auto}.section-heading .heading-actions{display:flex;align-items:center;gap:12px}.nearby-button{white-space:nowrap} .genre-v2-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.genre-v2-grid>a{min-height:118px;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#fffaf7);display:flex;flex-direction:column;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.genre-v2-grid>a:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#e8e8e8}.genre-v2-grid>a>span{font-size:25px;color:var(--dp-brand)}.genre-v2-grid strong{font-size:16px;margin-top:7px}.genre-v2-grid small{color:var(--muted);margin-top:3px}.genre-page-grid{grid-template-columns:repeat(5,minmax(0,1fr))} .v2-city-grid a{min-height:92px;background:#fff;border:1px solid var(--line);border-radius:16px}.city-directory>section+section{margin-top:38px}.city-directory .section-heading{border-bottom:1px solid var(--line);padding-bottom:10px} .station-card.has-cover{border-radius:17px;overflow:hidden;border:1px solid #ece7e3;background:#fff;box-shadow:0 8px 25px rgba(18,18,18,.06)}.station-card.has-cover .station-art{height:145px;position:relative;overflow:hidden;background:linear-gradient(145deg,#fffaf7,#ece7e3)}.station-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.station-art:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(18,18,19,.52),rgba(18,18,19,.04) 65%);pointer-events:none}.station-logo-wrap{position:absolute;left:14px;bottom:12px;z-index:2}.station-logo-wrap .station-logo{width:58px;height:58px;border-radius:14px;border:3px solid #fff;box-shadow:0 7px 20px rgba(0,0,0,.2)}.station-card .live-dot{z-index:3}.station-card .card-favorite{z-index:4}.station-card-body{padding:13px 14px 15px} .podcast-cover{overflow:hidden}.podcast-cover img{width:100%;height:100%;object-fit:cover;display:block}.compact-podcast-grid{grid-template-columns:repeat(4,minmax(0,1fr))} .site-footer{background:#121213;color:#ece7e3;padding:52px 5vw calc(34px + var(--player-h));margin-top:64px}.footer-main{max-width:1450px;margin:auto;display:grid;grid-template-columns:minmax(240px,380px) 1fr auto;gap:48px;align-items:start}.footer-brand img{width:min(360px,100%);height:auto;filter:brightness(0) invert(1);opacity:.92}.footer-main h2{margin:0 0 8px;font-size:24px}.footer-main p{margin:0 0 10px;color:#bfbfbf}.footer-main a[href^="mailto"]{color:#fff;font-weight:700}.footer-main nav{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:12px 30px}.footer-main nav a:hover{color:#fff;text-decoration:underline}.footer-bottom{max-width:1450px;margin:38px auto 0;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#a3a3a3;font-size:13px} .player.player-v2{position:fixed;left:0;right:0;bottom:0;z-index:700;height:94px;background:rgba(18,18,19,.98);color:#fff;border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -12px 35px rgba(18,18,19,.18);border-radius:0}.player-v2 .player-main{height:88px;display:grid;grid-template-columns:64px minmax(190px,1fr) auto minmax(120px,190px) 42px 42px 42px;align-items:center;gap:14px;padding:0 26px}.player-v2 .player-station-logo .station-logo{width:54px;height:54px;border-radius:12px}.player-v2 .player-meta{height:auto;border:0;padding:0;display:flex;flex-direction:column;min-width:0}.player-v2 .player-name{font-size:16px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-v2 .player-location{font-size:11px;color:#bababa}.player-v2 .player-track{font-size:12px;color:#ece7e3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:620px;margin-top:2px}.player-v2 .player-controls{border:0;display:flex;gap:8px;align-items:center}.player-v2 .player-controls>button{width:34px;height:34px;border:0;background:rgba(255,255,255,.08);color:#fff;border-radius:50%;font-size:25px;display:grid;place-items:center}.player-v2 .player-controls .player-play{width:54px;height:54px;background:#fff;color:var(--dp-brand-dark);border:0;outline:0}.player-v2 .player-controls .player-play svg{width:24px;height:24px}.player-v2 .player-volume{border:0;padding:0 8px;display:flex;gap:8px;align-items:center}.player-v2 .player-volume svg{width:20px;height:20px}.player-v2 .player-volume input{width:100%;max-width:130px}.player-v2 .player-favorite,.player-v2 .player-timer,.player-v2 .player-queue{width:38px;height:38px;border:0;background:rgba(255,255,255,.07);color:#fff;border-radius:10px;display:grid;place-items:center}.player-v2 .player-favorite svg{width:20px;height:20px}.player-v2 .player-status{height:6px;position:absolute;left:0;right:0;bottom:0;background:transparent}.player-v2 .status-text,.player-v2 .retry-player{position:absolute;left:-9999px}.player-v2 .player-progress{height:2px;background:rgba(255,255,255,.08);width:100%}.player-v2 .player-progress i{display:block;height:100%;background:#ff7606}.queue-popover{bottom:105px} .submission-zone{max-width:1500px;margin:auto}.submission-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.submission-form{display:block}.submission-form h3{font-size:24px;margin:0 0 20px}.submission-form>label,.submission-form .form-grid>label{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.submission-form input,.submission-form select,.submission-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px;background:#fff}.submission-form fieldset{margin:14px 0 18px}.submission-list{display:grid;gap:12px}.submission-list article{display:grid;grid-template-columns:1fr auto;gap:10px 20px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#fff}.submission-list article h3{margin:4px 0 2px}.submission-list article p{grid-column:1/-1;margin:0;color:var(--muted)}.submission-type{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--dp-brand)}.submission-status{align-self:start;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.submission-status.pending{background:#fff4cf;color:#7a5600}.submission-status.approved{background:#e1f8e8;color:#12662f}.submission-status.rejected{background:#ffe5e9;color:#9c1f34} .v2-station-hero{position:relative;overflow:hidden;isolation:isolate}.station-cover-backdrop{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,247,239,.98) 25%,rgba(255,247,239,.86)),var(--station-cover);background-size:cover;background-position:center;filter:saturate(.85);z-index:-1}.station-side-cover{width:100%;max-height:280px;object-fit:cover;border-radius:18px;margin-bottom:18px;border:1px solid var(--line)} @media(max-width:1180px){.v2-header{grid-template-columns:220px 1fr auto}.v2-header .header-search{display:none}.genre-v2-grid{grid-template-columns:repeat(4,1fr)}.footer-main{grid-template-columns:280px 1fr}.footer-main nav{grid-column:1/-1;grid-template-columns:repeat(5,auto)}.player-v2 .player-main{grid-template-columns:58px minmax(160px,1fr) auto 120px 40px 40px}.player-v2 .player-queue{display:none}} @media(max-width:900px){:root{--player-h:82px}.v2-home-hero{grid-template-columns:1fr}.v2-home-hero .hero-copy{padding:52px 28px 20px}.v2-tuner{min-height:480px}.genre-v2-grid,.genre-page-grid{grid-template-columns:repeat(3,1fr)}.compact-podcast-grid{grid-template-columns:repeat(2,1fr)}.submission-grid{grid-template-columns:1fr}.player.player-v2{height:82px}.player-v2 .player-main{height:78px;grid-template-columns:52px minmax(0,1fr) auto 38px;padding:0 12px;gap:9px}.player-v2 .player-station-logo .station-logo{width:48px;height:48px}.player-v2 .player-location{display:none}.player-v2 .player-track{max-width:48vw;font-size:11px}.player-v2 .player-volume,.player-v2 .player-timer,.player-v2 .player-queue{display:none}.player-v2 .player-controls>button:not(.player-play){display:none}.player-v2 .player-controls .player-play{width:50px;height:50px}.footer-main{grid-template-columns:1fr}.footer-brand img{max-width:300px}.footer-main nav{grid-column:auto;grid-template-columns:repeat(2,1fr)}} @media(max-width:768px){.v2-header{height:68px;grid-template-columns:1fr auto auto}.brand-logo img{width:210px;max-width:56vw;max-height:46px}.v2-home-hero .hero-copy h1{font-size:clamp(48px,14vw,66px)}.v2-home-hero .hero-lead{font-size:17px}.v2-tuner{margin:0;transform:none;width:100%;min-height:420px}.v2-tuner .dp-center{width:220px;height:220px}.v2-tuner .ring-one{width:240px;height:240px}.v2-tuner .ring-two{width:335px;height:335px}.v2-tuner .ring-three{display:none}.genre-v2-grid,.genre-page-grid{grid-template-columns:repeat(2,1fr)}.section-heading .heading-actions{align-items:flex-end;flex-direction:column}.site-footer{padding-left:22px;padding-right:22px}.footer-bottom{flex-direction:column}.player-v2 .player-name{font-size:14px}.player-v2 .player-track{max-width:42vw}.submission-list article{grid-template-columns:1fr}.submission-status{justify-self:start}.station-card.has-cover .station-art{height:125px}} @media(max-width:430px){.genre-v2-grid,.genre-page-grid{grid-template-columns:1fr 1fr}.genre-v2-grid>a{min-height:100px;padding:14px}.v2-tuner{min-height:390px}.v2-tuner .dp-center{width:190px;height:190px}.player-v2 .player-track{max-width:38vw}.footer-main nav{grid-template-columns:1fr 1fr}} /* ===== DirectPlayer V3 — finition publique ===== */ :root{--player-h:86px;--dp-blue:#f06400;--dp-blue-2:#f06400;--dp-blue-dark:#1d1d1f;--dp-blue-soft:#fffaf7} body{padding-bottom:var(--player-h)} /* Autocomplétion : utilise le vrai logo lorsqu'il existe */ .suggestions .mini-logo.image{width:38px;height:38px;border-radius:10px;object-fit:contain;background:#fff;border:1px solid var(--line);padding:3px;display:block;flex:none} /* Catégories et villes plus sobres */ .genre-v2-grid{gap:12px}.genre-v2-grid>a{min-height:104px;padding:17px 18px;border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(18,18,18,.055);position:relative;overflow:hidden}.genre-v2-grid>a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--genre-color,var(--dp-blue));opacity:.9}.genre-v2-grid>a>span{width:38px;height:38px;border-radius:11px;background:var(--dp-blue-soft);display:grid;place-items:center;font-size:18px;color:var(--dp-blue)}.genre-v2-grid strong{font-size:15px}.genre-v2-grid small{font-size:12px}.genre-v2-grid>a:hover{border-color:#ff9a3a;box-shadow:0 12px 30px rgba(18,18,18,.1)} .v2-city-grid{gap:12px}.v2-city-grid a{min-height:82px;padding:14px 16px;border-radius:14px;display:grid;grid-template-columns:38px 1fr auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;box-shadow:0 7px 22px rgba(18,18,18,.045)}.v2-city-grid a>span{grid-row:1/3;width:38px;height:38px;border-radius:11px;background:var(--dp-blue-soft);display:grid;place-items:center;color:var(--dp-blue)}.v2-city-grid a strong{align-self:end}.v2-city-grid a small{align-self:start;color:var(--muted)}.v2-city-grid a svg{grid-row:1/3;grid-column:3;width:18px;height:18px;color:#a6a6a6} /* Formulaires de contribution */ .submission-zone>.section-heading{align-items:end}.submission-grid{gap:20px}.submission-form{border-radius:20px;padding:26px;box-shadow:0 12px 36px rgba(18,18,18,.07);border-top:4px solid var(--dp-blue)}.submission-form h3{font-size:22px;color:var(--dp-blue-dark);display:flex;align-items:center;gap:10px}.submission-form h3:before{content:"+";width:30px;height:30px;border-radius:9px;background:var(--dp-blue-soft);color:var(--dp-blue);display:grid;place-items:center;font-weight:800}.submission-form>label,.submission-form .form-grid>label{font-size:13px;font-weight:700;color:#1d1d1f}.submission-form input,.submission-form select,.submission-form textarea{border-color:#ece7e3;border-radius:11px;min-height:44px;background:#fffaf7;transition:border-color .15s,box-shadow .15s}.submission-form textarea{min-height:110px}.submission-form input:focus,.submission-form select:focus,.submission-form textarea:focus{outline:0;border-color:#8a8a8a;box-shadow:0 0 0 3px rgba(240,100,0,.1);background:#fff}.submission-form fieldset{background:#fffaf7;border-color:#ece7e3}.submission-form .button.primary{min-height:48px;width:100%;justify-content:center;background:var(--dp-blue);border-color:var(--dp-blue);color:#fff} /* Footer piloté par l'admin */ .footer-contact{display:flex;flex-direction:column;gap:5px;margin-top:12px}.footer-contact a,.footer-contact span{font-size:13px;color:#ece7e3}.footer-socials{display:flex;gap:8px;margin-top:14px}.footer-socials a{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:11px;font-weight:800}.footer-socials a:hover{background:rgba(255,255,255,.16);text-decoration:none} /* Nouveau player compact et professionnel */ .player.player-v3{position:fixed;z-index:800;left:18px;right:18px;bottom:14px;height:72px;border-radius:18px;background:rgba(18,18,19,.97);color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 55px rgba(18,18,19,.25);backdrop-filter:blur(16px);overflow:visible} .player-v3 .player-main{height:72px;display:grid;grid-template-columns:50px minmax(230px,1fr) auto auto minmax(90px,130px);align-items:center;gap:13px;padding:0 17px} .player-v3 .player-station-logo .station-logo{width:46px;height:46px;border-radius:12px;object-fit:contain;background:#fff;padding:2px}.player-v3 .player-meta{min-width:0;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.player-v3 .player-live-label{font-size:9px;line-height:1;font-weight:850;letter-spacing:.12em;color:#bcbcbc;display:flex;align-items:center;gap:5px}.player-v3 .player-live-label i{width:6px;height:6px;border-radius:50%;background:#f34b65}.player-v3 .player-name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-v3 .player-location{grid-column:1/3;font-size:10px;color:#a4a4a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.player-v3 .player-track{grid-column:1/3;font-size:11px;color:#ece7e3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;max-width:min(620px,45vw)} .player-v3 .player-controls{display:flex;align-items:center;gap:6px}.player-v3 .player-controls button{width:30px;height:30px;border:0;border-radius:9px;background:rgba(255,255,255,.07);color:#fff;display:grid;place-items:center;font-size:21px}.player-v3 .player-controls .player-play{width:46px;height:46px;border-radius:14px;background:#fff;color:var(--dp-blue-dark);box-shadow:0 6px 16px rgba(0,0,0,.18)}.player-v3 .player-controls .player-play svg{width:21px;height:21px}.player-v3 .player-controls button:disabled{opacity:.45;cursor:not-allowed} .player-v3 .player-tools{display:flex;gap:6px}.player-v3 .player-tools button{width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.07);color:#fff;display:grid;place-items:center}.player-v3 .player-tools svg{width:18px;height:18px}.player-v3 .player-favorite.active{background:#fff;color:#c7294a} .player-v3 .player-volume{display:flex;align-items:center;gap:8px}.player-v3 .player-volume svg{width:17px;height:17px;color:#c0c0c0}.player-v3 .player-volume input{width:100%;accent-color:#fff;height:3px}.player-v3 .player-status{position:absolute;left:16px;right:16px;bottom:-1px;height:2px}.player-v3 .status-text{position:absolute;left:-9999px}.player-v3 .player-progress{height:2px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden}.player-v3 .player-progress i{height:100%;display:block;background:#ff9a3a}.player-v3 .retry-player{position:absolute;right:0;bottom:8px;border:0;border-radius:8px;background:#fff;color:var(--dp-blue-dark);padding:6px 9px;font-size:10px}.player-v3[data-state="loading"] .player-live-label i{animation:dpPulse 1s infinite}.player-v3[data-state="playing"] .player-live-label{color:#ece7e3}.player-v3[data-state="playing"] .player-live-label i{background:#45d483;box-shadow:0 0 0 4px rgba(69,212,131,.12)}@keyframes dpPulse{50%{opacity:.3}} .queue-popover{bottom:82px;right:0} @media(max-width:1050px){.player-v3 .player-main{grid-template-columns:48px minmax(190px,1fr) auto auto}.player-v3 .player-volume{display:none}.player-v3 .player-track{max-width:40vw}} @media(max-width:760px){:root{--player-h:76px}.player.player-v3{left:8px;right:8px;bottom:7px;height:64px;border-radius:15px}.player-v3 .player-main{height:64px;grid-template-columns:44px minmax(0,1fr) 44px 34px;padding:0 10px;gap:8px}.player-v3 .player-station-logo .station-logo{width:42px;height:42px}.player-v3 .player-meta{display:block}.player-v3 .player-live-label,.player-v3 .player-location{display:none}.player-v3 .player-name{display:block;font-size:13px}.player-v3 .player-track{display:block;max-width:none;font-size:10px}.player-v3 .player-controls>button:not(.player-play){display:none}.player-v3 .player-controls .player-play{width:44px;height:44px}.player-v3 .player-tools{display:block}.player-v3 .player-tools button{display:none}.player-v3 .player-tools .player-favorite{display:grid;width:34px;height:34px}.player-v3 .player-status{left:10px;right:10px}.site-footer{padding-bottom:calc(28px + var(--player-h))}.submission-form{padding:20px}} /* Résultats de recherche : vraie couverture du podcast lorsqu'elle existe */ .search-podcast-list .search-podcast-logo{width:48px;height:48px;border-radius:12px;object-fit:cover;background:#fff;border:1px solid var(--line);flex:none} /* ===== DirectPlayer V4 — refonte éditoriale 2026/2027 ===== */ :root{--dp-blue:#f06400;--dp-blue-dark:#1d1d1f;--dp-blue-deep:#121213;--dp-blue-soft:#fffaf7;--dp-ice:#fffaf7;--dp-border:#ece7e3;--dp-text:#121213;--dp-muted:#7e7e7e;--player-h:104px} body{color:var(--dp-text);background:#fff;padding-bottom:var(--player-h)} .site-header.v2-header{height:78px;grid-template-columns:minmax(210px,300px) minmax(480px,1fr) minmax(210px,330px) auto;padding:0 3%;border-top:0;border-bottom:1px solid #fffaf7;box-shadow:0 8px 25px rgba(18,18,18,.035);position:sticky;top:0}.brand-logo img{display:block;width:min(270px,20vw);max-height:58px;object-fit:contain}.main-nav{gap:24px}.main-nav a{font-size:13px;color:#555555}.main-nav a.active{color:var(--dp-blue);font-weight:750}.main-nav a.active:after{bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--dp-blue)}.account-link{background:var(--dp-blue)} .home-v4-hero{min-height:520px;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);align-items:stretch;overflow:hidden;background:linear-gradient(120deg,#fff 0 52%,#fffaf7 52%);border-bottom:1px solid #fffaf7}.home-v4-copy{padding:76px 5vw 64px}.home-v4-copy h1{margin:0;font-size:clamp(52px,6vw,92px);line-height:.92;letter-spacing:-.055em;color:var(--dp-blue-deep);max-width:770px}.home-v4-copy h1 span{color:var(--dp-blue)}.home-v4-copy>p:not(.eyebrow){max-width:650px;margin:24px 0 28px;font-size:18px;color:#686868}.home-v4-copy .hero-search{height:62px;max-width:650px;border-color:#e8e8e8;box-shadow:0 12px 35px rgba(18,18,18,.08)}.home-v4-copy .hero-search>button{height:46px;min-width:46px;background:var(--dp-blue);color:#fff;border-color:var(--dp-blue)}.home-v4-visual{position:relative;min-height:520px;background:radial-gradient(circle at 50% 45%,#fff 0 11%,#fffaf7 11.2% 13%,transparent 13.2%),linear-gradient(135deg,#fffaf7,#ece7e3);overflow:hidden}.home-v4-visual:before,.home-v4-visual:after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(240,100,0,.2)}.home-v4-visual:before{width:430px;height:430px}.home-v4-visual:after{width:650px;height:650px;border-style:dashed}.v4-wave{position:absolute;inset:0;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 39px,rgba(240,100,0,.035) 40px 41px)}.v4-hero-mark{position:absolute;left:50%;top:50%;width:275px;height:275px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;align-content:center;gap:17px;background:#fff;box-shadow:0 25px 65px rgba(18,18,18,.14);z-index:3;padding:40px}.v4-hero-mark img{width:100%;height:auto}.v4-hero-mark span{font-size:10px;letter-spacing:.18em;font-weight:800;color:var(--dp-blue)}.v4-floating-logo{position:absolute;z-index:4;transition:.3s}.v4-floating-logo .station-logo{width:74px;height:74px;border-radius:50%;border:5px solid #fff;box-shadow:0 13px 30px rgba(18,18,18,.2)}.v4-floating-logo.logo-1{left:11%;top:16%}.v4-floating-logo.logo-2{right:12%;top:12%}.v4-floating-logo.logo-3{right:6%;top:48%}.v4-floating-logo.logo-4{right:16%;bottom:10%}.v4-floating-logo.logo-5{left:16%;bottom:9%}.v4-floating-logo.logo-6{left:5%;top:51%} .v4-home-section{padding-left:4vw;padding-right:4vw;max-width:1500px;margin-left:auto;margin-right:auto}.soft-section{max-width:none;padding-top:44px;padding-bottom:46px;background:#fffaf7}.soft-section>.section-heading,.soft-section>.station-carousel{max-width:1380px;margin-left:auto;margin-right:auto}.v4-heading{align-items:flex-end;margin-bottom:23px}.v4-heading h2{font-size:clamp(25px,2.4vw,34px);letter-spacing:-.035em;color:#1d1d1f}.v4-heading p:not(.eyebrow){margin:5px 0 0;color:var(--dp-muted);font-size:14px}.v4-four-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);grid-template-rows:1fr;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 16px;scrollbar-width:thin}.v4-four-row>.station-card{scroll-snap-align:start;min-width:0}.v4-podcast-row{grid-template-columns:repeat(4,minmax(0,1fr))} .station-card{border:1px solid #ece7e3;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 12px 30px rgba(18,18,18,.055);transition:transform .2s,box-shadow .2s}.station-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(18,18,18,.1)}.station-art{aspect-ratio:16/9;background:linear-gradient(145deg,#fffaf7,#ece7e3)}.station-cover{filter:saturate(.9)}.station-logo-wrap .station-logo{box-shadow:0 10px 25px rgba(18,18,19,.18)} .visual-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.visual-directory-card{position:relative;isolation:isolate;min-height:220px;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,var(--card-color,#f06400),#121213);box-shadow:0 14px 34px rgba(18,18,18,.08);display:flex;align-items:flex-end;padding:24px;color:#fff}.visual-directory-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transition:transform .45s ease}.visual-directory-card:hover>img{transform:scale(1.045)}.visual-directory-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(18,18,19,.05),rgba(18,18,19,.82))}.visual-directory-card:not(:has(img)) .visual-directory-overlay{background:linear-gradient(140deg,color-mix(in srgb,var(--card-color,#f06400) 94%,#fff),#121213)}.visual-directory-icon{position:absolute;top:20px;left:20px;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.15);backdrop-filter:blur(7px);font-size:20px}.visual-directory-card div{display:flex;flex-direction:column;position:relative}.visual-directory-card strong{font-size:25px;line-height:1.05}.visual-directory-card small{margin-top:7px;color:#ece7e3}.visual-directory-card>b{margin-left:auto;font-size:25px;font-weight:400}.city-card{min-height:190px}.v4-city-directory>section+section{margin-top:42px}.v4-directory-hero{background:linear-gradient(135deg,#fffaf7,#fffaf7);border-bottom:1px solid #ece7e3}.v4-directory-hero h1{color:var(--dp-blue-deep)} .v4-profile-header{background:linear-gradient(135deg,#fffaf7,#fffaf7);border-bottom:1px solid #ece7e3}.v4-profile-card{border:1px solid #ece7e3;box-shadow:0 12px 35px rgba(18,18,18,.05)}.profile-card-kicker{font-size:10px!important;letter-spacing:.16em!important;color:var(--dp-blue)!important;font-weight:800!important;margin:0 0 5px!important}.v4-submission-zone{background:#fffaf7;padding-left:4vw;padding-right:4vw;padding-top:42px;padding-bottom:46px}.v4-submission-grid{align-items:start;gap:22px}.v4-submit-form{padding:0!important;overflow:hidden}.submit-form-head{display:flex;gap:15px;padding:24px 25px;background:linear-gradient(135deg,#1d1d1f,#f06400);color:#fff}.submit-form-head>span{width:42px;height:42px;flex:none;border-radius:13px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-weight:800}.submit-form-head h3{margin:0 0 5px;font-size:22px}.submit-form-head p{margin:0;color:#ece7e3;font-size:13px}.form-section-public{padding:20px 25px;border-bottom:1px solid #ece7e3}.form-section-public h4{margin:0 0 13px;color:#1d1d1f;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.v4-submit-form label{font-size:12px;font-weight:650;color:#585858}.v4-submit-form input,.v4-submit-form select,.v4-submit-form textarea{margin-top:7px;width:100%;border:1px solid #ece7e3;border-radius:11px;background:#fff;min-height:44px;padding:10px 12px;outline:none}.v4-submit-form textarea{min-height:96px;resize:vertical}.v4-submit-form input:focus,.v4-submit-form select:focus,.v4-submit-form textarea:focus{border-color:#9b9b9b;box-shadow:0 0 0 3px rgba(240,100,0,.09)}.genre-chip-picker{border:0;margin:18px 0 0;padding:0}.genre-chip-picker legend{font-size:12px;font-weight:750;color:#585858;margin-bottom:9px}.genre-chip-picker legend small{font-weight:400;color:#939393;margin-left:6px}.genre-chip-list{display:flex;flex-wrap:wrap;gap:8px}.genre-chip{position:relative;cursor:pointer}.genre-chip input{position:absolute;opacity:0;pointer-events:none}.genre-chip span{display:flex;align-items:center;gap:6px;border:1px solid #ece7e3;border-radius:999px;padding:8px 12px;background:#fff;color:#656565;font-size:12px;transition:.18s}.genre-chip input:checked+span{background:#f06400;color:#fff;border-color:#f06400;box-shadow:0 5px 14px rgba(240,100,0,.16)}.genre-chip.is-primary{opacity:.35;pointer-events:none}.genre-chip b{font-weight:500}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.upload-tile{display:flex!important;flex-direction:column;border:1px dashed #e8e8e8;border-radius:14px;padding:16px;background:#fffaf7}.upload-tile>span{font-weight:750;color:#1d1d1f}.upload-tile small{color:#7d8998;margin:3px 0 8px}.upload-tile input{border:0!important;padding:0!important;min-height:auto!important;background:transparent!important}.submit-big{margin:20px 25px 25px;width:calc(100% - 50px);min-height:48px} .v4-detail-grid{grid-template-columns:minmax(0,1fr) 290px}.v4-detail-grid aside{align-self:start}.station-side-cover{display:none!important}.station-detail-hero.v2-station-hero{min-height:330px;overflow:hidden}.station-cover-backdrop{opacity:.14;filter:blur(18px) saturate(.7);transform:scale(1.07)} .site-footer{background:#121213;color:#ece7e3;margin-top:60px;border-top:0}.footer-main{padding:48px 4vw 34px;max-width:1450px;margin:auto;display:grid;grid-template-columns:minmax(240px,340px) 1fr auto;gap:55px;align-items:start}.footer-brand{display:block;background:#fff;border-radius:14px;padding:14px;max-width:310px}.footer-brand img{width:100%;height:auto;display:block}.footer-main h2{color:#fff;margin-top:0}.footer-main p,.footer-contact{color:#bfbfbf}.footer-main nav{display:grid;gap:11px}.footer-main nav a{color:#ece7e3}.footer-main nav a:hover{color:#fff}.footer-socials a{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:7px 10px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:17px 4vw;max-width:1450px;margin:auto;color:#a9a9a9} /* Player inspiré de la référence fournie : une seule barre claire et compacte. */ .player-v4{position:fixed;left:0;right:0;bottom:0;z-index:700;background:linear-gradient(90deg,#edf8f7,#fffaf7);border-top:1px solid #e8e8e8;box-shadow:0 -10px 35px rgba(18,18,19,.1);height:104px;color:#1d1d1f;transition:height .22s,transform .22s}.player-v4-shell{height:96px;display:grid;grid-template-columns:minmax(300px,1fr) auto 40px;align-items:center;gap:25px;padding:8px 18px 8px 28px}.player-v4-station{min-width:0;display:flex;align-items:center;gap:16px}.player-v4 .player-station-logo .station-logo{width:66px;height:66px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid #ece7e3}.player-v4 .player-meta{display:flex;min-width:0;flex-direction:column;line-height:1.2}.player-title-line{display:flex;align-items:center;gap:10px}.player-v4 .player-name{font-size:18px;color:#1d1d1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-live-label{display:inline-flex;align-items:center;gap:5px;border-radius:4px;background:#e51d35;color:#fff;padding:4px 7px;font-size:9px;line-height:1;font-weight:800}.player-live-label i{width:6px;height:6px;background:#fff;border-radius:50%}.player-v4 .player-location{font-size:12px;color:#888888;margin-top:2px}.player-v4 .player-track{font-size:14px;color:#1d1d1f;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:540px}.player-v4-controls{display:flex;align-items:center;gap:14px}.player-v4-controls>button,.player-collapse{width:38px;height:38px;border:0;background:transparent;color:#1d1d1f;border-radius:50%;display:grid;place-items:center;font-size:19px}.player-v4-controls>button:hover,.player-collapse:hover{background:rgba(240,100,0,.08)}.player-v4-controls svg{width:22px;height:22px}.player-v4 .player-play{width:58px;height:58px;border:1.5px solid #1d1d1f;background:rgba(255,255,255,.45)}.player-v4 .player-play svg{width:28px;height:28px}.player-v4 .player-volume{display:flex;align-items:center;gap:7px;width:130px}.player-v4 .player-volume svg{width:23px;height:23px}.player-v4 .player-volume input{width:78px;accent-color:#1d1d1f}.player-collapse{font-size:24px}.player-v4 .player-status{position:absolute;left:110px;bottom:3px;height:auto;background:transparent;border:0;font-size:9px;color:#979797;display:flex;gap:8px}.player-v4 .retry-player{border:0;background:none;color:#f06400;font-size:9px}.player-v4.is-collapsed{height:42px}.player-v4.is-collapsed .player-v4-shell{height:42px;padding-top:2px;padding-bottom:2px}.player-v4.is-collapsed .player-station-logo,.player-v4.is-collapsed .player-location,.player-v4.is-collapsed .player-track,.player-v4.is-collapsed .player-v4-controls{display:none}.player-v4.is-collapsed .player-v4-station{padding-left:10px}.player-v4.is-collapsed .player-meta{display:block}.player-v4.is-collapsed .player-name{font-size:13px}.player-v4.is-collapsed .player-live-label{display:none}.player-v4.is-collapsed .player-collapse{transform:rotate(180deg)} .auth-visual h1,.auth-panel h1{font-family:inherit!important;font-weight:760!important;letter-spacing:-.04em!important}.auth-visual h1{font-size:clamp(40px,4.5vw,70px)!important;line-height:1!important}.auth-visual,.auth-panel .button.primary{--lime:var(--dp-blue)!important}.auth-visual h1 span{color:var(--dp-blue)!important}.auth-feature i,.auth-bullet i{background:var(--dp-blue)!important} @media(max-width:1100px){.site-header.v2-header{grid-template-columns:210px 1fr auto}.header-search{display:none}.home-v4-hero{grid-template-columns:1fr}.home-v4-visual{min-height:380px}.v4-four-row{grid-auto-columns:calc((100% - 36px)/3)}.visual-directory-grid{grid-template-columns:repeat(2,1fr)}.player-v4-shell{grid-template-columns:minmax(260px,1fr) auto 36px;gap:10px}.player-v4-controls{gap:6px}.player-v4 .player-volume{width:100px}.player-v4 .player-volume input{width:52px}} @media(max-width:760px){:root{--player-h:92px}.site-header.v2-header{height:68px;grid-template-columns:1fr auto auto;padding:0 14px}.brand-logo img{width:190px;max-height:45px}.main-nav{top:68px}.home-v4-copy{padding:48px 20px}.home-v4-copy h1{font-size:52px}.home-v4-visual{min-height:320px}.v4-hero-mark{width:190px;height:190px;padding:30px}.v4-floating-logo .station-logo{width:55px;height:55px}.v4-four-row{grid-auto-columns:78%}.v4-podcast-row{display:flex;overflow-x:auto}.v4-podcast-row>*{min-width:78%}.visual-directory-grid{grid-template-columns:1fr}.visual-directory-card{min-height:180px}.v4-submission-grid{grid-template-columns:1fr}.upload-grid{grid-template-columns:1fr}.v4-detail-grid{grid-template-columns:1fr}.player-v4{height:92px}.player-v4-shell{height:86px;grid-template-columns:minmax(0,1fr) auto 30px;padding:7px 8px 7px 12px}.player-v4 .player-station-logo .station-logo{width:52px;height:52px}.player-v4 .player-name{font-size:14px}.player-v4 .player-location{display:none}.player-v4 .player-track{font-size:11px;max-width:36vw}.player-v4-controls>button[data-player=share],.player-v4-controls>button[data-player=previous],.player-v4-controls>button[data-player=next],.player-v4-controls>button[data-player=timer],.player-v4 .player-volume{display:none}.player-v4 .player-play{width:50px;height:50px}.footer-main{grid-template-columns:1fr;gap:25px}.footer-brand{max-width:260px}} /* V4.1 — catégories secondaires du formulaire de soumission */ .genre-chip-picker{margin-top:20px!important;padding:16px!important;border:1px solid #ece7e3!important;border-radius:16px!important;background:#fffaf7!important}.genre-chip-picker legend{padding:0 7px!important;margin-left:2px!important}.genre-chip-list{gap:9px!important}.genre-chip span{min-height:38px!important;padding:9px 13px!important;border-color:#ece7e3!important;background:#fff!important;font-weight:650!important;box-shadow:0 2px 8px rgba(18,18,18,.025)}.genre-chip span:before{content:'+';width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#fffaf7;color:#7e7e7e;font-size:12px;font-weight:800}.genre-chip input:checked+span{background:#f06400!important;border-color:#f06400!important;color:#fff!important;box-shadow:0 8px 18px rgba(240,100,0,.18)!important}.genre-chip input:checked+span:before{content:'✓';background:rgba(255,255,255,.18);color:#fff}.genre-chip.is-primary span{background:#fffaf7!important;color:#979797!important}.genre-chip.is-primary span:before{content:'•'} /* V5 — interface compacte et corrections demandées */ :root{--player-h:88px} /* Cartes radio : la couverture reste visible sans prendre la moitié de l'écran. */ .v4-four-row .station-card .station-art{height:118px!important;aspect-ratio:auto!important} .catalog-grid .station-card .station-art,.radio-grid .station-card .station-art{height:126px!important;aspect-ratio:auto!important} .station-card.has-cover .station-art{min-height:0!important} .station-card-body{padding:10px 12px 12px!important} .station-card h3{font-size:14px}.station-card p{font-size:11px} .station-logo-wrap{left:11px!important;bottom:9px!important}.station-logo-wrap .station-logo{width:50px!important;height:50px!important;border-radius:12px!important} .v4-four-row{gap:16px!important}.v4-home-section{padding-top:34px!important;padding-bottom:34px!important} .v4-heading{margin-bottom:17px!important}.v4-heading p:not(.eyebrow){font-size:13px!important} /* Podcasts sur l'accueil : quatre cartes, visuel plus raisonnable. */ .v4-podcast-row .podcast-cover{aspect-ratio:16/10;border-radius:15px;box-shadow:0 9px 28px rgba(18,18,18,.08)} .v4-podcast-row .podcast-card>p{margin-top:10px}.v4-podcast-row .podcast-card h3{margin:0;font-size:16px;line-height:1.25} /* Fiche radio : vraie couverture sous le nom, pas de grand bloc latéral. */ .station-detail-hero.v2-station-hero{min-height:0!important;padding-top:42px!important;padding-bottom:42px!important;background:linear-gradient(135deg,#fffaf7,#fffaf7)!important} .station-cover-backdrop{display:none!important} .station-cover-banner{width:min(760px,100%);height:155px;border-radius:18px;overflow:hidden;margin:14px 0 16px;border:1px solid #ece7e3;background:#fffaf7;box-shadow:0 10px 30px rgba(18,18,18,.08)} .station-cover-banner img{display:block;width:100%;height:100%;object-fit:cover} /* Player V5 — une seule barre horizontale, proche de la référence fournie. */ .player-v5{height:88px!important;background:linear-gradient(90deg,#eef9f7 0%,#fffaf7 50%,#fbf0f8 100%)!important;border-top:1px solid #ece7e3!important;box-shadow:0 -8px 30px rgba(18,18,19,.09)!important} .player-v5-shell{height:88px;display:grid;grid-template-columns:minmax(320px,1fr) auto minmax(105px,145px);align-items:center;gap:24px;padding:8px 24px} .player-v5-station{min-width:0;display:flex;align-items:center;gap:14px}.player-v5 .player-station-logo .station-logo{width:62px;height:62px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid #ece7e3} .player-v5 .player-meta{min-width:0;display:flex;flex-direction:column;line-height:1.15}.player-v5 .player-name{font-size:19px;color:#1d1d1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-v5 .player-location{font-size:11px;color:#848484;margin-top:2px}.player-v5 .player-track{font-size:13px;color:#1d1d1f;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:560px} .player-v5-controls{display:flex;align-items:center;gap:11px}.player-v5-controls>button{width:38px;height:38px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;color:#1d1d1f;font-size:19px}.player-v5-controls>button:hover{background:rgba(18,18,18,.07)}.player-v5-controls svg{width:22px;height:22px}.player-v5 .player-play{width:56px;height:56px;border:1.5px solid #1d1d1f;background:rgba(255,255,255,.52)}.player-v5 .player-play svg{width:27px;height:27px}.player-v5 .player-volume{width:115px;display:flex;align-items:center;gap:7px}.player-v5 .player-volume svg{width:22px;height:22px}.player-v5 .player-volume input{width:74px;accent-color:#f06400}.player-v5 .player-status{position:static!important;display:flex!important;justify-content:flex-end;align-items:center;gap:6px;background:transparent!important;border:0!important;font-size:10px;color:#8b8b8b;text-align:right}.player-v5 .retry-player{border:0;background:#fff;color:#f06400;border-radius:999px;padding:5px 8px;font-size:10px;box-shadow:0 2px 8px rgba(18,18,18,.08)} /* Contact */ .contact-page{max-width:1280px;margin:auto;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:70px;align-items:start;padding-top:65px;padding-bottom:70px}.contact-copy h1{font-size:clamp(40px,5vw,68px);line-height:.98;letter-spacing:-.055em;margin:0 0 20px}.contact-copy>p:not(.eyebrow){color:var(--muted);font-size:17px;max-width:560px}.contact-details{display:grid;gap:10px;margin-top:30px}.contact-details div{padding:14px 0;border-top:1px solid var(--line);display:flex;flex-direction:column}.contact-details small{color:var(--muted)}.contact-form-card{padding:28px;border:1px solid #ece7e3;border-radius:22px;background:#fff;box-shadow:0 18px 55px rgba(18,18,18,.08);display:grid;gap:17px}.contact-form-card label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700}.contact-form-card input,.contact-form-card textarea{width:100%;border:1px solid #ece7e3;border-radius:12px;padding:12px 13px;outline:0;background:#fffaf7}.contact-form-card input:focus,.contact-form-card textarea:focus{border-color:#f06400;box-shadow:0 0 0 3px rgba(240,100,0,.09)}.contact-submit{justify-self:start;min-width:190px}.contact-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important} /* Soumission : bouton final propre et non surdimensionné. */ .v4-submit-form .submit-big{width:auto!important;min-width:240px!important;margin:20px 25px 25px auto!important;display:flex!important;border-radius:12px!important;padding:0 22px!important;box-shadow:0 8px 20px rgba(255,118,6,.16)!important} .genre-chip-picker{background:#fffaf7!important}.genre-chip span{border-radius:12px!important} @media(max-width:900px){.contact-page{grid-template-columns:1fr;gap:30px}.player-v5-shell{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:7px 14px}.player-v5 .player-status{display:none!important}.player-v5-controls{gap:5px}.player-v5-controls>button[data-player=share],.player-v5-controls>button[data-player=previous],.player-v5-controls>button[data-player=next],.player-v5 .player-volume{display:none}.v4-four-row .station-card .station-art{height:112px!important}.catalog-grid .station-card .station-art,.radio-grid .station-card .station-art{height:116px!important}} @media(max-width:600px){:root{--player-h:80px}.player-v5{height:80px!important}.player-v5-shell{height:80px}.player-v5 .player-station-logo .station-logo{width:50px;height:50px}.player-v5 .player-name{font-size:14px}.player-v5 .player-location{display:none}.player-v5 .player-track{font-size:11px;max-width:45vw}.player-v5 .player-play{width:48px;height:48px}.station-cover-banner{height:115px;border-radius:14px}.v4-four-row{grid-auto-columns:82%!important}.v4-podcast-row>*{min-width:82%!important}.v4-submit-form .submit-big{margin:18px!important;width:calc(100% - 36px)!important}.contact-page{padding:38px 18px 50px}.contact-form-card{padding:20px}.contact-copy h1{font-size:42px}} /* V4.1 — accès clair au site officiel depuis une fiche radio */ .station-website-button{background:#fffaf7!important;border:1px solid #ece7e3!important;color:#1d1d1f!important;gap:8px;font-weight:750!important}.station-website-button:hover{background:#ece7e3!important;border-color:#ff9a3a!important;transform:translateY(-1px)}.station-website-button span{font-size:16px;line-height:1}@media(max-width:700px){.detail-actions .station-website-button{width:100%;justify-content:center;order:3}} /* ===================================================================== DIRECTPLAYER V5 — refonte publique stable / premium ===================================================================== */ :root{--dp-blue:#ff7606;--dp-blue-2:#f06400;--dp-ink:#121213;--dp-muted:#787878;--dp-line:#ece7e3;--dp-soft:#fffaf7;--player-h:92px} body{background:#fff;color:var(--dp-ink)} .site-main{overflow:hidden}.section-space{padding-left:clamp(18px,4vw,64px);padding-right:clamp(18px,4vw,64px)} .strong-heading h2{font-size:clamp(26px,3vw,42px)!important;letter-spacing:-.035em!important;font-weight:900!important}.strong-heading .eyebrow{color:var(--dp-blue)} /* Accueil */ .home-wow-hero{max-width:1500px;margin:0 auto;padding:clamp(48px,7vw,105px) clamp(18px,4vw,64px) 55px;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.8fr);gap:clamp(35px,7vw,110px);align-items:center;min-height:610px}.home-wow-copy h1{margin:8px 0 24px;font-size:clamp(54px,7.1vw,108px);line-height:.87;letter-spacing:-.07em;font-weight:900}.home-wow-copy h1 span{color:var(--dp-blue)}.home-wow-copy>p:not(.eyebrow){max-width:700px;font-size:clamp(16px,1.7vw,20px);line-height:1.65;color:var(--dp-muted)}.home-wow-copy .hero-search{max-width:720px;margin-top:30px}.home-wow-orbit{position:relative;min-height:500px;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid rgba(255,118,6,.13);border-radius:50%}.ring-one{width:390px;height:390px}.ring-two{width:270px;height:270px;border-style:dashed;animation:dpOrbitSpin 35s linear infinite}.orbit-brand{width:225px;height:225px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 35px 80px rgba(18,18,18,.15);border:1px solid #fffaf7;z-index:3}.orbit-brand img{width:78%;height:auto;object-fit:contain}.orbit-radio{position:absolute;width:82px;height:82px;border:0;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 13px 35px rgba(18,18,18,.14);padding:8px;cursor:pointer;transition:.35s cubic-bezier(.2,.75,.2,1);z-index:4}.orbit-radio:hover{transform:scale(1.12)!important;box-shadow:0 18px 45px rgba(255,118,6,.25)}.orbit-radio .station-logo{width:100%;height:100%;border-radius:50%;object-fit:contain}.orbit-radio.is-changing{opacity:.2;transform:scale(.8)}.orbit-pos-1{transform:translate(-178px,-125px)}.orbit-pos-2{transform:translate(180px,-118px)}.orbit-pos-3{transform:translate(-210px,70px)}.orbit-pos-4{transform:translate(210px,76px)}.orbit-pos-5{transform:translate(-105px,190px)}.orbit-pos-6{transform:translate(108px,192px)}@keyframes dpOrbitSpin{to{transform:rotate(360deg)}} .home-featured-section{background:linear-gradient(180deg,#fffaf7 0,#fff 100%);border-top:1px solid #fffaf7;border-bottom:1px solid #fffaf7}.home-featured-section,.home-popular-section,.home-recent-section,.home-podcast-section{padding-top:72px;padding-bottom:72px}.home-four-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}.carousel-arrows{display:flex;gap:8px;align-items:center}.carousel-arrows button{width:46px;height:46px;border-radius:50%;border:1px solid #ece7e3;background:#fff;color:#1d1d1f;font-size:20px;cursor:pointer;box-shadow:0 7px 22px rgba(18,18,18,.07);transition:.18s}.carousel-arrows button:hover{background:var(--dp-blue);border-color:var(--dp-blue);color:#fff;transform:translateY(-2px)}.dp-carousel{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 60px)/4)!important;grid-template-columns:none!important;gap:20px!important;overflow-x:auto!important;scrollbar-width:none!important;scroll-snap-type:x mandatory;padding:4px 2px 18px!important}.dp-carousel::-webkit-scrollbar{display:none}.dp-carousel>*{scroll-snap-align:start;min-width:0}.station-card{border:1px solid #ece7e3!important;border-radius:20px!important;background:#fff!important;box-shadow:0 11px 35px rgba(18,18,18,.06)!important;overflow:hidden!important;transition:.22s ease!important}.station-card:hover{transform:translateY(-5px)!important;box-shadow:0 20px 50px rgba(18,18,18,.13)!important;border-color:#ece7e3!important}.station-card .station-art{height:180px!important;background:linear-gradient(145deg,#fffaf7,#ece7e3)!important}.station-card .station-cover{filter:saturate(.88);transition:.4s}.station-card:hover .station-cover{transform:scale(1.035);filter:saturate(1)}.station-card .station-logo-wrap{background:rgba(255,255,255,.95)!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 9px 25px rgba(18,18,19,.18)!important}.round-play.is-playing,.play-station.is-playing{background:var(--dp-blue)!important;color:#fff!important} /* Répertoires catégories / villes */ .wow-directory-hero{max-width:1500px;margin:0 auto;padding:70px clamp(18px,4vw,64px) 30px;display:flex;justify-content:space-between;align-items:end;gap:30px}.wow-directory-hero h1{margin:8px 0 16px;font-size:clamp(50px,7vw,94px);line-height:.9;letter-spacing:-.065em}.wow-directory-hero h1 span{color:var(--dp-blue)}.wow-directory-hero>div:first-child>p:last-child{max-width:680px;color:var(--dp-muted);font-size:18px;line-height:1.6}.directory-hero-badge{min-width:170px;padding:22px;border-radius:22px;background:#121213;color:#fff}.directory-hero-badge strong{display:block;font-size:42px;line-height:1}.directory-hero-badge span{display:block;margin-top:5px;font-size:12px;color:#ff9a3a}.wow-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1500px;margin:0 auto}.wow-directory-card{height:260px;position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,var(--genre-color,#f06400),#121213);color:#fff;text-decoration:none;box-shadow:0 16px 40px rgba(18,18,19,.12);isolation:isolate;transition:.25s ease}.wow-directory-card img,.directory-fallback-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.5s ease}.directory-fallback-art{background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.24),transparent 30%),linear-gradient(135deg,var(--genre-color,#ff7606),#121213)}.city-fallback{background:radial-gradient(circle at 70% 20%,rgba(255,121,0,.36),transparent 35%),linear-gradient(145deg,#1d1d1f,#121213)}.wow-directory-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,18,19,.08),rgba(18,18,19,.12) 36%,rgba(18,18,19,.84));z-index:1}.wow-directory-card:hover{transform:translateY(-7px);box-shadow:0 25px 60px rgba(18,18,18,.22)}.wow-directory-card:hover img{transform:scale(1.06);filter:saturate(1.05)}.wow-directory-top,.wow-directory-bottom{position:absolute;left:22px;right:22px;z-index:2;display:flex;justify-content:space-between;align-items:center}.wow-directory-top{top:20px}.directory-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.16);backdrop-filter:blur(10px);font-size:20px}.directory-count{padding:8px 11px;border-radius:999px;background:rgba(18,18,19,.38);backdrop-filter:blur(12px);font-size:11px;font-weight:750}.wow-directory-bottom{bottom:20px;align-items:end}.wow-directory-bottom strong{font-size:clamp(23px,2.3vw,34px);letter-spacing:-.04em}.wow-directory-bottom span{font-size:12px;color:#ece7e3}.wow-directory-bottom b{font-size:18px;margin-left:5px} /* Fiche radio — couverture floutée en fond, sans bloc latéral */ .radio-page-hero{position:relative;min-height:470px;display:grid;align-items:end;overflow:hidden;background:linear-gradient(135deg,#121213,#1d1d1f);color:#fff}.radio-page-backdrop{position:absolute;inset:-30px;background:linear-gradient(90deg,rgba(18,18,19,.96) 0%,rgba(18,18,19,.78) 47%,rgba(18,18,19,.54) 100%),var(--radio-cover,linear-gradient(135deg,#1d1d1f,#121213)) center/cover no-repeat;filter:blur(0);transform:scale(1.04)}.radio-page-hero.has-radio-cover .radio-page-backdrop:after{content:"";position:absolute;inset:0;backdrop-filter:blur(8px);background:linear-gradient(90deg,rgba(18,18,19,.88),rgba(18,18,19,.50))}.radio-page-content{position:relative;z-index:2;max-width:1500px;width:100%;margin:0 auto;padding:72px clamp(18px,4vw,64px) 58px;display:grid;grid-template-columns:170px minmax(0,800px);gap:34px;align-items:center}.radio-page-logo{position:relative;width:158px;height:158px;border-radius:32px;background:#fff;padding:15px;display:grid;place-items:center;box-shadow:0 25px 60px rgba(0,0,0,.3)}.radio-page-logo .station-logo{width:100%;height:100%;object-fit:contain;border-radius:22px}.radio-live-dot{position:absolute;right:10px;bottom:10px;width:18px;height:18px;border:4px solid #fff;background:#ff3c63;border-radius:50%}.radio-page-copy h1{margin:10px 0 8px;font-size:clamp(48px,6vw,82px);letter-spacing:-.06em;line-height:.94}.radio-page-copy .station-place{color:#ece7e3;font-weight:650}.radio-description{max-width:760px;color:#ece7e3;line-height:1.62}.radio-page-copy .station-tags a,.radio-page-copy .station-tags span{background:rgba(255,255,255,.1)!important;color:#fff!important;border-color:rgba(255,255,255,.17)!important;backdrop-filter:blur(8px)}.radio-page-copy .detail-actions{margin-top:24px}.radio-page-copy .button.ghost{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.08)}.radio-page-copy .station-website-button{background:#fff!important;color:#1d1d1f!important}.radio-information-grid{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px}.radio-program-panel,.radio-side-panel>*{border:1px solid #ece7e3;border-radius:20px;background:#fff}.radio-program-panel{padding:26px}.radio-side-panel{display:grid;align-content:start;gap:12px}.radio-fact,.radio-site-card,.radio-report-card{padding:20px;text-align:left;text-decoration:none;color:var(--dp-ink)}.radio-fact span,.radio-site-card span,.radio-report-card span{display:block;color:var(--dp-muted);font-size:11px;font-weight:800;letter-spacing:.08em}.radio-fact strong,.radio-site-card strong,.radio-report-card strong{display:block;margin-top:7px;font-size:16px}.radio-site-card{position:relative;background:#ff7606;color:#fff!important}.radio-site-card span{color:#ece7e3}.radio-site-card b{position:absolute;right:18px;top:18px;font-size:22px}.radio-report-card{border:1px solid #ece7e3;cursor:pointer}.modern-schedule article{border-radius:15px!important;background:#fffaf7!important;border:1px solid #fffaf7!important;margin-bottom:8px!important} /* Authentification */ .auth-modern-page{min-height:calc(100vh - 230px);max-width:1320px;margin:0 auto;padding:70px clamp(18px,4vw,64px) 90px;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(390px,.75fr);gap:clamp(45px,8vw,120px);align-items:center}.auth-modern-brand img{width:min(430px,88%);height:auto;object-fit:contain}.auth-modern-brand>p{max-width:520px;margin:24px 0;color:var(--dp-muted);font-size:19px;line-height:1.65}.auth-signal{height:70px;display:flex;gap:8px;align-items:center}.auth-signal span{display:block;width:7px;border-radius:99px;background:linear-gradient(180deg,#ff7606,#ff7606);animation:signal 1.4s ease-in-out infinite}.auth-signal span:nth-child(1){height:24px}.auth-signal span:nth-child(2){height:50px;animation-delay:.1s}.auth-signal span:nth-child(3){height:68px;animation-delay:.2s}.auth-signal span:nth-child(4){height:43px;animation-delay:.3s}.auth-signal span:nth-child(5){height:29px;animation-delay:.4s}@keyframes signal{50%{transform:scaleY(.55);opacity:.65}}.auth-modern-card{padding:36px;border:1px solid #ece7e3;border-radius:28px;background:#fff;box-shadow:0 28px 80px rgba(18,18,18,.11);display:grid;gap:17px}.auth-modern-card h1{margin:0;font-size:46px;letter-spacing:-.05em}.auth-lead{margin:-8px 0 8px;color:var(--dp-muted)}.auth-modern-card label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:750;color:#f06400}.auth-modern-card input{height:50px;border:1px solid #ece7e3;border-radius:13px;padding:0 14px;background:#fffaf7;font:inherit;outline:none}.auth-modern-card input:focus{border-color:#ff7606;box-shadow:0 0 0 4px rgba(255,118,6,.08)}.auth-submit{min-height:52px;margin-top:6px}.auth-switch{text-align:center;color:var(--dp-muted);font-size:13px}.auth-switch a{color:var(--dp-blue);font-weight:800} /* Footer */ .dp-footer{position:relative;overflow:hidden;margin-top:80px;background:#121213;color:#fff;border:0}.dp-footer-glow{position:absolute;width:600px;height:600px;border-radius:50%;right:-220px;top:-340px;background:radial-gradient(circle,rgba(255,118,6,.35),rgba(255,118,6,0) 68%)}.dp-footer-main{position:relative;max-width:1500px;margin:auto;padding:70px clamp(18px,4vw,64px) 52px;display:grid;grid-template-columns:minmax(320px,1.5fr) repeat(3,minmax(150px,.55fr));gap:45px}.dp-footer-brand img{display:block;width:min(360px,85%);height:auto;filter:brightness(0) invert(1);opacity:.96}.dp-footer-brand p{max-width:480px;color:#bfbfbf;line-height:1.65}.dp-footer-contact-link{display:inline-flex;margin-top:12px;gap:12px;color:#fff;text-decoration:none;font-weight:800}.dp-footer-contact-link span{color:#ff9a3a}.dp-footer-column{display:flex;flex-direction:column;gap:10px}.dp-footer-column>strong{margin-bottom:8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#ff9a3a}.dp-footer-column a,.dp-footer-column span{color:#c4c4c4;text-decoration:none;font-size:13px}.dp-footer-column a:hover{color:#fff}.dp-footer-socials{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.dp-footer-socials a{padding:7px 9px;border:1px solid #1d1d1f;border-radius:9px;font-size:10px}.dp-footer-bottom{position:relative;max-width:1500px;margin:auto;padding:20px clamp(18px,4vw,64px) 28px;border-top:1px solid #1d1d1f;display:flex;justify-content:space-between;gap:20px;color:#858585;font-size:11px} /* Player compact, réductible, persistant */ .dp-player{position:fixed;z-index:1000;left:0;right:0;bottom:0;height:var(--player-h);background:rgba(255,247,239,.96);backdrop-filter:blur(20px);border-top:1px solid #ece7e3;box-shadow:0 -15px 45px rgba(18,18,19,.11);transition:.25s ease}.dp-player-shell{height:100%;display:grid;grid-template-columns:minmax(300px,1fr) auto minmax(210px,.72fr);gap:24px;align-items:center;padding:10px 28px;position:relative}.dp-player-station{display:flex;align-items:center;gap:13px;min-width:0}.dp-player .player-station-logo{width:64px;height:64px;flex:0 0 64px}.dp-player .player-station-logo .station-logo{width:100%;height:100%;border-radius:16px;object-fit:contain;background:#fff;border:1px solid #ece7e3;padding:4px}.dp-player .player-meta{display:flex;flex-direction:column;min-width:0}.player-title-line{display:flex;align-items:center;gap:9px}.dp-player .player-name{font-size:16px;color:#121213;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-live-label{font-size:9px;font-weight:900;color:#f03a60;display:flex;align-items:center;gap:4px}.player-live-label i{width:6px;height:6px;border-radius:50%;background:#f03a60}.dp-player .player-location{font-size:10px;color:#969696;margin-top:2px}.dp-player .player-track{font-size:12px;color:#f06400;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:500px}.dp-player-center{display:grid;justify-items:center;gap:3px}.dp-player-controls{display:flex;align-items:center;gap:8px}.dp-player-controls button,.dp-player-tools>button{border:0;background:transparent;color:#1d1d1f;cursor:pointer}.dp-player-controls>button:not(.player-play){width:36px;height:36px;border-radius:50%;font-size:26px}.dp-player .player-play{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#ff7606;color:#fff;box-shadow:0 9px 24px rgba(255,118,6,.25)}.dp-player .player-play svg{width:24px;height:24px}.dp-player .player-status{font-size:9px;color:#939393;display:flex;gap:6px;align-items:center}.retry-player{border:0!important;background:transparent!important;color:#ff7606!important;font-size:9px!important}.dp-player-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px}.dp-player-tools>button{width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.dp-player-tools>button:hover{background:#fffaf7}.dp-player-tools svg{width:19px;height:19px}.dp-player .player-volume{display:flex;align-items:center;gap:6px;width:115px}.dp-player .player-volume svg{width:18px;height:18px;color:#808080}.dp-player .player-volume input{width:82px;accent-color:#ff7606}.dp-player-collapse{position:absolute;right:10px;top:7px;width:26px;height:26px;border:0;border-radius:50%;background:#fffaf7;color:#656565;cursor:pointer;z-index:2}.dp-player-mini{display:none}.dp-player.is-collapsed{left:auto;right:18px;bottom:18px;width:min(390px,calc(100vw - 36px));height:62px;border:0;border-radius:19px;box-shadow:0 18px 55px rgba(18,18,19,.2);overflow:hidden}.dp-player.is-collapsed .dp-player-shell{display:none}.dp-player.is-collapsed .dp-player-mini{display:grid;width:100%;height:100%;border:0;background:#fff;grid-template-columns:42px minmax(0,1fr) auto 22px;gap:10px;align-items:center;text-align:left;padding:7px 12px;cursor:pointer;color:#1d1d1f}.player-mini-logo{width:42px;height:42px;border-radius:12px;background:#fffaf7;display:grid;place-items:center;overflow:hidden;font-size:11px;font-weight:900}.player-mini-logo img{width:100%;height:100%;object-fit:contain}.player-mini-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-mini-state{font-size:10px;color:#8b8b8b}.dp-player[data-state=playing] .player-mini-state{color:#ff7606;font-weight:800} body{padding-bottom:var(--player-h)} /* Profil / soumission */ .v4-profile-header{background:linear-gradient(135deg,#fffaf7,#fffaf7)!important;border:1px solid #ece7e3!important;border-radius:26px!important;max-width:1500px;margin:42px auto 0!important}.v4-submission-zone{max-width:1500px;margin:auto}.v4-submit-form{border-radius:24px!important;box-shadow:0 16px 45px rgba(18,18,18,.07)!important;border:1px solid #ece7e3!important;overflow:hidden}.v4-submit-form .submit-form-head{background:#fffaf7!important}.form-section-public h4{color:#1d1d1f!important}.genre-chip-list{gap:8px!important}.genre-chip span{border:1px solid #ece7e3!important;background:#fff!important;color:#606060!important;padding:9px 12px!important;border-radius:999px!important}.genre-chip input:checked+span{background:#ff7606!important;border-color:#ff7606!important;color:#fff!important}.genre-chip.is-primary{opacity:.42!important}.submit-big{min-height:52px!important;border-radius:13px!important;background:#ff7606!important;box-shadow:none!important;font-weight:850!important}.submit-big:hover{background:#ff7606!important;transform:translateY(-1px)} @media(max-width:1050px){.home-wow-hero{grid-template-columns:1fr;min-height:0}.home-wow-orbit{min-height:430px}.home-four-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dp-carousel{grid-auto-columns:calc((100% - 20px)/2)!important}.wow-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.radio-information-grid{grid-template-columns:1fr}.radio-side-panel{grid-template-columns:repeat(3,1fr)}.auth-modern-page{grid-template-columns:1fr;gap:32px}.auth-modern-brand{text-align:center}.auth-modern-brand img{width:min(380px,80%)}.auth-modern-brand>p{margin-left:auto;margin-right:auto}.auth-signal{justify-content:center}.dp-footer-main{grid-template-columns:1.2fr 1fr 1fr}.dp-footer-coordinates{grid-column:2/4}.dp-player-shell{grid-template-columns:minmax(240px,1fr) auto}.dp-player-tools{display:none}} @media(max-width:720px){:root{--player-h:78px}.home-wow-hero{padding-top:38px}.home-wow-copy h1{font-size:56px}.home-wow-orbit{min-height:330px;transform:scale(.8);margin:-30px -35px}.orbit-brand{width:190px;height:190px}.ring-one{width:330px;height:330px}.ring-two{width:240px;height:240px}.orbit-radio{width:68px;height:68px}.orbit-pos-1{transform:translate(-150px,-105px)}.orbit-pos-2{transform:translate(150px,-100px)}.orbit-pos-3{transform:translate(-168px,60px)}.orbit-pos-4{transform:translate(168px,60px)}.orbit-pos-5{transform:translate(-90px,158px)}.orbit-pos-6{transform:translate(90px,158px)}.home-four-grid{grid-template-columns:1fr!important}.dp-carousel{grid-auto-columns:84%!important}.carousel-arrows button{width:40px;height:40px}.wow-directory-hero{align-items:start;flex-direction:column}.directory-hero-badge{display:none}.wow-directory-grid{grid-template-columns:1fr}.wow-directory-card{height:220px}.radio-page-content{grid-template-columns:1fr;padding-top:56px}.radio-page-logo{width:115px;height:115px;border-radius:24px}.radio-page-copy h1{font-size:50px}.radio-side-panel{grid-template-columns:1fr}.auth-modern-page{padding-top:40px}.auth-modern-brand{display:none}.auth-modern-card{padding:24px;border-radius:22px}.auth-modern-card h1{font-size:38px}.dp-footer-main{grid-template-columns:1fr 1fr;gap:34px}.dp-footer-brand{grid-column:1/-1}.dp-footer-brand img{width:min(300px,90%)}.dp-footer-coordinates{grid-column:1/-1}.dp-footer-bottom{flex-direction:column}.dp-player-shell{grid-template-columns:minmax(0,1fr) auto;padding:8px 13px;gap:8px}.dp-player .player-station-logo{width:54px;height:54px;flex-basis:54px}.dp-player .player-location{display:none}.dp-player .player-track{max-width:42vw;font-size:10px}.dp-player .player-name{font-size:13px}.dp-player-center .player-status,.dp-player-controls>button:not(.player-play){display:none}.dp-player .player-play{width:48px;height:48px}.dp-player-collapse{right:3px;top:3px}.dp-player.is-collapsed{height:58px;bottom:12px;right:12px;width:calc(100vw - 24px)}} /* ===================================================================== DIRECTPLAYER PUBLIC V5.2 — build visible en DEV + player type application ===================================================================== */ :root{--player-h:92px;--dp-v52:#ff7606;--dp-v52-navy:#1d1d1f} .dev-build-badge{position:fixed;z-index:1300;right:14px;top:94px;padding:7px 10px;border-radius:999px;background:#1d1d1f;color:#fff;border:1px solid #ffffff24;box-shadow:0 10px 25px rgba(18,18,19,.18);font-size:9px;font-weight:900;letter-spacing:.11em;pointer-events:none} .home-wow-hero{background:radial-gradient(circle at 78% 28%,#fffaf7 0,transparent 34%),linear-gradient(135deg,#fffaf7 0%,#fffaf7 48%,#fff 100%)!important;border-bottom:1px solid #fffaf7!important}.home-wow-copy h1{color:#121213!important}.home-wow-copy h1 span{color:#ff7606!important}.orbit-brand{background:rgba(255,255,255,.96)!important;box-shadow:0 22px 65px rgba(18,18,18,.15)!important;border:1px solid #ece7e3!important}.orbit-brand img{width:82%!important;max-height:82%!important;object-fit:contain!important}.home-featured-section{position:relative}.home-featured-section:before{content:"RECOMMANDÉ";position:absolute;right:3%;top:34px;color:#ff76060b;font-size:clamp(70px,10vw,170px);font-weight:950;letter-spacing:-.07em;pointer-events:none}.strong-heading h2{font-size:clamp(26px,3vw,42px)!important;letter-spacing:-.05em!important;color:#121213!important}.carousel-arrows button{border:1px solid #ece7e3!important;background:#fff!important;color:#121213!important;box-shadow:0 8px 22px rgba(18,18,18,.07)!important}.carousel-arrows button:hover{background:#ff7606!important;color:#fff!important;border-color:#ff7606!important} .radio-page-hero{min-height:500px!important}.radio-page-backdrop{filter:none!important}.radio-page-hero.has-radio-cover .radio-page-backdrop:after{backdrop-filter:blur(14px)!important;background:linear-gradient(90deg,rgba(18,18,19,.93) 0%,rgba(18,18,19,.70) 46%,rgba(18,18,19,.42) 100%)!important}.radio-page-logo{border-radius:30px!important;border:1px solid #ffffff55!important;box-shadow:0 26px 70px rgba(0,0,0,.34)!important}.radio-page-copy h1{text-shadow:0 4px 24px rgba(0,0,0,.2)}.radio-site-card{background:linear-gradient(135deg,#ff7606,#f06400)!important} /* Nouveau player horizontal inspiré d'une application radio, sans blocs superflus. */ .dp-player{height:92px!important;background:linear-gradient(100deg,#effdfa 0%,#fffaf7 45%,#fff0fb 100%)!important;border-top:1px solid #ece7e3!important;box-shadow:0 -12px 35px rgba(18,18,19,.12)!important;backdrop-filter:blur(26px)!important}.dp-player-shell{height:100%!important;display:grid!important;grid-template-columns:minmax(300px,1.25fr) minmax(320px,1fr) auto!important;gap:24px!important;padding:9px 56px 9px 24px!important}.dp-player-station{gap:15px!important}.dp-player .player-station-logo{width:66px!important;height:66px!important;flex:0 0 66px!important}.dp-player .player-station-logo .station-logo{border-radius:50%!important;border:0!important;padding:2px!important;background:#fff!important;box-shadow:0 6px 18px rgba(18,18,19,.11)!important}.player-title-line{gap:10px!important}.dp-player .player-name{font-size:18px!important;font-weight:850!important;color:#1d1d1f!important}.player-live-label{padding:3px 7px!important;border-radius:5px!important;background:#ed1745!important;color:#fff!important;font-size:8px!important}.player-live-label i{background:#fff!important}.dp-player .player-location{font-size:10px!important;color:#858585!important}.dp-player .player-track{font-size:13px!important;font-weight:650!important;color:#1d1d1f!important;max-width:620px!important;margin-top:4px!important}.dp-player-center{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important}.dp-player-controls{gap:10px!important}.dp-player-controls>button:not(.player-play){width:44px!important;height:44px!important;color:#1d1d1f!important;font-size:30px!important}.dp-player-controls>button:not(.player-play):hover{background:#ffffffa8!important}.dp-player .player-play{width:58px!important;height:58px!important;background:transparent!important;color:#1d1d1f!important;border:1.5px solid #1d1d1f!important;box-shadow:none!important}.dp-player .player-play:hover{background:#fff!important}.dp-player .player-status{min-width:90px!important;font-size:9px!important;color:#858585!important}.dp-player-tools{gap:5px!important}.dp-player-tools>button{width:44px!important;height:44px!important;color:#1d1d1f!important}.dp-player-tools>button:hover{background:#ffffff99!important}.dp-player .player-volume{width:132px!important}.dp-player .player-volume input{width:96px!important;accent-color:#1d1d1f!important}.dp-player-collapse{right:15px!important;top:31px!important;width:30px!important;height:30px!important;background:transparent!important;color:#1d1d1f!important;font-size:18px!important}.dp-player-collapse:hover{background:#ffffffa8!important}.dp-player.is-collapsed{right:18px!important;bottom:18px!important;height:64px!important;width:min(420px,calc(100vw - 36px))!important;border-radius:20px!important;background:#fff!important}.dp-player.is-collapsed .dp-player-mini{border-radius:20px!important;background:linear-gradient(105deg,#effdfa,#fff0fb)!important}.player-mini-logo{border-radius:50%!important}.dp-player[data-state=loading] .player-play{animation:dp52pulse 1s ease-in-out infinite}@keyframes dp52pulse{50%{box-shadow:0 0 0 8px rgba(18,18,18,.08)}} @media(max-width:1050px){.dp-player-shell{grid-template-columns:minmax(260px,1fr) auto!important;padding-right:50px!important}.dp-player-tools{display:none!important}.dp-player-center{justify-content:end!important}} @media(max-width:720px){:root{--player-h:78px}.dev-build-badge{top:75px;right:8px}.dp-player{height:78px!important}.dp-player-shell{grid-template-columns:minmax(0,1fr) auto!important;padding:7px 41px 7px 10px!important;gap:8px!important}.dp-player .player-station-logo{width:54px!important;height:54px!important;flex-basis:54px!important}.dp-player .player-name{font-size:13px!important}.dp-player .player-track{max-width:45vw!important;font-size:10px!important}.dp-player .player-location{display:none!important}.dp-player-center .player-status,.dp-player-controls>button:not(.player-play){display:none!important}.dp-player .player-play{width:48px!important;height:48px!important}.dp-player-collapse{top:24px!important;right:5px!important}.dp-player.is-collapsed{height:58px!important;right:10px!important;bottom:10px!important;width:calc(100vw - 20px)!important}} /* ===================================================================== DIRECTPLAYER V5.3 — finitions visuelles + interactions fiabilisées ===================================================================== */ /* Aucun badge de version dans l'interface publique. */ .dev-build-badge{display:none!important} /* Sections d'accueil : largeur maîtrisée, quatre vraies cartes par écran. */ .home-featured-section,.home-popular-section,.home-recent-section,.home-podcast-section{position:relative;max-width:1600px;margin:0 auto;padding-top:64px!important;padding-bottom:64px!important;background:#fff!important;border:0!important} .home-featured-section{max-width:none;background:linear-gradient(180deg,#fffaf7 0%,#fff 100%)!important;padding-left:max(clamp(18px,4vw,64px),calc((100vw - 1500px)/2))!important;padding-right:max(clamp(18px,4vw,64px),calc((100vw - 1500px)/2))!important} .home-featured-section:before{content:"RECOMMANDÉ"!important;right:max(3%,calc((100vw - 1500px)/2));top:28px!important} .home-featured-section .eyebrow,.home-popular-section .eyebrow,.home-recent-section .eyebrow,.home-podcast-section .eyebrow{margin-bottom:7px!important;font-size:10px!important} .strong-heading{position:relative;z-index:2;margin-bottom:24px!important}.strong-heading>div>p:last-child:not(.eyebrow){display:none!important} .dp-carousel{width:100%;display:flex!important;gap:18px!important;overflow-x:auto!important;scroll-behavior:smooth!important;scrollbar-width:none!important;padding:3px 1px 14px!important;overscroll-behavior-x:contain}.dp-carousel::-webkit-scrollbar{display:none!important}.dp-carousel>.station-card{flex:0 0 calc((100% - 54px)/4)!important;min-width:0!important;max-width:none!important} .home-four-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important} .station-card{min-width:0!important;border-radius:18px!important;box-shadow:0 10px 30px rgba(18,18,18,.065)!important}.station-card .station-art{height:168px!important}.station-card-body{padding:13px 14px 15px!important;min-height:72px}.station-card h3{font-size:15px!important;letter-spacing:-.015em}.station-card p{font-size:11px!important}.round-play{width:36px!important;height:36px!important;border-color:#ece7e3!important}.carousel-arrows{flex:none}.carousel-arrows button{width:42px!important;height:42px!important;box-shadow:none!important} /* Hero : suppression de toute cassure visuelle parasite. */ .home-wow-hero{border-bottom:0!important;background:radial-gradient(circle at 78% 28%,#fffaf7 0,transparent 34%),linear-gradient(135deg,#fffaf7 0%,#fffaf7 52%,#fff 100%)!important}.home-wow-hero+.home-featured-section{margin-top:0!important} /* Fiche radio : couverture atmosphérique, actions sobres. */ .radio-page-hero{min-height:470px!important}.radio-page-backdrop{inset:-42px!important}.radio-page-hero.has-radio-cover .radio-page-backdrop:after{backdrop-filter:blur(18px)!important;background:linear-gradient(90deg,rgba(18,18,19,.94) 0%,rgba(18,18,19,.76) 48%,rgba(18,18,19,.46) 100%)!important}.radio-page-content{grid-template-columns:150px minmax(0,850px)!important;gap:30px!important}.radio-page-logo{width:145px!important;height:145px!important;border-radius:28px!important;padding:13px!important}.radio-page-copy h1{font-size:clamp(46px,5.6vw,76px)!important}.radio-page-copy .detail-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.station-site-link{min-height:44px;display:inline-grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:7px 14px;border:1px solid rgba(255,255,255,.28);border-radius:13px;background:rgba(255,255,255,.10);color:#fff;backdrop-filter:blur(10px);transition:.18s}.station-site-link span{grid-column:1;color:#ece7e3;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:850}.station-site-link b{grid-column:1;font-size:12px}.station-site-link i{grid-column:2;grid-row:1/3;font-style:normal;font-size:17px}.station-site-link:hover{background:#fff;color:#1d1d1f;border-color:#fff;transform:translateY(-1px)}.station-site-link:hover span{color:#858585}.radio-side-panel{grid-template-columns:1fr!important}.radio-side-panel .radio-site-card{display:none!important}.radio-fact,.radio-report-card{background:#fff!important}.radio-report-card:hover{border-color:#ece7e3!important;background:#fffaf7!important} /* Player : plus compact, lisible et sans information parasite. */ :root{--player-h:86px}.dp-player{height:86px!important;background:rgba(255,247,239,.97)!important;border-top:1px solid #ece7e3!important;box-shadow:0 -10px 32px rgba(18,18,19,.10)!important}.dp-player-shell{grid-template-columns:minmax(270px,1.25fr) auto minmax(150px,.6fr)!important;gap:20px!important;padding:8px 50px 8px 20px!important}.dp-player .player-station-logo{width:60px!important;height:60px!important;flex-basis:60px!important}.dp-player .player-name{font-size:16px!important}.dp-player .player-location{font-size:9px!important}.dp-player .player-track{font-size:12px!important;max-width:520px!important}.dp-player-center{gap:9px!important}.dp-player-controls>button:not(.player-play){width:36px!important;height:36px!important;font-size:25px!important}.dp-player .player-play{width:52px!important;height:52px!important;background:#fff!important;border:1px solid #1d1d1f!important}.dp-player .player-status{display:none!important}.dp-player-tools{gap:4px!important}.dp-player-tools>button{width:36px!important;height:36px!important}.dp-player .player-volume{width:110px!important}.dp-player .player-volume input{width:76px!important}.dp-player-collapse{top:27px!important}.dp-player.is-collapsed{height:58px!important;width:min(360px,calc(100vw - 28px))!important;border-radius:18px!important} /* Favoris : état clair et notification visible. */ .favorite-toggle.active{color:#e82959!important}.favorite-toggle.active svg{fill:#e82959!important;stroke:#e82959!important}.dp-toast{position:fixed;z-index:2500;right:18px;bottom:calc(var(--player-h) + 18px);max-width:min(360px,calc(100vw - 36px));padding:11px 14px;border:1px solid #ece7e3;border-radius:12px;background:#fff;color:#1d1d1f;box-shadow:0 16px 40px rgba(18,18,18,.15);font-size:12px;font-weight:750;opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s}.dp-toast.warning{border-color:#edd7a5;color:#7a5a12}.dp-toast.show{opacity:1;transform:none} /* Espace personnel : un seul formulaire de soumission à la fois. */ .v4-submission-zone{background:#fffaf7!important}.submission-switch{display:inline-flex;gap:6px;padding:5px;border:1px solid #ece7e3;border-radius:14px;background:#fff;margin:0 0 18px}.submission-switch button{border:0;background:transparent;color:#797979;padding:10px 16px;border-radius:10px;font-weight:800;font-size:12px}.submission-switch button.active{background:#ff7606;color:#fff;box-shadow:0 7px 18px rgba(255,118,6,.17)}.single-submission{display:block!important;max-width:980px}.single-submission>[data-submission-form]{width:100%}.v4-submit-form[hidden]{display:none!important}.submit-form-head{background:linear-gradient(135deg,#1d1d1f,#ff7606)!important}.v4-submit-form .submit-big{min-width:0!important;width:auto!important;margin:20px 25px 25px!important;padding:0 24px!important;border-radius:12px!important;box-shadow:none!important}.genre-chip-list{max-height:245px;overflow:auto;padding:2px}.genre-chip span{font-size:11px!important} /* Contact : confirmation persistante dans la page. */ .contact-page{position:relative}.contact-confirmation{grid-column:1/-1;display:flex;align-items:center;gap:13px;padding:15px 17px;margin-bottom:-25px;border:1px solid #bad7c6;border-radius:15px;background:#effaf3;color:#23603b}.contact-confirmation>b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d6f2df}.contact-confirmation>div{display:flex;flex-direction:column}.contact-confirmation span{font-size:12px;color:#4e725d}.contact-confirmation.error{background:#fff4f5;border-color:#efc9cf;color:#8e3040}.contact-confirmation.error>b{background:#f8dde1}.contact-confirmation.error span{color:#94606a} /* Footer : logo lisible, hiérarchie plus premium et moins massive. */ .dp-footer{margin-top:64px!important;background:linear-gradient(145deg,#121213,#121213 72%,#121213)!important}.dp-footer-glow{opacity:.55!important}.dp-footer-main{padding-top:58px!important;padding-bottom:42px!important;grid-template-columns:minmax(300px,1.6fr) repeat(3,minmax(140px,.55fr))!important;gap:38px!important}.dp-footer-brand{max-width:470px}.dp-footer-brand a:first-child{display:inline-flex;padding:12px 15px;border-radius:16px;background:#fff}.dp-footer-brand img{width:min(315px,76vw)!important;max-height:70px;object-fit:contain;filter:none!important;opacity:1!important}.dp-footer-brand p{margin-top:18px!important;color:#ff9a3a!important;font-size:13px}.dp-footer-contact-link{font-size:12px}.dp-footer-column>strong{color:#ff9a3a!important}.dp-footer-column a,.dp-footer-column span{font-size:12px!important;color:#ff9a3a!important}.dp-footer-bottom{padding-top:17px!important;padding-bottom:23px!important} /* Connexion / inscription : moins de texte massif, carte plus légère. */ .auth-modern-page{background:linear-gradient(135deg,#fffaf7,#fffaf7)!important}.auth-modern-brand>p{font-size:15px!important;max-width:440px!important}.auth-modern-card{border-radius:24px!important;box-shadow:0 20px 55px rgba(18,18,18,.08)!important}.auth-modern-card h1{font-size:44px!important;letter-spacing:-.045em!important}.auth-lead{font-size:13px!important;color:#848484!important}.auth-modern-card .eyebrow{font-size:9px!important}.auth-submit{border-radius:12px!important;box-shadow:none!important} @media(max-width:1050px){.dp-carousel>.station-card{flex-basis:calc((100% - 18px)/2)!important}.home-four-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.radio-page-content{grid-template-columns:125px 1fr!important}.radio-page-logo{width:120px!important;height:120px!important}.dp-footer-main{grid-template-columns:1.2fr 1fr 1fr!important}.dp-footer-coordinates{grid-column:2/4!important}} @media(max-width:720px){:root{--player-h:76px}.home-featured-section,.home-popular-section,.home-recent-section,.home-podcast-section{padding-top:46px!important;padding-bottom:46px!important}.dp-carousel>.station-card{flex-basis:82%!important}.home-four-grid{grid-template-columns:1fr!important}.station-card .station-art{height:150px!important}.radio-page-content{grid-template-columns:1fr!important}.radio-page-logo{width:105px!important;height:105px!important}.radio-page-copy h1{font-size:46px!important}.radio-page-copy .detail-actions>*{width:100%;justify-content:center}.station-site-link{display:grid;width:100%;grid-template-columns:1fr auto!important}.dp-player{height:76px!important}.dp-player-shell{padding:7px 38px 7px 9px!important}.dp-player .player-station-logo{width:52px!important;height:52px!important;flex-basis:52px!important}.dp-player .player-track{max-width:44vw!important}.submission-switch{display:grid;width:100%;grid-template-columns:1fr 1fr}.dp-footer-main{grid-template-columns:1fr 1fr!important;gap:30px!important}.dp-footer-brand{grid-column:1/-1}.dp-footer-coordinates{grid-column:1/-1!important}.contact-confirmation{margin-bottom:0}.dp-toast{bottom:calc(var(--player-h) + 10px);right:10px}} /* ===================================================================== DIRECTPLAYER V5.3.1 — lecteur réversible, cartes et finitions ===================================================================== */ .dp-player-queue[hidden]{display:none!important} .dp-player-queue{position:absolute;right:18px;bottom:calc(100% + 12px);width:min(410px,calc(100vw - 36px));max-height:min(460px,65vh);overflow:hidden;border:1px solid #ece7e3;border-radius:20px;background:rgba(255,255,255,.985);box-shadow:0 22px 70px rgba(18,18,19,.20);color:#1d1d1f;display:flex;flex-direction:column} .dp-player-queue-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px 13px;border-bottom:1px solid #fffaf7}.dp-player-queue-head>div{display:flex;flex-direction:column;gap:2px}.dp-player-queue-head small{font-size:8px;letter-spacing:.14em;font-weight:900;color:#898989}.dp-player-queue-head strong{font-size:16px;letter-spacing:-.025em}.dp-player-queue-head button{width:34px;height:34px;border:1px solid #ece7e3;border-radius:50%;background:#fff;color:#1d1d1f;font-size:21px;display:grid;place-items:center}.dp-player-queue-head button:hover{background:#fffaf7} .dp-player-queue-list{padding:8px;overflow:auto;display:grid;gap:5px}.player-queue-item{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center;text-align:left;padding:8px;border:0;border-radius:13px;background:transparent;color:#1d1d1f}.player-queue-item:hover,.player-queue-item.active{background:#fffaf7}.player-queue-item .station-logo{width:46px;height:46px;border-radius:12px;object-fit:contain;background:#fff}.player-queue-item>span{display:flex;flex-direction:column;min-width:0}.player-queue-item strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-queue-item small{font-size:9px;color:#8e8e8e;margin-top:2px}.player-queue-item>b{font-size:8px;letter-spacing:.08em;color:#ff7606}.player-queue-empty{padding:28px 18px;text-align:center;color:#8a8a8a;font-size:11px}.dp-player-queue-back{margin:0 12px 12px;height:38px;border:1px solid #ece7e3;border-radius:11px;background:#fffaf7;color:#1d1d1f;font-size:10px;font-weight:850}.dp-player-queue-back:hover{background:#fffaf7}.player-queue-toggle[aria-expanded="true"]{background:#fffaf7!important;color:#ff7606!important}.dp-player.is-collapsed .dp-player-queue{display:none!important} /* Les sections de radios ne laissent jamais des cartes minuscules perdues dans du vide. */ .home-featured-section .dp-carousel,.home-popular-section .dp-carousel{min-height:260px;align-items:stretch}.home-featured-section .station-card,.home-popular-section .station-card,.home-recent-section .station-card{height:100%}.home-featured-section .station-art,.home-popular-section .station-art,.home-recent-section .station-art{height:178px!important}.home-featured-section .station-card-body,.home-popular-section .station-card-body,.home-recent-section .station-card-body{min-height:78px!important} /* Bouton site officiel : discret, éditorial, sans gros pavé bleu. */ .station-site-link{display:inline-flex!important;align-items:center!important;gap:10px!important;min-height:44px!important;padding:0 15px!important;border:1px solid rgba(255,255,255,.34)!important;border-radius:999px!important;background:rgba(18,18,19,.28)!important;color:#fff!important;box-shadow:none!important;backdrop-filter:blur(12px)!important}.station-site-link span{display:none!important}.station-site-link b{font-size:11px!important;letter-spacing:.01em}.station-site-link i{font-size:15px!important}.station-site-link:hover{background:#fff!important;color:#1d1d1f!important;transform:none!important} /* Footer moins massif et logo parfaitement lisible. */ .dp-footer-brand a:first-child{background:transparent!important;padding:0!important}.dp-footer-brand img{background:#fff;border-radius:14px;padding:10px 13px;box-shadow:0 10px 30px rgba(0,0,0,.12)}.dp-footer-main{align-items:start}.dp-footer-column{display:flex;flex-direction:column;gap:9px}.dp-footer-column>strong{margin-bottom:5px;font-size:10px;letter-spacing:.11em;text-transform:uppercase} @media(max-width:1050px){.dp-player-queue{right:12px}.home-featured-section .dp-carousel,.home-popular-section .dp-carousel{min-height:245px}} @media(max-width:720px){.dp-player-queue{position:fixed;left:10px;right:10px;bottom:88px;width:auto;max-height:58vh}.home-featured-section .station-art,.home-popular-section .station-art,.home-recent-section .station-art{height:165px!important}} /* ===================================================================== DIRECTPLAYER V5.3.2 — dimensions finales des cartes et footer ===================================================================== */ /* Pas de « grand rectangle blanc » : la hauteur vient uniquement du contenu. */ .home-featured-section .dp-carousel,.home-popular-section .dp-carousel{min-height:0!important;align-items:flex-start!important} .home-featured-section .station-card,.home-popular-section .station-card,.home-recent-section .station-card{height:auto!important;align-self:flex-start!important} .home-featured-section .station-card-body,.home-popular-section .station-card-body,.home-recent-section .station-card-body{height:76px!important;min-height:76px!important} .home-featured-section .station-art,.home-popular-section .station-art,.home-recent-section .station-art{height:176px!important} /* Le logo fourni est transparent : aucun faux carré blanc dans le footer. */ .dp-footer-brand a:first-child{display:inline-flex!important;width:min(340px,100%);background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important} .dp-footer-brand img{display:block!important;width:100%!important;height:auto!important;max-height:84px!important;object-fit:contain!important;object-position:left center!important;background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important} @media(max-width:720px){.home-featured-section .station-art,.home-popular-section .station-art,.home-recent-section .station-art{height:160px!important}.dp-footer-brand a:first-child{width:min(300px,90vw)}} /* V6.6 — podcasts liés aux radios */ .station-podcasts-section{padding-top:20px} .station-podcast-grid{grid-template-columns:repeat(auto-fill,minmax(185px,220px));justify-content:start;gap:18px} .station-podcast-grid .podcast-card{min-width:0} .station-podcast-grid .podcast-cover{border-radius:14px;overflow:hidden;box-shadow:0 8px 22px rgba(18,18,19,.07)} .station-podcast-grid .podcast-cover img{width:100%;height:100%;object-fit:cover;display:block} .station-podcast-grid .podcast-card>p{margin:11px 0 4px;font-size:10px} .station-podcast-grid .podcast-card h3{margin:1px 0 4px;font-size:15px;line-height:1.24} .station-podcast-grid .podcast-card small{color:var(--muted);font-size:12px} @media(max-width:980px){.station-podcast-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}} @media(max-width:760px){.station-podcast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.station-podcast-grid{grid-template-columns:1fr 1fr;gap:14px}.station-podcast-grid .podcast-card h3{font-size:14px}} /* V10.3.71 — maintenance par module */ .dp-module-maintenance{width:min(760px,calc(100% - 32px));margin:90px auto 120px;padding:46px 44px;border:1px solid #fafafa;border-radius:20px;background:#fff;box-shadow:0 16px 42px rgba(18,18,19,.06);text-align:center}.dp-module-maintenance .eyebrow{margin:0 0 12px}.dp-module-maintenance-status{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#fffaf7;color:#707070;font-size:9px;font-weight:900;letter-spacing:.12em}.dp-module-maintenance h1{margin:18px 0 10px;color:#1d1d1f;font-size:clamp(34px,6vw,58px);line-height:1;letter-spacing:-.045em}.dp-module-maintenance>p:last-of-type{max-width:580px;margin:0 auto;color:#818181;font-size:14px;line-height:1.7}.dp-module-maintenance-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:26px}@media(max-width:620px){.dp-module-maintenance{margin:46px auto 80px;padding:34px 22px}.dp-module-maintenance-actions{flex-direction:column}.dp-module-maintenance-actions .button{width:100%;justify-content:center}} .dp10371-module-fields{padding:16px 18px}.dp10371-module-fields textarea{min-height:88px} /* DirectPlayer V10.3.80 — boutons lecture espace auditeur */ .dp10380-account-play{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#f06400!important;color:#fff!important;display:inline-grid!important;place-items:center!important;box-shadow:0 6px 16px rgba(18,18,18,.15)!important;cursor:pointer!important;line-height:1!important;appearance:none!important;-webkit-appearance:none!important;transition:transform .15s ease,background .15s ease,box-shadow .15s ease!important}.dp10380-account-play:hover{background:#1d1d1f!important;transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(18,18,18,.2)!important}.dp10380-account-play:active{transform:scale(.96)!important}.dp10380-account-play svg{display:block!important;width:16px!important;height:16px!important;fill:currentColor!important;stroke:none!important;transform:translateX(1px)!important}.history-table .dp10380-account-play,.dp10367-continue-list .dp10380-account-play{background:#f06400!important;color:#fff!important} @media(max-width:768px){.dp10380-account-play{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;box-shadow:none!important}.dp10380-account-play svg{width:17px!important;height:17px!important}.dp10367-continue-list article{grid-template-columns:50px minmax(0,1fr) 42px!important}.history-table>div{grid-template-columns:40px minmax(0,1fr) 42px!important}.history-table time{grid-column:2!important}} /* source:polish-v62.css */ /* DirectPlayer 6.2 — finition publique, volontairement sobre et éditoriale. */ :root{ --dp-accent:#f06400; --dp-accent-strong:#1d1d1f; --dp-accent-soft:#fffaf7; --dp-ink-62:#121213; --dp-muted-62:#7d7d7d; --dp-line-62:#fafafa; --dp-surface-62:#fffaf7; --player-h:84px; } html,body{background:#fff} body{font-family:"Segoe UI Variable Text","Segoe UI",Helvetica,Arial,sans-serif;padding-bottom:0!important;color:var(--dp-ink-62)} .site-main{min-height:calc(100vh - 84px)} .site-header{border-top-color:#1d1d1f!important;box-shadow:0 1px 0 rgba(18,18,18,.06);font-family:"Segoe UI Variable Text","Segoe UI",Helvetica,Arial,sans-serif} .main-nav a{font-weight:650!important;color:#1d1d1f}.main-nav a.active{color:#1d1d1f}.main-nav a.active:after{background:var(--dp-accent)!important;height:2px!important} .account-link{background:#f06400!important}.header-search{background:#fffaf7!important;border-color:#e8e8e8!important}.header-search:focus-within{border-color:#ff9a3a!important;box-shadow:0 0 0 3px rgba(240,100,0,.08)} .eyebrow{color:var(--dp-accent)!important;letter-spacing:.13em!important}.home-wow-copy h1,.strong-heading h2,.wow-directory-hero h1,.page-hero h1{font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif!important;font-weight:780!important} .home-wow-copy h1 span,.wow-directory-hero h1 span{color:#f06400!important} .home-wow-copy>p:not(.eyebrow){color:var(--dp-muted-62)!important}.hero-search{border-color:#e8e8e8!important;box-shadow:0 12px 34px rgba(18,18,18,.08)!important}.hero-search svg,.hero-search>button{color:var(--dp-accent)!important}.hero-search>button{border-color:#e8e8e8!important;background:#fffaf7!important}.hero-search>button:hover{background:#fffaf7!important} .button{border-radius:11px!important;border-color:#e8e8e8!important;box-shadow:none!important;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important}.button.primary{background:#f06400!important;border-color:#f06400!important;color:#fff!important}.button.primary:hover{background:#1d1d1f!important;border-color:#1d1d1f!important;transform:translateY(-1px)}.button.ghost{background:#fff!important;color:#1d1d1f!important}.button.ghost:hover{background:#fffaf7!important;border-color:#e8e8e8!important;transform:translateY(-1px)} .orbit-ring{border-color:rgba(240,100,0,.12)!important}.orbit-radio{box-shadow:0 10px 28px rgba(18,18,19,.11)!important}.orbit-radio:hover{box-shadow:0 16px 34px rgba(18,18,19,.16)!important}.orbit-brand{box-shadow:0 24px 70px rgba(18,18,19,.11)!important} /* Cartes radios : une seule surface, pas de bande blanche cassée sous la couverture. */ .station-card{background:var(--dp-surface-62)!important;border:1px solid #ece7e3!important;border-radius:17px!important;box-shadow:0 8px 24px rgba(18,18,19,.055)!important;overflow:hidden!important}.station-card:hover{transform:translateY(-3px)!important;box-shadow:0 14px 34px rgba(18,18,19,.095)!important;border-color:#e8e8e8!important}.station-card .station-art{height:auto!important;aspect-ratio:16/9!important;background:#fffaf7!important}.station-card .station-cover{width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(.92) contrast(.98)!important}.station-card:hover .station-cover{transform:scale(1.025)!important;filter:saturate(1) contrast(1)!important}.station-art:after{background:linear-gradient(to top,rgba(18,18,19,.46),rgba(18,18,19,0) 64%)!important}.station-logo-wrap{left:12px!important;bottom:11px!important;background:transparent!important;border:0!important;box-shadow:none!important}.station-logo-wrap .station-logo{width:54px!important;height:54px!important;border-radius:13px!important;border:2px solid rgba(255,255,255,.95)!important;background:#fff!important;box-shadow:0 6px 18px rgba(18,18,19,.2)!important;object-fit:contain!important}.station-card-body{height:auto!important;min-height:68px!important;padding:11px 12px 12px!important;background:#fffaf7!important;border-top:1px solid rgba(255,228,202,.75)!important;gap:10px}.station-card h3{font-size:14px!important;font-weight:750!important;color:#121213!important}.station-card p{font-size:10.5px!important;color:#7a8796!important}.card-favorite{background:rgba(255,255,255,.92)!important;color:#1d1d1f!important;box-shadow:0 3px 12px rgba(18,18,19,.10)!important}.live-dot{background:rgba(250,248,246,.94)!important;color:#f06400!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-size:7.5px!important}.live-dot i{background:#d64d61!important;box-shadow:none!important}.round-play{width:34px!important;height:34px!important;background:#fff!important;border-color:#ece7e3!important;color:#f06400!important}.round-play:hover{background:#fffaf7!important}.round-play.is-playing,.play-station.is-playing{background:#f06400!important;border-color:#f06400!important;color:#fff!important} .dp-carousel{gap:18px!important;padding-bottom:8px!important}.dp-carousel>.station-card{grid-auto-columns:auto!important}.home-four-grid{gap:18px!important}.home-featured-section,.home-popular-section,.home-recent-section,.home-podcast-section{background:#fff!important;border:0!important}.home-featured-section{background:linear-gradient(180deg,#fffaf7 0%,#fff 100%)!important}.home-featured-section:before{color:rgba(240,100,0,.04)!important}.strong-heading h2{color:#121213!important;letter-spacing:-.035em!important}.carousel-arrows button{background:#fff!important;color:#1d1d1f!important;border-color:#ece7e3!important;box-shadow:none!important}.carousel-arrows button:hover{background:#fffaf7!important;color:#1d1d1f!important;border-color:#e8e8e8!important;transform:none!important} /* Répertoires : image dominante, couleur d'accent seulement sur les détails. */ .wow-directory-card{border-radius:20px!important;box-shadow:0 10px 28px rgba(18,18,19,.09)!important}.wow-directory-card:hover{transform:translateY(-4px)!important;box-shadow:0 17px 38px rgba(18,18,19,.14)!important}.directory-hero-badge{background:#1d1d1f!important}.directory-icon{background:rgba(255,255,255,.18)!important}.directory-count{background:rgba(18,18,19,.46)!important} /* Fiche radio : la couverture redevient clairement visible. */ .radio-page-hero{background:#1d1d1f!important}.radio-page-backdrop{filter:none!important;transform:scale(1.025)!important}.radio-page-hero.has-radio-cover .radio-page-backdrop:after{backdrop-filter:blur(7px)!important;background:linear-gradient(90deg,rgba(18,18,19,.72) 0%,rgba(18,18,19,.50) 48%,rgba(18,18,19,.27) 100%)!important}.radio-page-logo{border-radius:24px!important;box-shadow:0 18px 48px rgba(0,0,0,.24)!important}.radio-live-dot,.radio-page-copy>.live-pill{display:none!important}.radio-page-copy h1{font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif!important;font-weight:760!important;letter-spacing:-.045em!important;text-shadow:0 2px 18px rgba(0,0,0,.18)!important}.radio-description{color:rgba(255,247,239,.86)!important}.radio-page-copy .station-tags a,.radio-page-copy .station-tags span{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}.radio-page-copy .detail-actions{gap:8px!important}.radio-page-copy .detail-actions .button,.station-site-link{height:42px!important;min-height:42px!important;border-radius:11px!important;padding:0 14px!important;font-size:11px!important;font-weight:700!important;box-shadow:none!important}.radio-page-copy .detail-actions .button.primary{background:#fffaf7!important;border-color:#fffaf7!important;color:#1d1d1f!important}.radio-page-copy .detail-actions .button.primary:hover{background:#fff!important}.radio-page-copy .detail-actions .button.ghost{background:rgba(18,18,19,.30)!important;border-color:rgba(255,255,255,.28)!important;color:#fff!important}.radio-page-copy .detail-actions .button.ghost:hover{background:rgba(255,255,255,.13)!important}.station-site-link{display:inline-flex!important;background:rgba(18,18,19,.30)!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important}.station-site-link:hover{background:rgba(255,255,255,.13)!important;color:#fff!important}.station-site-link b{font-weight:700!important}.radio-program-panel,.radio-side-panel>*{border-color:#fafafa!important;border-radius:17px!important;box-shadow:0 6px 22px rgba(18,18,19,.035)!important}.radio-report-card:hover{background:#fffaf7!important;border-color:#e8e8e8!important} /* Footer : aucun vide blanc sous le site, l'espace du lecteur appartient au footer. */ .dp-footer{margin-top:58px!important;background:#121213!important;padding-bottom:calc(var(--player-h) + 10px)!important}.dp-footer-glow{display:none!important}.dp-footer-main{padding-top:50px!important;padding-bottom:34px!important}.dp-footer-column>strong{color:#ece7e3!important}.dp-footer-column a,.dp-footer-column span,.dp-footer-brand p{color:#adadad!important}.dp-footer-column a:hover,.dp-footer-contact-link:hover{color:#fff!important}.dp-footer-bottom{border-top-color:rgba(255,255,255,.09)!important;color:#989898!important}.dp-footer-brand img{filter:none!important}.site-footer+*{margin-top:0!important} /* Player 6.2 : barre compacte, neutre, et mini-player explicitement réouvrable. */ .dp-player{left:16px!important;right:16px!important;bottom:14px!important;height:70px!important;border:1px solid rgba(229,224,219,.92)!important;border-radius:18px!important;background:rgba(250,248,246,.97)!important;box-shadow:0 15px 44px rgba(18,18,19,.16)!important;backdrop-filter:blur(22px)!important;overflow:visible!important;color:#1d1d1f!important}.dp-player-shell{height:100%!important;grid-template-columns:minmax(250px,1.15fr) auto minmax(180px,.7fr)!important;gap:15px!important;padding:7px 45px 7px 9px!important}.dp-player-station{gap:10px!important}.dp-player .player-station-logo{width:52px!important;height:52px!important;flex-basis:52px!important}.dp-player .player-station-logo .station-logo{border-radius:13px!important;padding:2px!important;border:1px solid #fafafa!important;box-shadow:none!important}.player-title-line{gap:7px!important}.dp-player .player-name{font-size:14px!important;font-weight:760!important;color:#1d1d1f!important}.player-live-label{background:transparent!important;color:#7b7b7b!important;padding:0!important;font-size:7.5px!important;letter-spacing:.08em!important}.player-live-label i{background:#d34b5e!important}.dp-player .player-location{font-size:9px!important;color:#909090!important}.dp-player .player-track{font-size:11px!important;font-weight:560!important;color:#5d5d5d!important;max-width:520px!important;margin-top:2px!important}.dp-player-center{gap:4px!important}.dp-player-controls{gap:4px!important}.dp-player-controls>button:not(.player-play){width:32px!important;height:32px!important;border-radius:10px!important;color:#535353!important;font-size:0!important;display:grid!important;place-items:center!important}.dp-player-controls>button:not(.player-play) svg{width:18px!important;height:18px!important}.dp-player-controls>button:not(.player-play):hover{background:#fafafa!important}.dp-player .player-play{width:44px!important;height:44px!important;background:#1d1d1f!important;border:0!important;color:#fff!important;box-shadow:none!important}.dp-player .player-play:hover{background:#1d1d1f!important}.dp-player .player-play svg{width:20px!important;height:20px!important}.dp-player .player-status{display:none!important}.dp-player-tools{gap:2px!important}.dp-player-tools>button{width:32px!important;height:32px!important;border-radius:10px!important;color:#5a5a5a!important}.dp-player-tools>button:hover{background:#fafafa!important}.dp-player-tools svg{width:17px!important;height:17px!important}.dp-player .player-volume{width:96px!important;gap:5px!important}.dp-player .player-volume input{width:68px!important;accent-color:#f06400!important}.dp-player-collapse{right:8px!important;top:19px!important;width:28px!important;height:28px!important;background:#fafafa!important;color:#5d5d5d!important;border-radius:9px!important;font-size:0!important}.dp-player-collapse svg{width:16px;height:16px}.dp-player-collapse:hover{background:#fafafa!important}.dp-player.is-collapsed{left:auto!important;right:16px!important;bottom:14px!important;width:min(330px,calc(100vw - 32px))!important;height:58px!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important}.dp-player.is-collapsed .dp-player-mini{display:grid!important;position:relative!important;z-index:3!important;pointer-events:auto!important;width:100%!important;height:100%!important;grid-template-columns:42px minmax(0,1fr) auto 18px!important;gap:9px!important;padding:7px 10px!important;border:0!important;border-radius:16px!important;background:#fff!important;color:#1d1d1f!important}.dp-player.is-collapsed .dp-player-mini>*{pointer-events:none}.player-mini-logo{border-radius:11px!important;background:#fafafa!important}.player-mini-name{font-size:12px!important}.player-mini-state{font-size:9px!important;color:#868686!important}.dp-player.is-collapsed .dp-player-mini b{font-size:16px!important;color:#606060!important}.dp-player-queue{bottom:calc(100% + 9px)!important;border-radius:16px!important;border-color:#e8e8e8!important;box-shadow:0 18px 48px rgba(18,18,19,.15)!important}.dp-player-queue-head,.dp-player-queue-back{font-family:inherit!important}.player-queue-toggle[aria-expanded="true"]{background:#fffaf7!important;color:#1d1d1f!important} .favorite-toggle.active,.player-favorite.active{color:#c53e58!important}.favorite-toggle.active svg,.player-favorite.active svg{fill:#c53e58!important;stroke:#c53e58!important} /* Hovers : pas de gros aplats bleus. */ a,button{transition:color .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.section-heading a{color:#f06400!important}.section-heading a:hover{color:#1d1d1f!important}.dp-footer a{transform:none!important} @media(max-width:1050px){.dp-player-shell{grid-template-columns:minmax(220px,1fr) auto!important;padding-right:42px!important}.dp-player-tools{display:none!important}.dp-player-center{justify-content:end!important}.dp-footer{padding-bottom:calc(var(--player-h) + 8px)!important}} @media(max-width:720px){:root{--player-h:74px}.dp-player{left:8px!important;right:8px!important;bottom:8px!important;height:62px!important;border-radius:15px!important}.dp-player-shell{grid-template-columns:minmax(0,1fr) auto!important;padding:5px 35px 5px 6px!important}.dp-player .player-station-logo{width:48px!important;height:48px!important;flex-basis:48px!important}.dp-player .player-track{max-width:42vw!important;font-size:9.5px!important}.dp-player .player-name{font-size:12px!important}.dp-player .player-play{width:42px!important;height:42px!important}.dp-player-collapse{right:4px!important;top:17px!important;width:26px!important;height:26px!important}.dp-player.is-collapsed{right:8px!important;bottom:8px!important;width:calc(100vw - 16px)!important;height:56px!important}.dp-footer{padding-bottom:calc(var(--player-h) + 4px)!important}.home-featured-section,.home-popular-section,.home-recent-section,.home-podcast-section{padding-top:44px!important;padding-bottom:44px!important}.station-card-body{min-height:64px!important}.radio-page-hero.has-radio-cover .radio-page-backdrop:after{background:linear-gradient(180deg,rgba(18,18,19,.62),rgba(18,18,19,.48))!important}.radio-page-copy .detail-actions>*{width:100%!important}.station-site-link{width:100%!important;justify-content:center!important}} /* source:polish-v63.css */ /* DirectPlayer V6.3 — ajustements demandés : annuaires compacts + player simplifié */ /* Catégories et villes : davantage de contenu visible sans perdre l'image. */ .wow-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important;max-width:1400px!important} .wow-directory-card{height:198px!important;border-radius:18px!important} .wow-directory-top,.wow-directory-bottom{left:16px!important;right:16px!important} .wow-directory-top{top:15px!important} .wow-directory-bottom{bottom:15px!important} .directory-icon{width:38px!important;height:38px!important;border-radius:12px!important;font-size:17px!important} .directory-count{padding:6px 9px!important;font-size:10px!important} .wow-directory-bottom strong{font-size:clamp(19px,1.65vw,26px)!important} .wow-directory-bottom span{font-size:11px!important} .wow-directory-hero{padding-top:54px!important;padding-bottom:22px!important} .wow-directory-hero h1{font-size:clamp(44px,5.9vw,78px)!important} .wow-directory-hero>div:first-child>p:last-child{font-size:16px!important;max-width:620px!important} .directory-hero-badge{min-width:145px!important;padding:17px!important;border-radius:18px!important} .directory-hero-badge strong{font-size:34px!important} /* Player : un seul contrôle central lecture/pause. La réduction et précédent/suivant sont retirés. */ .dp-player-collapse,.dp-player-mini{display:none!important} .dp-player-shell{grid-template-columns:minmax(280px,1.25fr) minmax(110px,.45fr) auto!important;padding-right:24px!important} .dp-player-controls{gap:0!important} .dp-player-controls>button:not(.player-play){display:none!important} .dp-player-center{min-width:100px!important} .dp-player.is-collapsed{left:0!important;right:0!important;bottom:0!important;width:auto!important;height:var(--player-h)!important;border-radius:0!important;overflow:visible!important} .dp-player.is-collapsed .dp-player-shell{display:grid!important} /* LES PLUS ÉCOUTÉES : exactement quatre cartes, comme DERNIERS AJOUTS. */ .home-popular-section .home-four-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important} @media(max-width:1180px){ .wow-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} .dp-player-shell{grid-template-columns:minmax(240px,1fr) auto!important} } @media(max-width:850px){ .wow-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .wow-directory-card{height:184px!important} .home-popular-section .home-four-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:560px){ .wow-directory-grid{grid-template-columns:1fr!important;gap:12px!important} .wow-directory-card{height:166px!important} .wow-directory-hero{padding-top:38px!important} .wow-directory-hero h1{font-size:44px!important} .home-popular-section .home-four-grid{grid-template-columns:1fr!important} .dp-player-shell{grid-template-columns:minmax(0,1fr) auto!important;padding:8px 12px!important} } /* source:player-reference.css */ /* DirectPlayer player — reproduction de la maquette utilisateur (04/09/2026). */ :root{--player-h:92px;--dp-player-accent:#d9274c;--dp-player-ink:#070707;--dp-player-muted:#858585} body{padding-bottom:var(--player-h)!important} .dp-player.dp-player-reference{position:fixed!important;z-index:900!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:92px!important;min-height:92px!important;border:0!important;border-top:1px solid #151515!important;border-radius:0!important;background:#fff!important;box-shadow:0 -8px 32px rgba(0,0,0,.06)!important;color:#111!important;overflow:visible!important;backdrop-filter:none!important;transform:none!important} .dp-player-reference .dp-player-reference-shell{position:relative;display:grid;grid-template-columns:70px 46px minmax(250px,390px) minmax(220px,1fr) 164px 44px 44px;align-items:center;gap:14px;width:100%;height:91px;padding:0 17px 0 14px;background:#fff} .dp-player-reference .player-station-logo{width:70px!important;height:70px!important;min-width:70px!important;display:grid!important;place-items:center!important;overflow:hidden!important;border-radius:10px!important;background:#f5f5f5!important;box-shadow:none!important} .dp-player-reference .player-station-logo .station-logo{display:block!important;width:70px!important;height:70px!important;max-width:none!important;max-height:none!important;object-fit:cover!important;border:0!important;border-radius:10px!important;padding:0!important;background:#f4f4f4!important;box-shadow:none!important} .dp-player-reference .player-station-logo .placeholder{display:grid!important;place-items:center!important;color:#fff!important;background:hsl(var(--logo-hue) 60% 45%)!important;font-size:18px!important;font-weight:850!important} .dp-player-reference .player-play{width:44px!important;height:44px!important;border:0!important;border-radius:50%!important;background:var(--dp-player-accent)!important;color:#fff!important;display:grid!important;place-items:center!important;box-shadow:none!important;padding:0!important;transition:transform .14s ease,opacity .14s ease,background .14s ease!important} .dp-player-reference .player-play:hover:not(:disabled){transform:scale(1.045)!important;background:#c91f43!important}.dp-player-reference .player-play:active:not(:disabled){transform:scale(.97)!important}.dp-player-reference .player-play:disabled{opacity:.36!important;cursor:not-allowed!important}.dp-player-reference .player-play svg{width:18px!important;height:18px!important;display:block!important} .dp-player-reference .player-meta{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;padding:0!important;border:0!important;background:transparent!important;line-height:1.15!important;overflow:hidden!important} .dp-player-reference .player-name-row{display:flex;align-items:center;gap:5px;max-width:100%;min-width:0}.dp-player-reference .player-name{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--dp-player-muted)!important;font-size:13px!important;font-weight:500!important;letter-spacing:0!important}.dp-player-reference .player-signal-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#f2b5c2;box-shadow:0 0 0 2px rgba(217,39,76,.04)} .dp-player-reference .player-location{display:none!important}.dp-player-reference .player-track{display:block!important;width:100%!important;max-width:100%!important;margin-top:6px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#111!important;font-size:11.5px!important;font-weight:760!important;line-height:1.2!important} .dp-player-reference .player-visuals{align-self:stretch;min-width:0;height:91px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;overflow:hidden;background:#fff;border-left:1px solid #fafafa;border-right:1px solid #fafafa} .dp-player-reference .player-visual-card{position:relative;display:block;min-width:0;height:91px;background-position:center;background-repeat:no-repeat;background-size:cover;filter:blur(4px) saturate(.75);transform:scale(1.08);opacity:.16;border-top:2px solid rgba(217,39,76,.86)} .dp-player-reference .player-visual-card:after{content:"";position:absolute;inset:-10px;background:rgba(255,255,255,.62)}.dp-player-reference .player-visual-card:nth-child(even){opacity:.12}.dp-player-reference .player-visual-card:not(.has-image){background:linear-gradient(90deg,#fff,#f8f8f8)} .dp-player-reference .player-volume{width:164px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;padding:0!important;border:0!important;background:transparent!important;color:var(--dp-player-accent)!important} .dp-player-reference .player-volume svg{width:21px!important;height:21px!important;flex:0 0 21px!important;color:var(--dp-player-accent)!important}.dp-player-reference .player-volume input{appearance:none;-webkit-appearance:none;width:124px!important;height:20px!important;margin:0!important;background:transparent!important;accent-color:var(--dp-player-accent)!important;cursor:pointer!important}.dp-player-reference .player-volume input::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:#ddd}.dp-player-reference .player-volume input::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:8px;margin-top:-2px;border:0;border-radius:50%;background:var(--dp-player-accent);box-shadow:0 0 0 2px #fff}.dp-player-reference .player-volume input::-moz-range-track{height:4px;border-radius:999px;background:#ddd}.dp-player-reference .player-volume input::-moz-range-progress{height:4px;border-radius:999px;background:var(--dp-player-accent)}.dp-player-reference .player-volume input::-moz-range-thumb{width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:var(--dp-player-accent)} .dp-player-reference .player-round-action{width:44px!important;height:44px!important;border:0!important;border-radius:50%!important;background:#050505!important;color:#fff!important;display:grid!important;place-items:center!important;padding:0!important;box-shadow:none!important;transition:transform .14s ease,background .14s ease,opacity .14s ease!important}.dp-player-reference .player-round-action:hover:not(:disabled){background:#222!important;transform:translateY(-1px)!important}.dp-player-reference .player-round-action:disabled{opacity:.28!important;cursor:not-allowed!important}.dp-player-reference .player-round-action svg{width:22px!important;height:22px!important;display:block!important} .dp-player-reference .player-status{position:absolute!important;left:144px!important;bottom:3px!important;height:0!important;overflow:visible!important;background:transparent!important;border:0!important;color:#a23a50!important;font-size:9px!important}.dp-player-reference .status-text{position:absolute!important;left:-10000px!important}.dp-player-reference .retry-player{position:absolute!important;left:0!important;bottom:0!important;transform:translateY(0)!important;border:0!important;border-radius:999px!important;background:#fff0f3!important;color:#a21f3b!important;padding:3px 8px!important;font-size:8px!important;font-weight:800!important;white-space:nowrap!important}.dp-player-reference[data-state="playing"] .player-signal-dot{background:var(--dp-player-accent);box-shadow:0 0 0 3px rgba(217,39,76,.10)} .site-footer,.dp-footer{padding-bottom:32px!important} @media(max-width:1240px){.dp-player-reference .dp-player-reference-shell{grid-template-columns:62px 44px minmax(230px,330px) minmax(140px,1fr) 125px 42px 42px;gap:11px;padding-left:11px;padding-right:11px}.dp-player-reference .player-station-logo,.dp-player-reference .player-station-logo .station-logo{width:62px!important;height:62px!important;min-width:62px!important}.dp-player-reference .player-volume{width:125px!important}.dp-player-reference .player-volume input{width:88px!important}} @media(max-width:930px){:root{--player-h:82px}.dp-player.dp-player-reference{height:82px!important;min-height:82px!important}.dp-player-reference .dp-player-reference-shell{height:81px;grid-template-columns:58px 42px minmax(170px,1fr) 112px 40px 40px;gap:9px}.dp-player-reference .player-station-logo,.dp-player-reference .player-station-logo .station-logo{width:58px!important;height:58px!important;min-width:58px!important}.dp-player-reference .player-visuals{display:none!important}.dp-player-reference .player-play{width:42px!important;height:42px!important}.dp-player-reference .player-volume{width:112px!important}.dp-player-reference .player-volume input{width:76px!important}.dp-player-reference .player-round-action{width:40px!important;height:40px!important}.dp-player-reference .player-round-action svg{width:20px!important;height:20px!important}} @media(max-width:660px){:root{--player-h:76px}.dp-player.dp-player-reference{height:76px!important;min-height:76px!important}.dp-player-reference .dp-player-reference-shell{height:75px;grid-template-columns:50px 40px minmax(0,1fr) 38px;gap:8px;padding:0 9px}.dp-player-reference .player-station-logo,.dp-player-reference .player-station-logo .station-logo{width:50px!important;height:50px!important;min-width:50px!important;border-radius:8px!important}.dp-player-reference .player-play{width:40px!important;height:40px!important}.dp-player-reference .player-meta{min-width:0}.dp-player-reference .player-name{font-size:11px!important}.dp-player-reference .player-track{font-size:10px!important;margin-top:4px!important}.dp-player-reference .player-volume,.dp-player-reference .player-info{display:none!important}.dp-player-reference .player-external{width:38px!important;height:38px!important}.dp-player-reference .player-external svg{width:19px!important;height:19px!important}.dp-player-reference .player-status{left:108px!important}.site-footer,.dp-footer{padding-bottom:26px!important}} /* V6.6 — partage du player + pochettes dynamiques */ .dp-player-reference .player-share-wrap{position:relative;width:44px;height:44px;display:grid;place-items:center} .dp-player-reference .player-share{width:44px!important;height:44px!important} .dp-player-reference .player-share-menu{position:absolute;right:0;bottom:58px;width:248px;padding:14px;border:1px solid #e7e7e7;border-radius:16px;background:#fff;box-shadow:0 16px 40px rgba(0,0,0,.14);color:#111;z-index:980} .dp-player-reference .player-share-menu[hidden]{display:none!important} .dp-player-reference .player-share-menu strong{display:block;margin:0 0 10px;font-size:12px;letter-spacing:.01em} .dp-player-reference .player-share-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px} .dp-player-reference .player-share-grid button,.dp-player-reference .player-copy-link{border:1px solid #e7e7e7;border-radius:10px;background:#fafafa;color:#111;padding:9px 10px;font-size:11px;font-weight:750;cursor:pointer} .dp-player-reference .player-share-grid button:hover,.dp-player-reference .player-copy-link:hover{background:#f2f2f2;border-color:#d7d7d7} .dp-player-reference .player-copy-link{width:100%;margin-top:8px;background:#fff} .dp-player-reference .player-share-feedback{display:block;min-height:13px;margin-top:6px;color:#7a7a7a;font-size:9px} .dp-player-reference .player-visual-card.has-image{opacity:.22;filter:blur(3.5px) saturate(.92)} .dp-player-reference .player-visual-card.has-image:after{background:rgba(255,255,255,.48)} @media(max-width:930px){.dp-player-reference .player-share-wrap{width:40px;height:40px}.dp-player-reference .player-share{width:40px!important;height:40px!important}.dp-player-reference .player-share-menu{right:-4px;bottom:52px}} @media(max-width:660px){.dp-player-reference .player-share-wrap{width:38px;height:38px}.dp-player-reference .player-share{width:38px!important;height:38px!important}.dp-player-reference .player-share svg{width:19px!important;height:19px!important}.dp-player-reference .player-share-menu{position:fixed;left:10px;right:10px;bottom:84px;width:auto}} /* source:hotfix-v67.css */ /* DirectPlayer V6.7 — corrections visuelles ciblées d'après captures utilisateur. */ /* Formulaires de contribution : contraste et hiérarchie lisibles. */ .v4-submit-form .submit-form-head{ background:#fffaf7!important; color:#1d1d1f!important; border-bottom:1px solid #ece7e3!important; padding:22px 24px!important; align-items:center!important; } .v4-submit-form .submit-form-head>span{ width:38px!important;height:38px!important;border-radius:11px!important; background:#fffaf7!important;color:#ff7606!important; font-size:12px!important;font-weight:900!important; } .v4-submit-form .submit-form-head h3{ color:#1d1d1f!important;font-size:20px!important;line-height:1.15!important; margin:0 0 4px!important;font-weight:800!important;letter-spacing:-.02em!important; } .v4-submit-form .submit-form-head p{ color:#848484!important;font-size:12px!important;line-height:1.45!important;margin:0!important; } .v4-submit-form .form-section-public{background:#fff!important} .v4-submit-form .form-section-public h4{color:#1d1d1f!important} /* Player : reproduction plus fidèle de la maquette, sans bloc étiré illisible. */ :root{--player-h:92px} .dp-player.dp-player-reference{height:92px!important;min-height:92px!important;background:#fff!important;border-top:1px solid #171717!important;box-shadow:0 -5px 20px rgba(0,0,0,.055)!important} .dp-player-reference .dp-player-reference-shell{ height:91px!important; display:grid!important; grid-template-columns:70px 44px minmax(260px,390px) minmax(330px,1fr) 170px 44px 44px!important; gap:14px!important; padding:0 16px!important; } .dp-player-reference .player-station-logo, .dp-player-reference .player-station-logo .station-logo{ width:70px!important;height:70px!important;min-width:70px!important;border-radius:11px!important; } .dp-player-reference .player-station-logo{background:#f4f4f4!important;overflow:hidden!important} .dp-player-reference .player-station-logo .station-logo{object-fit:cover!important;padding:0!important;border:0!important;box-shadow:none!important} .dp-player-reference .player-play{width:44px!important;height:44px!important;background:#d9274c!important} .dp-player-reference .player-meta{padding-right:4px!important} .dp-player-reference .player-name{font-size:13px!important;color:#777!important;font-weight:520!important} .dp-player-reference .player-track{font-size:11.5px!important;color:#111!important;font-weight:760!important;margin-top:6px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .dp-player-reference .player-signal-dot{width:7px!important;height:7px!important;flex-basis:7px!important;background:#f1b6c2!important} .dp-player-reference[data-state="playing"] .player-signal-dot{background:#d9274c!important} .dp-player-reference .player-visuals{ height:91px!important;align-self:stretch!important;display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow:hidden!important; border-left:1px solid #f1f1f1!important;border-right:1px solid #f1f1f1!important;background:#fafafa!important; } .dp-player-reference .player-visual-card{ height:91px!important;position:relative!important;background-size:cover!important;background-position:center!important; filter:blur(1.6px) saturate(.82)!important;opacity:.34!important;transform:scale(1.035)!important; border-top:2px solid rgba(217,39,76,.72)!important;border-right:1px solid rgba(255,255,255,.7)!important; } .dp-player-reference .player-visual-card:after{content:""!important;position:absolute!important;inset:0!important;background:rgba(255,255,255,.34)!important} .dp-player-reference .player-visual-card.has-image{opacity:.40!important;filter:blur(1.35px) saturate(.9)!important} .dp-player-reference .player-visual-card.has-image:after{background:rgba(255,255,255,.31)!important} .dp-player-reference .player-visual-card:nth-child(3){opacity:.48!important;filter:blur(.8px) saturate(.95)!important} .dp-player-reference .player-visual-card:nth-child(3):after{background:rgba(255,255,255,.22)!important} .dp-player-reference .player-volume{width:170px!important;gap:8px!important} .dp-player-reference .player-volume input{width:126px!important} .dp-player-reference .player-round-action{width:44px!important;height:44px!important;background:#050505!important;color:#fff!important} .dp-player-reference .player-round-action:hover:not(:disabled){background:#202020!important} @media(max-width:1180px){ .dp-player-reference .dp-player-reference-shell{grid-template-columns:62px 42px minmax(220px,320px) minmax(220px,1fr) 128px 42px 42px!important;gap:11px!important;padding:0 11px!important} .dp-player-reference .player-station-logo,.dp-player-reference .player-station-logo .station-logo{width:62px!important;height:62px!important;min-width:62px!important} .dp-player-reference .player-volume{width:128px!important}.dp-player-reference .player-volume input{width:90px!important} } @media(max-width:920px){ :root{--player-h:82px} .dp-player.dp-player-reference{height:82px!important;min-height:82px!important} .dp-player-reference .dp-player-reference-shell{height:81px!important;grid-template-columns:58px 42px minmax(180px,1fr) 110px 40px 40px!important;gap:9px!important} .dp-player-reference .player-station-logo,.dp-player-reference .player-station-logo .station-logo{width:58px!important;height:58px!important;min-width:58px!important} .dp-player-reference .player-visuals{display:none!important} .dp-player-reference .player-volume{width:110px!important}.dp-player-reference .player-volume input{width:74px!important} .dp-player-reference .player-round-action{width:40px!important;height:40px!important} } @media(max-width:650px){ :root{--player-h:76px} .dp-player.dp-player-reference{height:76px!important;min-height:76px!important} .dp-player-reference .dp-player-reference-shell{height:75px!important;grid-template-columns:50px 40px minmax(0,1fr) 38px!important;gap:8px!important;padding:0 9px!important} .dp-player-reference .player-station-logo,.dp-player-reference .player-station-logo .station-logo{width:50px!important;height:50px!important;min-width:50px!important;border-radius:9px!important} .dp-player-reference .player-volume,.dp-player-reference .player-info{display:none!important} .dp-player-reference .player-share-wrap,.dp-player-reference .player-share{width:38px!important;height:38px!important} .dp-player-reference .player-name{font-size:11px!important}.dp-player-reference .player-track{font-size:10px!important;margin-top:4px!important} } /* source:hotfix-v68.css */ /* DirectPlayer V6.8 — finition demandée : player bleu, fiche radio affinée, aucun trait noir parasite. */ :root{--dp-player-accent:#f06400;--dp-player-accent-dark:#1d1d1f;--dp-player-accent-soft:#ece7e3} /* Player : même structure validée, palette DirectPlayer et séparation discrète. */ .dp-player.dp-player-reference{ border-top:0!important; box-shadow:0 -10px 34px rgba(18,18,19,.10)!important; background:#fff!important; } .dp-player-reference .dp-player-reference-shell{background:#fff!important} .dp-player-reference .player-play{background:var(--dp-player-accent)!important;color:#fff!important} .dp-player-reference .player-play:hover:not(:disabled){background:var(--dp-player-accent-dark)!important} .dp-player-reference .player-signal-dot{background:#ff9a3a!important;box-shadow:0 0 0 2px rgba(240,100,0,.05)!important} .dp-player-reference[data-state="playing"] .player-signal-dot{background:var(--dp-player-accent)!important;box-shadow:0 0 0 3px rgba(240,100,0,.10)!important} .dp-player-reference .player-volume,.dp-player-reference .player-volume svg{color:var(--dp-player-accent)!important} .dp-player-reference .player-volume input{accent-color:var(--dp-player-accent)!important} .dp-player-reference .player-volume input::-webkit-slider-thumb{background:var(--dp-player-accent)!important} .dp-player-reference .player-volume input::-moz-range-progress,.dp-player-reference .player-volume input::-moz-range-thumb{background:var(--dp-player-accent)!important} .dp-player-reference .player-visual-card{border-top:0!important} .dp-player-reference .player-visuals{border-top:0!important;background:#fffaf7!important} .dp-player-reference .retry-player{background:#fffaf7!important;color:#f06400!important} .dp-player-reference .player-share-grid button:hover,.dp-player-reference .player-copy-link:hover{background:#fffaf7!important;border-color:#ece7e3!important;color:#1d1d1f!important} /* Fiches radio : conserver la couverture, mais la laisser davantage respirer. */ .radio-page-hero.has-radio-cover .radio-page-backdrop:after{ backdrop-filter:blur(9px)!important; background:linear-gradient(90deg,rgba(18,18,19,.69) 0%,rgba(18,18,19,.47) 48%,rgba(18,18,19,.20) 100%)!important; } .radio-page-backdrop{transform:scale(1.025)!important} .radio-page-copy .detail-actions .button, .radio-page-copy .station-site-link{border-radius:10px!important;box-shadow:none!important} .radio-page-copy .detail-actions .button.primary{background:#fff!important;color:#1d1d1f!important;border-color:#fff!important} .radio-page-copy .detail-actions .button.primary:hover{background:#fffaf7!important} .radio-page-copy .detail-actions .button.ghost, .station-site-link{background:rgba(18,18,19,.26)!important;border-color:rgba(255,255,255,.30)!important;color:#fff!important} .radio-page-copy .detail-actions .button.ghost:hover, .station-site-link:hover{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.44)!important;color:#fff!important} .station-site-link span{color:#ece7e3!important} /* Soumission publique : rester dans la charte bleue et améliorer la lisibilité des bandeaux. */ .v4-submit-form .submit-form-head>span{background:#fffaf7!important;color:#f06400!important} .v4-submit-form .submit-form-head h3{color:#1d1d1f!important} .v4-submit-form .submit-form-head p{color:#848484!important} .v4-submit-form .form-section-public h4{color:#1d1d1f!important} .v4-submit-form button[type="submit"],.v4-submit-form .button.primary{background:#f06400!important;border-color:#f06400!important;color:#fff!important} .v4-submit-form button[type="submit"]:hover,.v4-submit-form .button.primary:hover{background:#1d1d1f!important;border-color:#1d1d1f!important} /* source:player-v69.css */ :root{--player-h:90px!important} /* DirectPlayer 6.9 — player épuré, sans bande noire ni mosaïque d'images */ .dp-player.dp-player-reference.dp-player-v69{ --player-blue:#f06400;--player-blue-dark:#1d1d1f;--player-border:#ece7e3; position:fixed!important;z-index:900!important;left:0!important;right:0!important;bottom:0!important; width:100%!important;height:90px!important;min-height:90px!important;overflow:visible!important; border:0!important;border-top:0!important;border-radius:0!important;background:#fff!important; box-shadow:0 -8px 30px rgba(18,18,19,.075)!important;color:#121213!important;transform:none!important; } .dp-player-v69 .dp-player-reference-shell{ display:grid!important;grid-template-columns:66px 46px minmax(260px,1fr) 154px 42px 42px!important; align-items:center!important;gap:14px!important;width:100%!important;height:90px!important;padding:0 18px!important;background:#fff!important; } .dp-player-v69 .player-station-logo,.dp-player-v69 .player-station-logo .station-logo{ width:66px!important;height:66px!important;min-width:66px!important;border-radius:12px!important; } .dp-player-v69 .player-station-logo{display:grid!important;place-items:center!important;overflow:hidden!important;background:#fffaf7!important;box-shadow:inset 0 0 0 1px #fffaf7!important} .dp-player-v69 .player-station-logo .station-logo{display:block!important;object-fit:cover!important;padding:0!important;border:0!important;box-shadow:none!important} .dp-player-v69 .player-station-logo .placeholder{display:grid!important;place-items:center!important;color:#fff!important;background:hsl(var(--logo-hue) 55% 43%)!important;font-size:17px!important;font-weight:800!important} .dp-player-v69 .player-play{width:44px!important;height:44px!important;border:0!important;border-radius:50%!important;background:var(--player-blue)!important;color:#fff!important;display:grid!important;place-items:center!important;padding:0!important;box-shadow:0 5px 14px rgba(240,100,0,.22)!important;transition:.16s ease!important} .dp-player-v69 .player-play:hover:not(:disabled){background:var(--player-blue-dark)!important;transform:translateY(-1px)!important}.dp-player-v69 .player-play:active:not(:disabled){transform:scale(.97)!important}.dp-player-v69 .player-play:disabled{opacity:.35!important}.dp-player-v69 .player-play svg{width:18px!important;height:18px!important} .dp-player-v69 .player-content{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:7px!important} .dp-player-v69 .player-meta{min-width:0!important;padding:0!important;border:0!important;display:flex!important;flex-direction:column!important;gap:2px!important} .dp-player-v69 .player-name-row{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}.dp-player-v69 .player-name{font-size:13px!important;line-height:1.2!important;color:#767676!important;font-weight:650!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .dp-player-v69 .player-signal-dot{width:7px!important;height:7px!important;min-width:7px!important;border-radius:50%!important;background:#ff9a3a!important;box-shadow:none!important}.dp-player-v69[data-state="playing"] .player-signal-dot{background:var(--player-blue)!important} .dp-player-v69 .player-location{font-size:11px!important;line-height:1.2!important;color:#979797!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.dp-player-v69 .player-track{font-size:12.5px!important;line-height:1.25!important;color:#121213!important;font-weight:760!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:2px!important} .dp-player-v69 .player-volume{display:flex!important;align-items:center!important;gap:9px!important;width:154px!important;color:var(--player-blue)!important}.dp-player-v69 .player-volume svg{width:19px!important;height:19px!important;color:inherit!important}.dp-player-v69 .player-volume input{width:122px!important;accent-color:var(--player-blue)!important} .dp-player-v69 .player-round-action{width:42px!important;height:42px!important;border-radius:50%!important;border:1px solid #ece7e3!important;background:#fff!important;color:#121213!important;display:grid!important;place-items:center!important;padding:0!important;box-shadow:none!important;transition:.16s ease!important}.dp-player-v69 .player-round-action:hover:not(:disabled){background:#fffaf7!important;border-color:#ece7e3!important;color:var(--player-blue)!important;transform:translateY(-1px)!important}.dp-player-v69 .player-round-action:disabled{opacity:.32!important}.dp-player-v69 .player-round-action svg{width:19px!important;height:19px!important} .dp-player-v69 .player-status{position:absolute!important;left:142px!important;bottom:7px!important;display:flex!important;align-items:center!important;gap:7px!important;font-size:9px!important;color:#98a1ad!important;pointer-events:none!important}.dp-player-v69 .retry-player{pointer-events:auto!important;border:0!important;border-radius:7px!important;background:#fffaf7!important;color:var(--player-blue)!important;padding:3px 7px!important;font-size:9px!important} .dp-player-v69 .player-share-wrap{position:relative!important}.dp-player-v69 .player-share-menu{position:absolute!important;right:0!important;bottom:54px!important;width:250px!important;padding:14px!important;border:1px solid #ece7e3!important;border-radius:14px!important;background:#fff!important;box-shadow:0 18px 45px rgba(18,18,19,.18)!important;color:#121213!important}.dp-player-v69 .player-share-menu strong{display:block!important;margin-bottom:10px!important}.dp-player-v69 .player-share-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.dp-player-v69 .player-share-grid button,.dp-player-v69 .player-copy-link{border:1px solid #fafafa!important;border-radius:9px!important;background:#fff!important;color:#1d1d1f!important;padding:8px 9px!important;font-size:11px!important}.dp-player-v69 .player-copy-link{width:100%!important;margin-top:7px!important}.dp-player-v69 .player-share-grid button:hover,.dp-player-v69 .player-copy-link:hover{background:#fffaf7!important;color:var(--player-blue)!important;border-color:#ece7e3!important}.dp-player-v69 .player-share-feedback{display:block!important;min-height:14px!important;margin-top:6px!important;font-size:10px!important;color:#747474!important} .dp-player-v69 .player-podcast-progress{display:grid!important;grid-template-columns:38px minmax(120px,1fr) 38px!important;align-items:center!important;gap:8px!important;width:min(560px,100%)!important}.dp-player-v69 .player-podcast-progress[hidden]{display:none!important}.dp-player-v69 .player-podcast-progress span{font-variant-numeric:tabular-nums!important;font-size:10px!important;color:#838383!important}.dp-player-v69 .podcast-seek{width:100%!important;accent-color:var(--player-blue)!important;cursor:pointer!important}.dp-player-v69 .podcast-seek:disabled{opacity:.4!important;cursor:default!important} .dp-player-v69[data-kind="podcast"] .player-location{display:none!important}.dp-player-v69[data-kind="podcast"] .player-track{margin-top:0!important} /* L’ancienne mosaïque et les anciennes barres sont explicitement neutralisées. */ .dp-player-v69 .player-visuals,.dp-player-v69 .player-visual-card,.dp-player-v69:before,.dp-player-v69:after{display:none!important;content:none!important} @media(max-width:980px){.dp-player-v69 .dp-player-reference-shell{grid-template-columns:58px 44px minmax(190px,1fr) 118px 40px 40px!important;gap:10px!important;padding:0 12px!important}.dp-player-v69 .player-station-logo,.dp-player-v69 .player-station-logo .station-logo{width:58px!important;height:58px!important;min-width:58px!important}.dp-player-v69 .player-volume{width:118px!important}.dp-player-v69 .player-volume input{width:86px!important}.dp-player-v69 .player-status{left:124px!important}} @media(max-width:720px){:root{--player-h:78px!important}.dp-player.dp-player-reference.dp-player-v69{height:78px!important;min-height:78px!important}.dp-player-v69 .dp-player-reference-shell{height:78px!important;grid-template-columns:50px 40px minmax(0,1fr) 38px!important;gap:8px!important;padding:0 9px!important}.dp-player-v69 .player-station-logo,.dp-player-v69 .player-station-logo .station-logo{width:50px!important;height:50px!important;min-width:50px!important;border-radius:10px!important}.dp-player-v69 .player-play{width:40px!important;height:40px!important}.dp-player-v69 .player-volume,.dp-player-v69 .player-info,.dp-player-v69 .player-status{display:none!important}.dp-player-v69 .player-round-action{width:38px!important;height:38px!important}.dp-player-v69 .player-name{font-size:11px!important}.dp-player-v69 .player-track{font-size:10.5px!important}.dp-player-v69 .player-location{font-size:9.5px!important}.dp-player-v69 .player-podcast-progress{grid-template-columns:30px minmax(70px,1fr) 30px!important;gap:5px!important}.dp-player-v69 .player-podcast-progress span{font-size:9px!important}.dp-player-v69 .player-share-menu{right:-2px!important;bottom:48px!important;width:min(250px,calc(100vw - 18px))!important}} /* source:player-v70.css */ /* DirectPlayer 7.0 — barre de progression podcast réellement visible et utilisable */ :root{--player-h:110px!important} .dp-player.dp-player-reference.dp-player-v69{height:90px!important;min-height:90px!important;transition:min-height .18s ease,height .18s ease!important} .dp-player-v69 .dp-player-reference-shell{height:90px!important;transition:min-height .18s ease,height .18s ease!important} .dp-player-v69[data-kind="podcast"]{height:108px!important;min-height:108px!important} .dp-player-v69[data-kind="podcast"] .dp-player-reference-shell{height:108px!important;min-height:108px!important;padding-top:7px!important;padding-bottom:7px!important} .dp-player-v69[data-kind="podcast"] .player-content{gap:8px!important;align-self:stretch!important;justify-content:center!important} .dp-player-v69[data-kind="podcast"] .player-meta{gap:1px!important} .dp-player-v69 .player-podcast-progress{display:grid!important;grid-template-columns:42px minmax(150px,1fr) 42px!important;align-items:center!important;gap:10px!important;width:min(680px,100%)!important;min-height:25px!important;margin-top:2px!important;position:relative!important;z-index:3!important} .dp-player-v69 .player-podcast-progress[hidden]{display:none!important} .dp-player-v69 .player-podcast-progress span{font-size:10px!important;line-height:1!important;font-weight:760!important;color:#6c6c6c!important;font-variant-numeric:tabular-nums!important;text-align:center!important} .dp-player-v69 .podcast-seek{-webkit-appearance:none!important;appearance:none!important;display:block!important;width:100%!important;height:18px!important;margin:0!important;padding:0!important;background:transparent!important;cursor:pointer!important;touch-action:pan-x!important} .dp-player-v69 .podcast-seek::-webkit-slider-runnable-track{height:6px!important;border-radius:999px!important;background:linear-gradient(90deg,#f06400 0 var(--seek-progress,0%),#ece7e3 var(--seek-progress,0%) 100%)!important;box-shadow:inset 0 0 0 1px rgba(18,18,18,.04)!important} .dp-player-v69 .podcast-seek::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:17px!important;height:17px!important;margin-top:-5.5px!important;border:3px solid #fff!important;border-radius:50%!important;background:#f06400!important;box-shadow:0 2px 8px rgba(18,18,18,.28)!important} .dp-player-v69 .podcast-seek::-moz-range-track{height:6px!important;border:0!important;border-radius:999px!important;background:#ece7e3!important} .dp-player-v69 .podcast-seek::-moz-range-progress{height:6px!important;border-radius:999px!important;background:#f06400!important} .dp-player-v69 .podcast-seek::-moz-range-thumb{width:12px!important;height:12px!important;border:3px solid #fff!important;border-radius:50%!important;background:#f06400!important;box-shadow:0 2px 8px rgba(18,18,18,.28)!important} .dp-player-v69 .podcast-seek:focus-visible{outline:2px solid #ff7606!important;outline-offset:3px!important;border-radius:999px!important}.dp-player-v69 .podcast-seek:disabled{opacity:.55!important;cursor:wait!important} .dp-player-v69[data-kind="podcast"] .player-track{font-size:11.5px!important;color:#666666!important;font-weight:650!important} .dp-player-v69[data-kind="podcast"] .player-status{bottom:4px!important} @media(max-width:980px){.dp-player-v69 .player-podcast-progress{grid-template-columns:38px minmax(100px,1fr) 38px!important;gap:7px!important}} @media(max-width:720px){:root{--player-h:106px!important}.dp-player.dp-player-reference.dp-player-v69{height:78px!important;min-height:78px!important}.dp-player-v69 .dp-player-reference-shell{height:78px!important}.dp-player-v69[data-kind="podcast"]{height:104px!important;min-height:104px!important}.dp-player-v69[data-kind="podcast"] .dp-player-reference-shell{height:104px!important;min-height:104px!important;padding:7px 9px!important;grid-template-columns:46px 38px minmax(0,1fr) 36px!important;gap:7px!important}.dp-player-v69[data-kind="podcast"] .player-station-logo,.dp-player-v69[data-kind="podcast"] .player-station-logo .station-logo{width:46px!important;height:46px!important;min-width:46px!important}.dp-player-v69[data-kind="podcast"] .player-play{width:38px!important;height:38px!important}.dp-player-v69[data-kind="podcast"] .player-round-action{width:36px!important;height:36px!important}.dp-player-v69[data-kind="podcast"] .player-name{font-size:10.5px!important}.dp-player-v69[data-kind="podcast"] .player-track{font-size:9.5px!important;max-width:none!important}.dp-player-v69 .player-podcast-progress{grid-template-columns:34px minmax(70px,1fr) 34px!important;gap:5px!important;width:100%!important;min-height:23px!important}.dp-player-v69 .player-podcast-progress span{font-size:8.5px!important}.dp-player-v69 .podcast-seek{height:22px!important}.dp-player-v69 .podcast-seek::-webkit-slider-runnable-track{height:6px!important}.dp-player-v69 .podcast-seek::-webkit-slider-thumb{width:18px!important;height:18px!important;margin-top:-6px!important}.dp-player-v69 .player-share-menu{bottom:45px!important}} /* source:v70.css */ /* DirectPlayer 7.0 — pays, espace diffuseur, fiches radios enrichies */ :root{--dp70-blue:#f06400;--dp70-blue-2:#1d1d1f;--dp70-navy:#121213;--dp70-ink:#121213;--dp70-muted:#868686;--dp70-line:#ece7e3;--dp70-soft:#fffaf7;--dp70-shadow:0 24px 70px rgba(18,18,18,.10)} /* Annuaire pays */ .country-directory-grid{max-width:1440px!important;margin:0 auto}.country-card{min-height:270px!important}.country-card .directory-icon{min-width:49px;height:34px;padding:0 10px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.93);color:#1d1d1f;font-size:12px;font-weight:900;letter-spacing:.12em;box-shadow:0 7px 18px rgba(0,0,0,.13)}.country-fallback{position:absolute;inset:0;background:radial-gradient(circle at 22% 22%,rgba(255,255,255,.35),transparent 25%),linear-gradient(135deg,#f06400,#121213 72%)}.country-fallback:after{content:"";position:absolute;inset:16% 11%;border:1px solid rgba(255,255,255,.25);border-radius:48% 52% 38% 62%/55% 42% 58% 45%;transform:rotate(-8deg);box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 57px rgba(255,255,255,.025)} /* Fiche radio — coordonnées et réseaux sociaux */ .radio-page-kicker{margin:0 0 8px;color:#ff9a3a;font-size:10px;font-weight:900;letter-spacing:.16em}.radio-details-v70{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:minmax(340px,.8fr) minmax(480px,1.2fr);gap:24px;padding-top:34px!important;padding-bottom:8px!important}.radio-details-v70.radio-details-tracks-only{grid-template-columns:1fr}.radio-contact-card,.radio-track-card{border:1px solid var(--dp70-line);border-radius:24px;background:#fff;box-shadow:0 12px 38px rgba(18,18,18,.055);padding:26px;min-width:0}.radio-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;border-bottom:1px solid #fffaf7}.radio-card-heading h2{margin:3px 0 0;font-size:24px;line-height:1.1;letter-spacing:-.04em}.radio-card-heading p:not(.eyebrow){margin:8px 0 0;color:var(--dp70-muted);font-size:12px}.radio-card-monogram{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#fffaf7;color:var(--dp70-blue);font-size:11px;font-weight:900;letter-spacing:.04em}.radio-contact-list{display:grid;padding-top:5px}.radio-contact-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #fffaf7}.radio-contact-row:last-child{border-bottom:0}.radio-contact-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#fffaf7;color:var(--dp70-blue);font-size:17px;font-weight:800}.radio-contact-row small{display:block;color:#999999;font-size:9px;font-weight:900;letter-spacing:.12em}.radio-contact-row strong{display:block;margin-top:3px;color:var(--dp70-ink);font-size:13px;line-height:1.45;word-break:break-word}.radio-contact-row a{transition:.16s}.radio-contact-row a:hover{color:var(--dp70-blue)}.radio-social-block{margin-top:20px;padding-top:19px;border-top:1px solid #fffaf7}.radio-social-block>span{display:block;color:#989898;font-size:9px;font-weight:900;letter-spacing:.12em;margin-bottom:10px}.radio-social-links{display:flex;flex-wrap:wrap;gap:9px}.radio-social-link{height:42px;min-width:42px;padding:0 12px;border:1px solid #ece7e3;border-radius:12px;display:inline-flex;align-items:center;gap:8px;background:#fff;color:#121213;font-size:11px;font-weight:800;transition:.16s}.radio-social-link svg{width:18px;height:18px;flex:none}.radio-social-link:hover{transform:translateY(-2px);border-color:#ff9a3a;box-shadow:0 9px 24px rgba(18,18,18,.1)}.radio-social-link.is-facebook:hover{color:#ff7606}.radio-social-link.is-instagram:hover{color:#c13584}.radio-social-link.is-youtube:hover{color:#ff0000}.radio-social-link.is-x:hover{color:#000}.radio-social-link.is-tiktok:hover{color:#111}.radio-social-link.is-linkedin:hover{color:#f06400} .track-live-pill{display:flex;align-items:center;gap:7px;height:29px;padding:0 11px;border-radius:999px;background:#edf7f1;color:#2d7c4d;font-size:9px;font-weight:900;letter-spacing:.08em;white-space:nowrap}.track-live-pill i{width:7px;height:7px;border-radius:50%;background:#2ba663;box-shadow:0 0 0 4px rgba(43,166,99,.11)}.radio-track-list{list-style:none;margin:5px 0 0;padding:0}.radio-track-list li{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px 2px;border-bottom:1px solid #fffaf7}.radio-track-list li:last-child{border-bottom:0}.track-history-index{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#fffaf7;color:#909090;font-size:10px;font-weight:900;font-variant-numeric:tabular-nums}.radio-track-list li>div{min-width:0}.radio-track-list strong{display:block;color:#121213;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-track-list small{display:block;margin-top:3px;color:#999999;font-size:10px}.radio-track-list li>b{padding:5px 8px;border-radius:7px;background:#fffaf7;color:var(--dp70-blue);font-size:8px;letter-spacing:.08em;white-space:nowrap}.radio-track-card[hidden]{display:none!important} /* Espace diffuseur */ .broadcaster-badge{display:inline-flex;align-items:center;width:max-content;height:29px;padding:0 10px;border-radius:999px;background:#fffaf7;color:var(--dp70-blue);font-size:9px;font-weight:900;letter-spacing:.12em}.broadcaster-hero{max-width:1500px;margin:0 auto;padding:52px 3.1% 30px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;background:linear-gradient(180deg,#fffaf7 0%,#fff 100%)}.broadcaster-hero>div{max-width:800px}.broadcaster-hero .eyebrow{margin-top:20px}.broadcaster-hero h1{margin:5px 0 8px;color:var(--dp70-navy);font-size:clamp(42px,5vw,74px);line-height:.95;letter-spacing:-.055em}.broadcaster-hero p:last-child{max-width:720px;margin:0;color:var(--dp70-muted);font-size:15px;line-height:1.65}.broadcaster-kpis{max-width:1400px;margin:0 auto;padding:0 3.1% 10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.broadcaster-kpis article{padding:19px 20px;border:1px solid var(--dp70-line);border-radius:18px;background:#fff}.broadcaster-kpis span{display:block;color:#989898;font-size:9px;font-weight:900;letter-spacing:.13em}.broadcaster-kpis strong{display:block;margin:5px 0 1px;color:var(--dp70-navy);font-size:32px;line-height:1}.broadcaster-kpis small{color:#999999;font-size:10px}.broadcaster-section,.broadcaster-create-zone{max-width:1500px;margin:0 auto}.broadcaster-quick-actions{display:flex;gap:8px;flex-wrap:wrap}.broadcaster-content-grid{display:grid;gap:12px}.broadcaster-content-card{border:1px solid var(--dp70-line);border-radius:18px;background:#fff;overflow:hidden}.broadcaster-content-card>summary{list-style:none;display:grid;grid-template-columns:58px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:15px 17px;cursor:pointer}.broadcaster-content-card>summary::-webkit-details-marker{display:none}.broadcaster-content-visual,.podcast-mini-cover{width:54px;height:54px;border-radius:13px;overflow:hidden;background:#fffaf7;display:grid;place-items:center}.broadcaster-content-visual .station-logo,.podcast-mini-cover img{width:100%;height:100%;object-fit:cover}.broadcaster-content-card summary>div:nth-child(2)>span,.broadcaster-content-card.simple>div:nth-child(2)>span{display:block;color:#9a9a9a;font-size:8px;font-weight:900;letter-spacing:.12em}.broadcaster-content-card summary strong,.broadcaster-content-card.simple strong{display:block;color:#121213;font-size:15px}.broadcaster-content-card summary small,.broadcaster-content-card.simple small{color:#909090;font-size:10px}.broadcaster-content-card summary>b{font-size:10px;color:var(--dp70-blue);white-space:nowrap}.content-state{font-style:normal;padding:6px 9px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.07em;white-space:nowrap}.content-state.pending{background:#fff4d8;color:#916112}.content-state.approved{background:#eaf8ef;color:#2d7b4a}.content-state.draft{background:#fffaf7;color:#7a7a7a}.broadcaster-edit-form{padding:22px;border-top:1px solid #ece7e3;background:#fffaf7;display:grid;gap:17px}.broadcaster-pending-note{padding:12px 14px;border-radius:12px;background:#fff6de;border:1px solid #f1ddb1;color:#77571b;font-size:12px}.broadcaster-form-section{padding:18px;border:1px solid #ece7e3;border-radius:15px;background:#fff;display:grid;gap:12px}.broadcaster-form-section h3{margin:0 0 2px;color:#1d1d1f;font-size:14px}.broadcaster-form-section label,.broadcaster-create-form label{display:grid;gap:6px;color:#585858;font-size:11px;font-weight:760}.broadcaster-form-section input,.broadcaster-form-section select,.broadcaster-form-section textarea,.broadcaster-create-form input,.broadcaster-create-form select,.broadcaster-create-form textarea{width:100%;min-height:45px;border:1px solid #ece7e3;border-radius:10px;background:#fff;padding:10px 12px;outline:none}.broadcaster-form-section textarea,.broadcaster-create-form textarea{min-height:100px;resize:vertical}.broadcaster-form-section input:focus,.broadcaster-form-section select:focus,.broadcaster-form-section textarea:focus,.broadcaster-create-form input:focus,.broadcaster-create-form select:focus,.broadcaster-create-form textarea:focus{border-color:#ff7606;box-shadow:0 0 0 3px rgba(240,100,0,.08)}.broadcaster-form-section .form-grid,.broadcaster-create-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.social-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.check-line{display:flex!important;align-items:center;gap:9px!important;min-height:45px;padding:0 3px}.check-line input{width:17px!important;min-height:17px!important;height:17px!important;flex:none}.upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.upload-tile{min-height:92px;padding:14px;border:1px dashed #ece7e3!important;border-radius:13px!important;background:#fffaf7;align-content:center}.upload-tile span{color:#1d1d1f;font-size:12px;font-weight:850}.upload-tile small{color:#929292;font-size:9px}.upload-tile input[type=file]{min-height:auto!important;border:0!important;background:transparent!important;padding:7px 0 0!important;font-size:10px}.broadcaster-content-card.simple{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 17px}.broadcaster-create-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);gap:22px;align-items:start}.broadcaster-create-form{padding:24px!important;border-radius:21px!important;box-shadow:none!important;display:grid;gap:17px!important}.submit-form-head{display:flex;gap:14px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #ece7e3}.submit-form-head>span{width:38px;height:38px;border-radius:11px;background:#fffaf7;color:var(--dp70-blue);display:grid;place-items:center;font-size:10px;font-weight:900}.submit-form-head h2{margin:1px 0 3px;font-size:24px;letter-spacing:-.04em}.submit-form-head p:not(.eyebrow){margin:0;color:#8b8b8b;font-size:11px}.submit-big{min-height:50px}.broadcaster-submission-list{display:grid;gap:9px}.broadcaster-submission-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 16px;padding:16px 18px;border:1px solid var(--dp70-line);border-radius:14px;background:#fff}.broadcaster-submission-list article p{grid-column:1/-1;margin:0;padding:10px 12px;border-radius:9px;background:#fffaf7;color:#7a7a7a;font-size:11px}.submission-type{color:#868686;font-size:8px;font-weight:900;letter-spacing:.12em}.broadcaster-submission-list h3{margin:2px 0;color:#1d1d1f;font-size:14px}.broadcaster-submission-list small{color:#999999}.submission-status{height:max-content;padding:6px 9px;border-radius:999px;font-size:8px;font-weight:900;text-transform:uppercase}.submission-status.pending{background:#fff3d5;color:#8d6318}.submission-status.approved{background:#e8f8ee;color:#277847}.submission-status.rejected{background:#fdecec;color:#a33f3f} /* Connexion diffuseur */ .broadcaster-auth-page{position:relative;overflow:hidden}.broadcaster-auth-page:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;left:-180px;top:-160px;background:radial-gradient(circle,rgba(240,100,0,.12),rgba(240,100,0,0) 67%);pointer-events:none}.broadcaster-auth-brand{position:relative}.broadcaster-auth-brand h2{margin:22px 0 8px;max-width:520px;color:#1d1d1f;font-size:clamp(34px,4vw,58px);line-height:.98;letter-spacing:-.05em}.broadcaster-auth-brand>p{margin:0 0 24px!important;font-size:14px!important}.broadcaster-auth-points{display:flex;flex-wrap:wrap;gap:8px}.broadcaster-auth-points span{padding:8px 11px;border:1px solid #ece7e3;border-radius:999px;background:rgba(255,255,255,.82);color:#5f5f5f;font-size:10px;font-weight:750}.broadcaster-auth-card .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auth-switch.subtle{margin-top:-8px;font-size:11px} @media(max-width:1050px){.radio-details-v70{grid-template-columns:1fr}.broadcaster-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.broadcaster-create-grid{grid-template-columns:1fr}.social-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:720px){.country-card{min-height:215px!important}.radio-details-v70{padding:24px 18px 5px!important;gap:14px}.radio-contact-card,.radio-track-card{padding:18px;border-radius:18px}.radio-card-heading h2{font-size:20px}.radio-contact-row{grid-template-columns:38px minmax(0,1fr);padding:12px 0}.radio-contact-icon{width:35px;height:35px}.radio-social-link{width:42px;padding:0;justify-content:center}.radio-social-link span{display:none}.radio-track-list li{grid-template-columns:34px minmax(0,1fr);gap:10px}.radio-track-list li>b{grid-column:2;width:max-content;margin-top:2px}.track-history-index{width:32px;height:32px}.radio-track-list strong{font-size:12px}.broadcaster-hero{padding:36px 18px 24px;align-items:flex-start;flex-direction:column}.broadcaster-hero h1{font-size:44px}.broadcaster-kpis{padding:0 18px 8px;grid-template-columns:repeat(2,1fr);gap:8px}.broadcaster-kpis article{padding:15px}.broadcaster-kpis strong{font-size:27px}.broadcaster-section,.broadcaster-create-zone{padding-left:18px!important;padding-right:18px!important}.broadcaster-quick-actions{width:100%}.broadcaster-quick-actions .button{flex:1;justify-content:center}.broadcaster-content-card>summary{grid-template-columns:48px minmax(0,1fr) auto;gap:10px;padding:12px}.broadcaster-content-card>summary>b{display:none}.broadcaster-content-visual,.podcast-mini-cover{width:46px;height:46px}.content-state{font-size:7px;padding:5px 7px;max-width:120px;text-align:center;white-space:normal}.broadcaster-edit-form{padding:13px}.broadcaster-form-section{padding:13px}.broadcaster-form-section .form-grid,.broadcaster-create-form .form-grid,.social-form-grid,.upload-grid,.broadcaster-auth-card .form-grid{grid-template-columns:1fr!important}.broadcaster-content-card.simple{grid-template-columns:46px minmax(0,1fr);padding:12px}.broadcaster-content-card.simple .content-state{grid-column:2;width:max-content}.broadcaster-create-form{padding:17px!important;border-radius:17px!important}.broadcaster-submission-list article{padding:13px}.broadcaster-auth-points{display:none}} /* Le nouvel onglet Pays reste confortable sans casser le header sur laptop. */ @media(min-width:769px) and (max-width:1450px){.site-header.v2-header{grid-template-columns:auto minmax(500px,1fr) minmax(190px,280px) auto!important;gap:18px!important}.site-header.v2-header .main-nav{gap:clamp(12px,1.35vw,22px)!important}.site-header.v2-header .main-nav a{font-size:12.5px!important}} .account-separation-card{max-width:1400px;margin:0 auto 30px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #ece7e3;background:linear-gradient(135deg,#fffaf7,#fff)}.account-separation-card>div:first-child{max-width:780px}.account-separation-card h2{margin:3px 0 8px;color:#1d1d1f;font-size:28px;letter-spacing:-.04em}.account-separation-card p:not(.eyebrow){margin:0;color:#888888;font-size:13px;line-height:1.6}.account-separation-card>div:last-child{display:flex;gap:9px;flex-wrap:wrap}@media(max-width:720px){.account-separation-card{align-items:flex-start;flex-direction:column}.account-separation-card>div:last-child{width:100%}.account-separation-card .button{flex:1;justify-content:center}} /* V7.1 — fiche radio affinée */ .main-nav a{text-transform:uppercase;letter-spacing:.055em;font-weight:760} .radio-contact-card-v71{padding:24px}.radio-contact-heading{padding-bottom:16px}.radio-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:16px}.radio-contact-tile{position:relative;min-height:78px;padding:12px 38px 12px 12px;border:1px solid #ece7e3;border-radius:15px;background:linear-gradient(180deg,#fff,#fffaf7);display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center}.radio-contact-tile.is-link{transition:.16s}.radio-contact-tile.is-link:hover{transform:translateY(-1px);border-color:#ff9a3a;box-shadow:0 10px 24px rgba(18,18,18,.07)}.radio-contact-tile>.radio-contact-icon{width:40px;height:40px;border-radius:12px;background:#fffaf7;color:#f06400;display:grid;place-items:center}.radio-contact-tile>.radio-contact-icon svg{width:20px;height:20px}.radio-contact-tile small{display:block;color:#9a9a9a;font-size:8px;font-weight:900;letter-spacing:.12em}.radio-contact-tile strong{display:block;margin-top:4px;color:#1d1d1f;font-size:12px;line-height:1.4;word-break:break-word}.radio-contact-tile>i{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#acacac;font-size:13px;font-style:normal}.radio-social-links-v71 .radio-social-link{border-radius:999px;min-width:40px;height:40px;padding:0 11px}.radio-social-links-v71 .radio-social-link svg{width:17px;height:17px}.radio-track-card-v71{padding:24px}.radio-track-list-v71{padding-top:5px}.radio-track-list-v71 li{grid-template-columns:54px minmax(0,1fr) auto;gap:13px;padding:10px 0}.track-artwork-wrap{width:52px;height:52px;border-radius:12px;overflow:hidden;background:#fffaf7;border:1px solid #ece7e3;display:block;box-shadow:0 5px 13px rgba(18,18,18,.07)}.track-artwork{width:100%;height:100%;display:block;object-fit:cover}.radio-track-list-v71 strong{font-size:13px}.radio-track-list-v71 small{font-size:9px}.radio-track-list-v71 li>b{align-self:center}.radio-information-grid .radio-side-panel .radio-fact+ .radio-report-card{margin-top:0} @media(max-width:720px){.main-nav a{letter-spacing:.04em}.radio-contact-grid{grid-template-columns:1fr}.radio-contact-card-v71,.radio-track-card-v71{padding:17px}.radio-track-list-v71 li{grid-template-columns:48px minmax(0,1fr);gap:10px}.track-artwork-wrap{width:46px;height:46px;border-radius:10px}.radio-track-list-v71 li>b{grid-column:2;margin-top:0}.radio-social-links-v71 .radio-social-link{width:40px;padding:0;justify-content:center}.radio-social-links-v71 .radio-social-link span{display:none}} /* V7.2 — fiche radio premium */ .radio-slogan{margin:2px 0 8px;color:#ece7e3;font-size:clamp(15px,1.25vw,19px);line-height:1.35;font-weight:650;font-style:italic;letter-spacing:-.015em} .radio-contact-card-v71{background:linear-gradient(180deg,#fff,#fffaf7)} .radio-contact-grid{gap:12px}.radio-contact-tile{min-height:84px;border-color:#ece7e3;background:#fff;box-shadow:0 7px 20px rgba(18,18,18,.035)} .radio-contact-tile>.radio-contact-icon{background:#fffaf7;color:#f06400}.radio-contact-tile strong{font-size:12.5px}.radio-contact-tile small{font-size:7.5px}.radio-social-block{margin-top:17px} .track-artwork-fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#fffaf7,#fffaf7);color:#f06400;font-size:16px;font-weight:900} .track-artwork.is-real-cover{animation:dpCoverIn .22s ease both}@keyframes dpCoverIn{from{opacity:.4;transform:scale(.97)}to{opacity:1;transform:scale(1)}} .main-nav a,.header-broadcaster-link,.icon-link span{text-transform:uppercase!important} @media(max-width:720px){.radio-slogan{font-size:14px}.radio-contact-tile{min-height:74px}.track-artwork-wrap{width:48px;height:48px}} /* source:v73.css */ /* DirectPlayer 7.3 — radio premium + mobile polish */ html,body{max-width:100%;overflow-x:hidden} .main-nav a{text-transform:uppercase;letter-spacing:.025em} .flash{animation:flash-in .25s ease,dpFlashOut .25s ease 4.2s forwards}.flash.is-hiding{opacity:0;transform:translateY(-8px);transition:.25s}.flash.error{animation:flash-in .25s ease,dpFlashOut .25s ease 4.2s forwards}@keyframes dpFlashOut{to{opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none}} /* Fiche radio : identité plus forte, description sortie du hero */ .radio-page-hero{min-height:410px!important;align-items:center!important} .radio-page-content{max-width:1440px!important;padding:54px clamp(20px,4vw,64px)!important;grid-template-columns:210px minmax(0,880px)!important;gap:42px!important;align-items:center!important} .radio-page-logo{width:196px!important;height:196px!important;padding:16px!important;border-radius:34px!important} .radio-page-logo .station-logo{border-radius:24px!important} .radio-page-copy{align-self:center;padding-top:14px} .radio-page-kicker{margin:0 0 7px!important} .radio-page-copy h1{margin:0 0 8px!important;font-size:clamp(45px,5vw,72px)!important;line-height:.96!important} .radio-slogan{margin:0 0 13px!important;font-size:clamp(15px,1.2vw,19px)!important} .radio-page-copy .station-place{margin:0 0 14px!important} .radio-page-copy .detail-actions{margin-top:18px!important} .station-site-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:0 16px!important;grid-template:none!important} .station-site-link b{font-size:12px!important;grid-column:auto!important}.station-site-link span,.station-site-link i{display:none!important} .radio-description-section{max-width:1440px;margin:0 auto;padding:30px clamp(18px,4vw,64px) 0} .radio-description-card{border:1px solid #ece7e3;border-radius:20px;background:#fff;padding:24px 28px;box-shadow:0 12px 34px rgba(18,18,18,.045)} .radio-description-card h2{margin:4px 0 10px;color:#1d1d1f;font-size:24px;letter-spacing:-.035em}.radio-description-card>p:last-child{margin:0;max-width:1050px;color:#7c7c7c;font-size:13px;line-height:1.75} .radio-details-v70{padding-top:24px!important} .radio-contact-card-v71,.radio-track-card-v71{box-shadow:0 12px 34px rgba(18,18,18,.04)!important} .radio-contact-grid{gap:9px!important}.radio-contact-tile{min-height:72px!important;padding:10px 12px!important;grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important;border-radius:13px!important;box-shadow:none!important}.radio-contact-tile>.radio-contact-icon{width:32px!important;height:32px!important;border-radius:9px!important;background:#fffaf7!important}.radio-contact-tile>.radio-contact-icon svg{width:16px!important;height:16px!important;stroke-width:1.55}.radio-contact-tile small{font-size:7px!important}.radio-contact-tile strong{margin-top:2px!important;font-size:11.5px!important}.radio-contact-tile>i{display:none!important} .radio-social-links-v71 .radio-social-link{height:38px!important;min-width:38px!important;border-radius:11px!important}.radio-social-links-v71 .radio-social-link svg{width:18px!important;height:18px!important} .radio-track-list-v71 li{grid-template-columns:50px minmax(0,1fr)!important}.radio-track-list-v71 li>b{display:none!important}.track-artwork-wrap{width:48px!important;height:48px!important}.track-live-pill{height:25px!important;font-size:8px!important;padding:0 9px!important} /* Home : tous les blocs principaux deviennent de vrais carrousels */ .section-heading-actions{display:flex;align-items:center;gap:18px}.section-heading-actions>a{display:inline-flex;align-items:center;gap:5px}.section-heading-actions>a svg{width:15px;height:15px} .podcast-carousel{display:flex!important;grid-template-columns:none!important;width:100%;gap:18px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:3px 1px 14px;overscroll-behavior-x:contain}.podcast-carousel::-webkit-scrollbar{display:none}.podcast-carousel>.podcast-card{flex:0 0 calc((100% - 54px)/4);min-width:0} /* CTA compte auditeur -> espace diffuseur */ .account-separation-card>div:last-child .button{white-space:nowrap} @media(max-width:1050px){.radio-page-content{grid-template-columns:160px minmax(0,1fr)!important}.radio-page-logo{width:150px!important;height:150px!important}.podcast-carousel>.podcast-card{flex-basis:calc((100% - 18px)/2)}} @media(max-width:720px){ .site-header{width:100%;max-width:100%}.main-nav.open{max-width:100vw} .radio-page-hero{min-height:auto!important} .radio-page-content{padding:36px 18px 32px!important;grid-template-columns:128px minmax(0,1fr)!important;gap:18px!important;align-items:center!important} .radio-page-logo{width:124px!important;height:124px!important;padding:10px!important;border-radius:24px!important} .radio-page-copy{padding-top:0!important;min-width:0}.radio-page-kicker{font-size:8px!important}.radio-page-copy h1{font-size:clamp(30px,9vw,44px)!important;overflow-wrap:anywhere}.radio-slogan{font-size:13px!important}.radio-page-copy .station-place{font-size:12px!important}.radio-page-copy .station-tags{gap:5px!important}.radio-page-copy .station-tags a{font-size:8px!important;padding:5px 8px!important}.radio-page-copy .detail-actions{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:15px!important}.radio-page-copy .detail-actions>*{width:100%!important;min-width:0!important;min-height:42px!important;padding-left:9px!important;padding-right:9px!important;font-size:10px!important}.station-site-link{display:flex!important}.radio-description-section{padding:16px 14px 0}.radio-description-card{padding:18px;border-radius:17px}.radio-description-card h2{font-size:20px}.radio-description-card>p:last-child{font-size:12px;line-height:1.65} .radio-details-v70{padding:16px 14px 4px!important}.radio-contact-card-v71,.radio-track-card-v71{padding:15px!important}.radio-contact-grid{grid-template-columns:1fr!important}.radio-contact-tile{min-height:62px!important;grid-template-columns:30px minmax(0,1fr)!important}.radio-contact-tile>.radio-contact-icon{width:29px!important;height:29px!important}.radio-contact-tile>.radio-contact-icon svg{width:15px!important;height:15px!important}.radio-social-links-v71 .radio-social-link{width:36px!important;height:36px!important;padding:0!important;justify-content:center}.radio-social-links-v71 .radio-social-link span{display:none!important} .dp-carousel>.station-card{flex-basis:78%!important}.podcast-carousel>.podcast-card{flex:0 0 70%!important}.home-podcast-section .podcast-cover{aspect-ratio:1/1!important;max-height:180px!important}.home-podcast-section .podcast-card h3{font-size:15px!important}.home-podcast-section .podcast-card p,.home-podcast-section .podcast-card small{font-size:10px!important} .section-heading-actions>a{display:none}.home-featured-section .section-heading,.home-popular-section .section-heading,.home-recent-section .section-heading,.home-podcast-section .section-heading{align-items:flex-end!important}.carousel-arrows{display:flex!important} .account-separation-card{padding:28px 15px!important;gap:20px!important}.account-separation-card h2{font-size:26px!important;line-height:1.15}.account-separation-card>div:last-child{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important}.account-separation-card .button{width:100%!important;min-height:48px!important;white-space:nowrap!important;font-size:12px!important} .flash{top:76px!important;left:12px!important;right:12px!important;max-width:none!important;font-size:12px!important} } @media(max-width:480px){.radio-page-content{grid-template-columns:105px minmax(0,1fr)!important;gap:14px!important}.radio-page-logo{width:102px!important;height:102px!important}.radio-page-copy h1{font-size:31px!important}.radio-page-copy .detail-actions{grid-template-columns:1fr!important}.dp-carousel>.station-card{flex-basis:84%!important}.podcast-carousel>.podcast-card{flex-basis:76%!important}.home-podcast-section .podcast-cover{max-height:155px!important}} /* source:v74.css */ /* DirectPlayer 7.4 — directory + radio details + responsive navigation */ .radio-description-section{width:100%!important;max-width:1500px!important;margin:0 auto!important;padding:28px clamp(18px,4vw,64px) 0!important}.radio-description-card{width:100%!important;max-width:none!important;margin:0!important}.radio-description-card>p:last-child{max-width:none!important} /* Répertoires Pays / Villes plus compacts */ .directory-hero-v74{max-width:1500px;margin:0 auto;padding:56px clamp(18px,4vw,64px) 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:26px}.directory-hero-v74 h1{margin:5px 0 10px;color:#1d1d1f;font-size:clamp(42px,5vw,66px);line-height:.95;letter-spacing:-.055em}.directory-hero-v74>div:first-child>p:last-child{max-width:650px;margin:0;color:#848484;font-size:14px;line-height:1.6}.directory-hero-count{min-width:112px;padding:16px 18px;border:1px solid #ece7e3;border-radius:16px;background:#fffaf7}.directory-hero-count strong{display:block;color:#1d1d1f;font-size:30px;line-height:1}.directory-hero-count span{display:block;margin-top:4px;color:#939393;font-size:10px}.directory-list-section{max-width:1500px;margin:0 auto;padding:12px clamp(18px,4vw,64px) 56px}.country-grid-v74{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.city-grid-v74{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.country-card-v74,.city-card-v74{overflow:hidden;border:1px solid #ece7e3;border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(18,18,18,.045);transition:.18s ease}.country-card-v74:hover,.city-card-v74:hover{transform:translateY(-2px);border-color:#e8e8e8;box-shadow:0 12px 28px rgba(18,18,18,.075)}.directory-card-media{position:relative;height:122px;overflow:hidden;background:#fffaf7}.city-card-v74 .directory-card-media{height:100px}.directory-card-media>img,.directory-card-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.directory-card-fallback{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.4),transparent 26%),linear-gradient(135deg,#8a8a8a,#1d1d1f)}.directory-card-fallback.city{background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.35),transparent 26%),linear-gradient(135deg,#909090,#f06400)}.directory-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,18,19,.03),rgba(18,18,19,.28))}.country-flag{position:absolute;left:12px;bottom:10px;min-width:37px;height:32px;padding:0 8px;border-radius:9px;background:rgba(255,255,255,.94);box-shadow:0 5px 14px rgba(18,18,19,.13);display:grid;place-items:center;font-size:19px}.country-flag-generic svg{width:18px;height:18px;fill:none;stroke:#f06400;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.directory-card-copy{min-height:72px;padding:12px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px}.directory-card-copy>div{min-width:0}.directory-card-copy strong{display:block;color:#1d1d1f;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory-card-copy small{display:block;margin-top:3px;color:#979797;font-size:9px}.directory-card-copy>span{flex:none;padding:5px 8px;border-radius:999px;background:#fffaf7;color:#707070;font-size:8px;font-weight:800} /* Header : bascule en menu compact avant que la navigation ne se tasse sous la recherche */ @media(max-width:1240px){ .site-header.v2-header{grid-template-columns:minmax(175px,230px) minmax(190px,1fr) auto auto!important;gap:12px!important;padding-left:20px!important;padding-right:20px!important} .site-header.v2-header .brand-logo img{width:min(215px,19vw)!important;max-width:100%!important} .mobile-menu{display:flex!important;width:38px;height:38px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:5px;order:3}.mobile-menu span:not(.sr-only){height:2px;width:22px;background:#1d1d1f} .site-header.v2-header .main-nav{position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;height:auto!important;display:none!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0!important;padding:10px 20px 14px!important;background:#fff!important;border-top:1px solid #fafafa;box-shadow:0 16px 28px rgba(18,18,19,.09);z-index:1000} .site-header.v2-header .main-nav.open{display:grid!important} .site-header.v2-header .main-nav a{height:44px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:0 11px!important;border-radius:8px;font-size:11px!important} .site-header.v2-header .main-nav a.active:after{display:none!important}.site-header.v2-header .main-nav a.active{background:#fffaf7!important} .site-header.v2-header .header-search{display:flex!important;min-width:0!important;max-width:360px!important;width:100%!important;justify-self:end!important} .site-header.v2-header .header-actions{order:4!important} } @media(max-width:930px){.site-header.v2-header{grid-template-columns:1fr auto auto!important}.site-header.v2-header .header-search{display:none!important}.site-header.v2-header .main-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header.v2-header .brand-logo img{width:190px!important}.country-grid-v74,.city-grid-v74{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:720px){.radio-description-section{padding:16px 14px 0!important}.directory-hero-v74{padding:38px 16px 18px;align-items:flex-start}.directory-hero-v74 h1{font-size:42px}.directory-hero-count{display:none}.directory-list-section{padding:8px 14px 42px}.country-grid-v74,.city-grid-v74{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.directory-card-media{height:100px}.city-card-v74 .directory-card-media{height:86px}.directory-card-copy{min-height:66px;padding:10px}.directory-card-copy strong{font-size:13px}.directory-card-copy>span{font-size:7px;padding:4px 7px}.country-flag{left:9px;bottom:8px;min-width:34px;height:29px;font-size:17px}.site-header.v2-header .main-nav{top:100%!important;grid-template-columns:1fr!important;padding:8px 14px 12px!important;max-height:calc(100vh - 68px);overflow-y:auto}.site-header.v2-header .main-nav a{height:42px!important;padding:0 10px!important}} @media(max-width:440px){.country-grid-v74,.city-grid-v74{grid-template-columns:1fr}.directory-card-media,.city-card-v74 .directory-card-media{height:112px}.directory-card-copy{min-height:62px}} /* source:v75.css */ /* DirectPlayer 7.5 — header responsive + progression podcast réellement visible */ /* * Navigation : le menu complet n'a pas assez de place sur les écrans de type * laptop / petite fenêtre desktop. On bascule volontairement en menu compact * AVANT que CONTACT et la recherche puissent se chevaucher. */ @media (max-width:1760px){ .site-header.v2-header{ grid-template-columns:minmax(190px,250px) minmax(240px,1fr) 42px auto!important; gap:14px!important; padding-left:22px!important; padding-right:22px!important; } .site-header.v2-header .brand-logo img{ width:min(230px,20vw)!important; max-width:100%!important; } .site-header.v2-header .mobile-menu{ display:flex!important; width:40px!important; height:40px!important; border:0!important; background:transparent!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:5px!important; order:3!important; padding:0!important; } .site-header.v2-header .mobile-menu span:not(.sr-only){ width:22px!important; height:2px!important; flex:none!important; background:#1d1d1f!important; } .site-header.v2-header .main-nav{ position:absolute!important; top:100%!important; left:0!important; right:0!important; width:100%!important; height:auto!important; display:none!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:4px!important; padding:12px 22px 16px!important; background:#fff!important; border-top:1px solid #fafafa!important; box-shadow:0 18px 34px rgba(18,18,19,.11)!important; z-index:1200!important; overflow:visible!important; } .site-header.v2-header .main-nav.open{display:grid!important} .site-header.v2-header .main-nav a{ min-width:0!important; height:44px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; padding:0 12px!important; border-radius:9px!important; font-size:11px!important; white-space:nowrap!important; } .site-header.v2-header .main-nav a.active:after{display:none!important} .site-header.v2-header .main-nav a.active{background:#fffaf7!important} .site-header.v2-header .header-search{ display:flex!important; justify-self:end!important; width:min(100%,430px)!important; max-width:430px!important; min-width:220px!important; } .site-header.v2-header .header-actions{order:4!important;white-space:nowrap!important} } @media (max-width:980px){ .site-header.v2-header{ grid-template-columns:minmax(0,1fr) 40px auto!important; gap:10px!important; } .site-header.v2-header .header-search{display:none!important} .site-header.v2-header .main-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important} .site-header.v2-header .brand-logo img{width:190px!important;max-width:min(190px,58vw)!important} } @media (max-width:720px){ .site-header.v2-header{padding-left:12px!important;padding-right:12px!important} .site-header.v2-header .brand-logo img{width:184px!important;max-width:56vw!important} .site-header.v2-header .main-nav{ grid-template-columns:1fr!important; padding:8px 12px 12px!important; max-height:calc(100dvh - 68px)!important; overflow-y:auto!important; overscroll-behavior:contain!important; } .site-header.v2-header .main-nav a{height:43px!important;padding:0 11px!important} .site-header.v2-header .header-actions{gap:8px!important;padding-left:0!important;border-left:0!important} } @media (max-width:390px){ .site-header.v2-header{grid-template-columns:minmax(0,1fr) 36px auto!important;gap:6px!important} .site-header.v2-header .brand-logo img{width:160px!important;max-width:52vw!important} .site-header.v2-header .mobile-menu{width:36px!important;height:36px!important} .site-header.v2-header .account-link{width:34px!important;height:34px!important} } /* * Podcast : la timeline devient une vraie seconde ligne du player. * Elle reste visible même avant que la durée du fichier soit connue. */ .dp-player.dp-player-reference.dp-player-v69[data-kind="podcast"]{ height:118px!important; min-height:118px!important; } .dp-player-v69[data-kind="podcast"] .dp-player-reference-shell{ height:118px!important; min-height:118px!important; padding-top:7px!important; padding-bottom:35px!important; } .dp-player-v69[data-kind="podcast"] .player-content{ min-width:0!important; align-self:center!important; justify-content:center!important; padding-bottom:0!important; } .dp-player-v69[data-kind="podcast"] .player-podcast-progress, .dp-player-v69[data-kind="podcast"] .player-podcast-progress[hidden]{ display:grid!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; position:absolute!important; left:148px!important; right:286px!important; bottom:9px!important; z-index:12!important; width:auto!important; max-width:none!important; min-width:0!important; min-height:26px!important; grid-template-columns:44px minmax(90px,1fr) 44px!important; align-items:center!important; gap:10px!important; margin:0!important; } .dp-player-v69[data-kind="podcast"] .player-podcast-progress span{ display:block!important; color:#666666!important; font-size:10px!important; line-height:1!important; font-weight:800!important; font-variant-numeric:tabular-nums!important; text-align:center!important; white-space:nowrap!important; } .dp-player-v69[data-kind="podcast"] .podcast-seek{ -webkit-appearance:none!important; appearance:none!important; display:block!important; visibility:visible!important; opacity:1!important; width:100%!important; min-width:0!important; height:24px!important; margin:0!important; padding:0!important; background:transparent!important; cursor:pointer!important; touch-action:pan-x!important; } .dp-player-v69[data-kind="podcast"] .podcast-seek:disabled{ opacity:1!important; cursor:default!important; } .dp-player-v69[data-kind="podcast"] .podcast-seek::-webkit-slider-runnable-track{ height:7px!important; border-radius:999px!important; background:linear-gradient(90deg,#f06400 0 var(--seek-progress,0%),#ece7e3 var(--seek-progress,0%) 100%)!important; box-shadow:inset 0 0 0 1px rgba(18,18,18,.06)!important; } .dp-player-v69[data-kind="podcast"] .podcast-seek::-webkit-slider-thumb{ -webkit-appearance:none!important; appearance:none!important; width:18px!important; height:18px!important; margin-top:-5.5px!important; border:3px solid #fff!important; border-radius:50%!important; background:#f06400!important; box-shadow:0 2px 8px rgba(18,18,18,.30)!important; } .dp-player-v69[data-kind="podcast"] .podcast-seek::-moz-range-track{ height:7px!important; border:0!important; border-radius:999px!important; background:#ece7e3!important; } .dp-player-v69[data-kind="podcast"] .podcast-seek::-moz-range-progress{ height:7px!important; border-radius:999px!important; background:#f06400!important; } .dp-player-v69[data-kind="podcast"] .podcast-seek::-moz-range-thumb{ width:13px!important; height:13px!important; border:3px solid #fff!important; border-radius:50%!important; background:#f06400!important; box-shadow:0 2px 8px rgba(18,18,18,.30)!important; } .dp-player-v69[data-kind="podcast"] .player-status{display:none!important} @media (max-width:1240px){ .dp-player-v69[data-kind="podcast"] .player-podcast-progress, .dp-player-v69[data-kind="podcast"] .player-podcast-progress[hidden]{ left:126px!important; right:236px!important; } } @media (max-width:930px){ .dp-player.dp-player-reference.dp-player-v69[data-kind="podcast"]{height:114px!important;min-height:114px!important} .dp-player-v69[data-kind="podcast"] .dp-player-reference-shell{height:114px!important;min-height:114px!important;padding-bottom:34px!important} .dp-player-v69[data-kind="podcast"] .player-podcast-progress, .dp-player-v69[data-kind="podcast"] .player-podcast-progress[hidden]{ left:118px!important; right:104px!important; bottom:8px!important; } } @media (max-width:720px){ :root{--player-h:112px!important} .dp-player.dp-player-reference.dp-player-v69[data-kind="podcast"]{height:112px!important;min-height:112px!important} .dp-player-v69[data-kind="podcast"] .dp-player-reference-shell{ height:112px!important; min-height:112px!important; padding:7px 8px 34px!important; grid-template-columns:46px 38px minmax(0,1fr) 36px!important; gap:7px!important; } .dp-player-v69[data-kind="podcast"] .player-podcast-progress, .dp-player-v69[data-kind="podcast"] .player-podcast-progress[hidden]{ left:96px!important; right:49px!important; bottom:7px!important; min-height:25px!important; grid-template-columns:34px minmax(50px,1fr) 34px!important; gap:5px!important; } .dp-player-v69[data-kind="podcast"] .player-podcast-progress span{font-size:8.5px!important} .dp-player-v69[data-kind="podcast"] .podcast-seek{height:24px!important} } @media (max-width:390px){ .dp-player-v69[data-kind="podcast"] .player-podcast-progress, .dp-player-v69[data-kind="podcast"] .player-podcast-progress[hidden]{ left:91px!important; right:45px!important; grid-template-columns:31px minmax(42px,1fr) 31px!important; gap:4px!important; } } /* source:v76.css */ /* DirectPlayer 7.6 — responsive hardening, podcast timeline, auth, annuaires, spot */ /* ------------------------------------------------------------------------- HEADER — collision-proof on laptop/small desktop + mobile ------------------------------------------------------------------------- */ .site-header.v2-header{isolation:isolate} @media (max-width:1880px){ .site-header.v2-header{ grid-template-columns:minmax(205px,260px) minmax(260px,1fr) 42px auto!important; gap:14px!important; padding-inline:22px!important; } .site-header.v2-header .brand-logo img{width:min(238px,20vw)!important;max-width:100%!important} .site-header.v2-header .mobile-menu{display:flex!important;order:3!important;width:40px!important;height:40px!important;padding:0!important;border:0!important;background:transparent!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;z-index:3!important} .site-header.v2-header .mobile-menu span:not(.sr-only){display:block!important;width:23px!important;height:2px!important;background:#1d1d1f!important;border-radius:4px!important} .site-header.v2-header .main-nav{position:absolute!important;inset:100% 0 auto 0!important;width:100%!important;height:auto!important;display:none!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;padding:12px 22px 16px!important;background:#fff!important;border-top:1px solid #ece7e3!important;box-shadow:0 18px 42px rgba(18,18,19,.13)!important;z-index:2000!important;overflow:visible!important} .site-header.v2-header .main-nav.open{display:grid!important} .site-header.v2-header .main-nav a{height:44px!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:0 13px!important;border-radius:10px!important;font-size:11px!important;letter-spacing:.02em!important;white-space:nowrap!important} .site-header.v2-header .main-nav a.active{background:#fffaf7!important;color:#1d1d1f!important} .site-header.v2-header .main-nav a.active:after{display:none!important} .site-header.v2-header .header-search{display:flex!important;width:min(100%,430px)!important;max-width:430px!important;min-width:220px!important;justify-self:end!important} .site-header.v2-header .header-actions{order:4!important;white-space:nowrap!important;min-width:max-content!important} } /* JS also adds this class if a collision is detected at any width. */ .site-header.v2-header.is-compact{ grid-template-columns:minmax(205px,260px) minmax(260px,1fr) 42px auto!important; gap:14px!important;padding-inline:22px!important } .site-header.v2-header.is-compact .mobile-menu{display:flex!important;order:3!important;width:40px!important;height:40px!important;padding:0!important;border:0!important;background:transparent!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important} .site-header.v2-header.is-compact .mobile-menu span:not(.sr-only){display:block!important;width:23px!important;height:2px!important;background:#1d1d1f!important;border-radius:4px!important} .site-header.v2-header.is-compact .main-nav{position:absolute!important;inset:100% 0 auto 0!important;width:100%!important;height:auto!important;display:none!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;padding:12px 22px 16px!important;background:#fff!important;border-top:1px solid #ece7e3!important;box-shadow:0 18px 42px rgba(18,18,19,.13)!important;z-index:2000!important} .site-header.v2-header.is-compact .main-nav.open{display:grid!important} .site-header.v2-header.is-compact .main-nav a{height:44px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:0 13px!important;border-radius:10px!important;font-size:11px!important} .site-header.v2-header.is-compact .main-nav a.active:after{display:none!important} .site-header.v2-header.is-compact .main-nav a.active{background:#fffaf7!important} @media (max-width:1020px){ .site-header.v2-header,.site-header.v2-header.is-compact{grid-template-columns:minmax(0,1fr) 40px auto!important;gap:9px!important;padding-inline:15px!important} .site-header.v2-header .header-search,.site-header.v2-header.is-compact .header-search{display:none!important} .site-header.v2-header .brand-logo img,.site-header.v2-header.is-compact .brand-logo img{width:198px!important;max-width:min(198px,58vw)!important} .site-header.v2-header .main-nav,.site-header.v2-header.is-compact .main-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important} .site-header.v2-header .header-actions,.site-header.v2-header.is-compact .header-actions{padding-left:0!important;border-left:0!important;gap:9px!important} } @media (max-width:720px){ .site-header.v2-header,.site-header.v2-header.is-compact{height:68px!important;grid-template-columns:minmax(0,1fr) 38px auto!important;padding-inline:11px!important;gap:7px!important} .site-header.v2-header .brand-logo img,.site-header.v2-header.is-compact .brand-logo img{width:184px!important;max-width:55vw!important} .site-header.v2-header .main-nav,.site-header.v2-header.is-compact .main-nav{top:100%!important;grid-template-columns:1fr!important;padding:8px 11px 12px!important;max-height:calc(100dvh - 68px)!important;overflow-y:auto!important;overscroll-behavior:contain!important} .site-header.v2-header .main-nav a,.site-header.v2-header.is-compact .main-nav a{height:43px!important;padding:0 12px!important} } @media (max-width:390px){ .site-header.v2-header,.site-header.v2-header.is-compact{grid-template-columns:minmax(0,1fr) 36px auto!important;gap:5px!important;padding-inline:9px!important} .site-header.v2-header .brand-logo img,.site-header.v2-header.is-compact .brand-logo img{width:158px!important;max-width:51vw!important} .site-header.v2-header .mobile-menu,.site-header.v2-header.is-compact .mobile-menu{width:36px!important;height:36px!important} .site-header.v2-header .account-link{width:34px!important;height:34px!important} } /* ------------------------------------------------------------------------- AUDITOR LOGIN / REGISTER — no grey slab, clean DirectPlayer composition ------------------------------------------------------------------------- */ .auth-modern-page{ width:100%!important;max-width:none!important;min-height:calc(100vh - 84px)!important;margin:0!important; padding:clamp(54px,7vw,100px) max(5vw,24px) clamp(70px,9vw,120px)!important; background:#fff!important; background-image:radial-gradient(circle at 12% 10%,rgba(240,100,0,.10),transparent 29%),linear-gradient(180deg,#fff 0%,#fffaf7 100%)!important; grid-template-columns:minmax(320px,.85fr) minmax(390px,560px)!important;gap:clamp(48px,8vw,130px)!important; } .auth-modern-brand{position:relative!important;padding:34px 0!important} .auth-modern-brand:before{content:"";position:absolute;left:-5vw;top:-80px;width:min(560px,52vw);height:min(560px,52vw);border:1px solid rgba(240,100,0,.08);border-radius:50%;pointer-events:none} .auth-modern-brand img{position:relative;width:min(430px,88%)!important;filter:none!important} .auth-modern-brand>p{position:relative;max-width:500px!important;margin:24px 0!important;color:#686868!important;font-size:17px!important;line-height:1.65!important} .auth-signal{position:relative!important;height:52px!important;opacity:.78!important} .auth-signal span{width:5px!important;background:linear-gradient(180deg,#ff7606,#f06400)!important} .auth-modern-card{position:relative!important;padding:38px 40px!important;border:1px solid #ece7e3!important;border-radius:24px!important;background:#fff!important;box-shadow:0 24px 70px rgba(18,18,18,.10)!important;gap:16px!important} .auth-modern-card:before{content:"";position:absolute;left:32px;right:32px;top:0;height:3px;border-radius:0 0 99px 99px;background:linear-gradient(90deg,#1d1d1f,#ff7606)} .auth-modern-card h1{color:#121213!important;font-size:clamp(38px,4vw,50px)!important;letter-spacing:-.055em!important} .auth-modern-card .eyebrow{color:#f06400!important;letter-spacing:.18em!important} .auth-lead{color:#7f7f7f!important;font-size:13px!important;line-height:1.55!important} .auth-modern-card label{color:#1d1d1f!important;font-size:11px!important;letter-spacing:.01em!important} .auth-modern-card input{height:52px!important;border:1px solid #ece7e3!important;border-radius:11px!important;background:#fff!important;box-shadow:0 1px 0 rgba(18,18,18,.02)!important} .auth-modern-card input:focus{border-color:#ff7606!important;box-shadow:0 0 0 4px rgba(240,100,0,.09)!important} .auth-modern-card .button.primary{background:#f06400!important;border-color:#f06400!important;border-radius:11px!important;box-shadow:none!important} .auth-modern-card .button.primary:hover{background:#1d1d1f!important;border-color:#1d1d1f!important} .auth-switch{margin-top:2px!important;color:#858585!important} .auth-switch a{color:#f06400!important} @media(max-width:1050px){.auth-modern-page{grid-template-columns:1fr!important;max-width:none!important}.auth-modern-brand{max-width:650px;margin:0 auto;text-align:center}.auth-signal{justify-content:center!important}.auth-modern-card{width:min(620px,100%);margin:0 auto}} @media(max-width:720px){.auth-modern-page{min-height:calc(100vh - 68px)!important;padding:32px 14px 70px!important;background:#fff!important}.auth-modern-brand{display:none!important}.auth-modern-card{padding:28px 20px!important;border-radius:18px!important;box-shadow:0 16px 42px rgba(18,18,18,.09)!important}.auth-modern-card:before{left:20px;right:20px}.auth-modern-card .form-grid{grid-template-columns:1fr!important;gap:14px!important}} /* ------------------------------------------------------------------------- RADIO DIRECTORY — stronger blue/black identity + country advanced filter ------------------------------------------------------------------------- */ .radios-index-hero-v76{position:relative;overflow:hidden;max-width:1500px;margin:0 auto;padding:58px clamp(18px,4vw,64px) 38px;display:grid;grid-template-columns:180px minmax(0,1fr);gap:34px;align-items:end} .radios-index-hero-v76:before{content:"";position:absolute;inset:18px clamp(18px,4vw,64px) 0;border-radius:26px;background:linear-gradient(125deg,#121213 0%,#121213 54%,#f06400 100%);z-index:-2} .radios-index-hero-v76:after{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:5%;top:-180px;z-index:-1;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)} .radios-index-count-v76{margin-left:20px;margin-bottom:18px;display:flex;flex-direction:column;color:#fff} .radios-index-count-v76 strong{font-size:clamp(50px,5vw,76px);line-height:.83;letter-spacing:-.06em} .radios-index-count-v76 span{margin-top:12px;color:#ff9a3a;font-size:10px;font-weight:850;letter-spacing:.18em} .radios-index-copy-v76{padding:18px 34px 24px 0;color:#fff} .radios-index-copy-v76 .eyebrow{margin:0 0 8px;color:#ff9a3a!important} .radios-index-copy-v76 h1{margin:0;font-size:clamp(44px,5vw,72px);line-height:.95;letter-spacing:-.06em;color:#fff} .radios-index-copy-v76 h1 span{color:#ff7606} .radios-index-copy-v76>p:last-child{max-width:700px;margin:14px 0 0;color:#ece7e3;font-size:14px;line-height:1.6} .catalog-layout-v76{max-width:1500px!important;margin:0 auto!important;padding-top:28px!important} .filters-v76{border:1px solid #ece7e3!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 35px rgba(18,18,18,.055)!important} .filters-v76 label{color:#6a6a6a!important;font-size:10px!important;letter-spacing:.05em!important;text-transform:uppercase!important;font-weight:800!important} .filters-v76 input,.filters-v76 select{margin-top:7px!important;background:#fffaf7!important;border-color:#ece7e3!important} @media(max-width:900px){.radios-index-hero-v76{grid-template-columns:1fr;padding-top:32px;gap:6px}.radios-index-count-v76{margin:0;padding:25px 28px 0}.radios-index-copy-v76{padding:6px 28px 28px}.catalog-layout-v76 .filters-v76{grid-template-columns:1fr 1fr!important}} @media(max-width:600px){.radios-index-hero-v76{padding-inline:14px}.radios-index-hero-v76:before{inset:10px 14px 0;border-radius:20px}.radios-index-count-v76{padding:22px 20px 0}.radios-index-count-v76 strong{font-size:48px}.radios-index-copy-v76{padding:7px 20px 24px}.radios-index-copy-v76 h1{font-size:42px}.catalog-layout-v76 .filters-v76{grid-template-columns:1fr!important}} /* ------------------------------------------------------------------------- CATEGORIES — same footprint as countries/cities ------------------------------------------------------------------------- */ .genre-grid-v76{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .genre-card-v76{overflow:hidden;border:1px solid #ece7e3;border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(18,18,18,.045);transition:.18s ease} .genre-card-v76:hover{transform:translateY(-2px);border-color:#e8e8e8;box-shadow:0 12px 28px rgba(18,18,18,.075)} .genre-card-v76 .directory-card-media{height:100px!important} .genre-card-v76 .directory-card-fallback.genre{background:radial-gradient(circle at 75% 20%,rgba(255,255,255,.25),transparent 28%),linear-gradient(135deg,var(--genre-color,#727272),#1d1d1f)} .genre-symbol-v76{position:absolute;left:10px;bottom:9px;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.94);display:grid;place-items:center;color:var(--genre-color,#f06400);font-size:18px;font-weight:850;box-shadow:0 5px 14px rgba(18,18,19,.13)} @media(max-width:930px){.genre-grid-v76{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:720px){.genre-grid-v76{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.genre-card-v76 .directory-card-media{height:86px!important}} @media(max-width:440px){.genre-grid-v76{grid-template-columns:1fr}.genre-card-v76 .directory-card-media{height:112px!important}} /* ------------------------------------------------------------------------- PODCAST PLAYER — timeline is a dedicated TOP row, never clipped at bottom ------------------------------------------------------------------------- */ :root{--player-h:92px} .dp-player.dp-player-reference.dp-player-v69[data-kind="podcast"]{height:118px!important;min-height:118px!important;overflow:visible!important} .dp-player-v69[data-kind="podcast"] .dp-player-reference-shell{position:relative!important;height:118px!important;min-height:118px!important;padding:34px 18px 5px!important;align-items:center!important} .dp-player-v69[data-kind="podcast"] .player-content{align-self:stretch!important;justify-content:center!important;gap:2px!important;min-width:0!important} .dp-player-v69[data-kind="podcast"] .player-podcast-progress, .dp-player-v69[data-kind="podcast"] .player-podcast-progress[hidden]{display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;position:absolute!important;left:126px!important;right:282px!important;top:7px!important;bottom:auto!important;width:auto!important;max-width:none!important;min-width:0!important;height:27px!important;grid-template-columns:44px minmax(90px,1fr) 44px!important;align-items:center!important;gap:9px!important;margin:0!important;z-index:30!important} .dp-player-v69[data-kind="podcast"] .player-podcast-progress span{display:block!important;color:#6a6a6a!important;font-size:10px!important;line-height:1!important;font-weight:800!important;font-variant-numeric:tabular-nums!important;text-align:center!important;white-space:nowrap!important} .dp-player-v69[data-kind="podcast"] .podcast-seek{-webkit-appearance:none!important;appearance:none!important;display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;min-width:0!important;height:25px!important;margin:0!important;padding:0!important;background:transparent!important;cursor:pointer!important;touch-action:manipulation!important} .dp-player-v69[data-kind="podcast"] .podcast-seek:disabled{opacity:1!important;cursor:wait!important} .dp-player-v69[data-kind="podcast"] .podcast-seek::-webkit-slider-runnable-track{height:7px!important;border-radius:99px!important;background:linear-gradient(90deg,#f06400 0 var(--seek-progress,0%),#ece7e3 var(--seek-progress,0%) 100%)!important;box-shadow:inset 0 0 0 1px rgba(18,18,18,.04)!important} .dp-player-v69[data-kind="podcast"] .podcast-seek::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:19px!important;height:19px!important;margin-top:-6px!important;border:3px solid #fff!important;border-radius:50%!important;background:#f06400!important;box-shadow:0 2px 8px rgba(18,18,18,.31)!important} .dp-player-v69[data-kind="podcast"] .podcast-seek::-moz-range-track{height:7px!important;border:0!important;border-radius:99px!important;background:#ece7e3!important} .dp-player-v69[data-kind="podcast"] .podcast-seek::-moz-range-progress{height:7px!important;border-radius:99px!important;background:#f06400!important} .dp-player-v69[data-kind="podcast"] .podcast-seek::-moz-range-thumb{width:13px!important;height:13px!important;border:3px solid #fff!important;border-radius:50%!important;background:#f06400!important;box-shadow:0 2px 8px rgba(18,18,18,.31)!important} .dp-player-v69[data-kind="podcast"] .player-status{display:none!important} @media(max-width:1240px){.dp-player-v69[data-kind="podcast"] .player-podcast-progress,.dp-player-v69[data-kind="podcast"] .player-podcast-progress[hidden]{left:116px!important;right:225px!important}} @media(max-width:980px){.dp-player-v69[data-kind="podcast"] .player-podcast-progress,.dp-player-v69[data-kind="podcast"] .player-podcast-progress[hidden]{left:115px!important;right:103px!important}} @media(max-width:720px){ :root{--player-h:116px!important} .dp-player.dp-player-reference.dp-player-v69[data-kind="podcast"]{height:116px!important;min-height:116px!important} .dp-player-v69[data-kind="podcast"] .dp-player-reference-shell{height:116px!important;min-height:116px!important;padding:34px 8px 5px!important;grid-template-columns:46px 38px minmax(0,1fr) 36px!important;gap:7px!important} .dp-player-v69[data-kind="podcast"] .player-station-logo,.dp-player-v69[data-kind="podcast"] .player-station-logo .station-logo{width:46px!important;height:46px!important;min-width:46px!important} .dp-player-v69[data-kind="podcast"] .player-play{width:38px!important;height:38px!important} .dp-player-v69[data-kind="podcast"] .player-round-action{width:36px!important;height:36px!important} .dp-player-v69[data-kind="podcast"] .player-podcast-progress,.dp-player-v69[data-kind="podcast"] .player-podcast-progress[hidden]{left:94px!important;right:48px!important;top:6px!important;height:27px!important;grid-template-columns:34px minmax(48px,1fr) 34px!important;gap:5px!important} .dp-player-v69[data-kind="podcast"] .player-podcast-progress span{font-size:8.5px!important} .dp-player-v69[data-kind="podcast"] .podcast-seek{height:24px!important} } @media(max-width:390px){.dp-player-v69[data-kind="podcast"] .player-podcast-progress,.dp-player-v69[data-kind="podcast"] .player-podcast-progress[hidden]{left:90px!important;right:44px!important;grid-template-columns:31px minmax(40px,1fr) 31px!important;gap:4px!important}} /* ------------------------------------------------------------------------- SPOT PUBLICITAIRE ------------------------------------------------------------------------- */ .spot-hero-v76{max-width:1500px;margin:0 auto;padding:72px clamp(18px,4vw,64px) 42px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:clamp(42px,8vw,120px);align-items:center} .spot-hero-copy h1{margin:8px 0 20px;color:#121213;font-size:clamp(58px,7vw,100px);line-height:.88;letter-spacing:-.07em}.spot-hero-copy h1 span{color:#f06400}.spot-hero-copy>p:last-child{max-width:650px;color:#7d7d7d;font-size:17px;line-height:1.7} .spot-audio-card-v76{padding:30px;border:1px solid #ece7e3;border-radius:24px;background:#fff;box-shadow:0 22px 65px rgba(18,18,18,.10)}.spot-badge-v76{display:inline-flex;padding:7px 10px;border-radius:99px;background:#fffaf7;color:#f06400;font-size:9px;font-weight:900;letter-spacing:.12em}.spot-audio-card-v76 h2{margin:18px 0 20px;font-size:26px;color:#1d1d1f}.spot-audio-card-v76 audio{width:100%;margin:2px 0 16px}.spot-download-v76{width:100%;justify-content:center}.spot-audio-card-v76 small{display:block;margin-top:12px;color:#8e8e8e;text-align:center}.spot-unavailable-v76{padding:20px;border-radius:14px;background:#fffaf7;color:#6a6a6a;display:grid;gap:5px}.spot-unavailable-v76 span{font-size:12px;color:#919191} .spot-content-v76{max-width:1320px!important;margin:0 auto!important;display:grid;grid-template-columns:minmax(260px,.7fr) minmax(420px,1fr);gap:clamp(36px,7vw,90px);align-items:start}.spot-intro-v76 h2{margin:5px 0 12px;font-size:48px;letter-spacing:-.055em;color:#1d1d1f}.spot-intro-v76>p:last-child{color:#808080;line-height:1.7}.spot-form-v76{padding:30px;border:1px solid #ece7e3;border-radius:22px;background:#fff;box-shadow:0 18px 52px rgba(18,18,18,.07);display:grid;gap:16px}.spot-form-v76 label{display:grid;gap:7px;color:#f06400;font-size:11px;font-weight:800}.spot-form-v76 input,.spot-form-v76 textarea{width:100%;border:1px solid #ece7e3;border-radius:11px;background:#fffaf7;padding:12px 13px;outline:none}.spot-form-v76 input{height:48px}.spot-form-v76 input:focus,.spot-form-v76 textarea:focus{border-color:#ff7606;box-shadow:0 0 0 4px rgba(240,100,0,.08)}.spot-form-v76 .hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.spot-field-error-v76{color:#b33131;font-size:10px;font-weight:700} @media(max-width:900px){.spot-hero-v76,.spot-content-v76{grid-template-columns:1fr}.spot-hero-v76{padding-top:48px}.spot-audio-card-v76{max-width:650px}.spot-intro-v76 h2{font-size:42px}} @media(max-width:600px){.spot-hero-v76{padding:36px 14px 24px}.spot-hero-copy h1{font-size:56px}.spot-audio-card-v76,.spot-form-v76{padding:20px;border-radius:18px}.spot-content-v76{padding-inline:14px!important}.spot-form-v76 .form-grid{grid-template-columns:1fr!important}} /* Small utilities used by V7.6 admin/public mutations */ .field-error,.spot-field-error-v76{display:block;margin-top:3px;color:#b33c3c;font-size:10px;font-weight:700} /* V7.6 final hardening — explicit header grid positions so nav/search can never collide */ @media (max-width:1880px){ .site-header.v2-header .brand-logo{grid-column:1!important;grid-row:1!important;min-width:0!important} .site-header.v2-header .header-search{grid-column:2!important;grid-row:1!important} .site-header.v2-header .mobile-menu{grid-column:3!important;grid-row:1!important} .site-header.v2-header .header-actions{grid-column:4!important;grid-row:1!important} } .site-header.v2-header.is-compact .brand-logo{grid-column:1!important;grid-row:1!important;min-width:0!important} .site-header.v2-header.is-compact .header-search{grid-column:2!important;grid-row:1!important} .site-header.v2-header.is-compact .mobile-menu{grid-column:3!important;grid-row:1!important} .site-header.v2-header.is-compact .header-actions{grid-column:4!important;grid-row:1!important} @media (max-width:1020px){ .site-header.v2-header .brand-logo,.site-header.v2-header.is-compact .brand-logo{grid-column:1!important} .site-header.v2-header .mobile-menu,.site-header.v2-header.is-compact .mobile-menu{grid-column:2!important} .site-header.v2-header .header-actions,.site-header.v2-header.is-compact .header-actions{grid-column:3!important} } /* Search page — advanced country selector */ .search-advanced-v76{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(180px,240px) auto!important;gap:10px!important;align-items:end!important;max-width:930px!important;height:auto!important;padding:8px!important;border:1px solid #ece7e3!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 38px rgba(18,18,18,.07)!important} .search-query-v76{position:relative;display:flex;align-items:center;min-width:0}.search-query-v76>svg{position:absolute;left:13px;width:19px;height:19px;color:#f06400}.search-query-v76 input{width:100%!important;height:48px!important;padding:0 14px 0 42px!important;border:1px solid #fafafa!important;border-radius:11px!important;background:#fffaf7!important}.search-query-v76 .suggestions{left:0!important;right:0!important;top:calc(100% + 8px)!important}.search-country-v76{display:grid;gap:5px;color:#747474;font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.search-country-v76 select{height:48px;border:1px solid #fafafa;border-radius:11px;background:#fffaf7;padding:0 12px;color:#1d1d1f;outline:none}.search-advanced-v76>button{height:48px!important;padding:0 22px!important;border:0!important;border-radius:11px!important;background:#f06400!important;color:#fff!important;font-weight:800!important;cursor:pointer!important} @media(max-width:720px){.search-advanced-v76{grid-template-columns:1fr!important;gap:8px!important}.search-country-v76{width:100%}.search-advanced-v76>button{width:100%!important}.search-hero-v76{padding-inline:14px!important}} /* Podcast timeline keeps its own row even if older player CSS is cached upstream */ .dp-player-v69[data-kind="podcast"] .player-podcast-progress{box-sizing:border-box!important} .dp-player-v69[data-kind="podcast"] .dp-player-reference-shell{overflow:visible!important} /* source:v77.css */ /* DirectPlayer 7.7 — desktop compact header without premature mobile menu */ /* * Sur ordinateur, même avec une fenêtre plus étroite, on conserve la vraie * navigation. La première variable d'ajustement est la largeur de recherche, * puis le logo / les espacements. Le menu hamburger n'arrive qu'en mobile. */ @media (min-width:821px){ .site-header.v2-header, .site-header.v2-header.is-compact{ height:78px!important; display:grid!important; grid-template-columns:minmax(160px,230px) minmax(0,1fr) clamp(90px,15vw,300px) auto!important; align-items:center!important; gap:clamp(8px,1.05vw,18px)!important; padding-inline:clamp(14px,2vw,34px)!important; } .site-header.v2-header .brand-logo, .site-header.v2-header.is-compact .brand-logo{ grid-column:1!important; grid-row:1!important; min-width:0!important; } .site-header.v2-header .brand-logo img, .site-header.v2-header.is-compact .brand-logo img{ width:min(220px,16vw)!important; max-width:100%!important; max-height:54px!important; } .site-header.v2-header .mobile-menu, .site-header.v2-header.is-compact .mobile-menu{ display:none!important; } .site-header.v2-header .main-nav, .site-header.v2-header.is-compact .main-nav{ grid-column:2!important; grid-row:1!important; position:static!important; inset:auto!important; width:auto!important; height:78px!important; min-width:0!important; display:flex!important; align-items:center!important; justify-content:center!important; flex-direction:row!important; gap:clamp(7px,1vw,20px)!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; overflow:visible!important; } .site-header.v2-header .main-nav a, .site-header.v2-header.is-compact .main-nav a{ height:78px!important; min-width:0!important; padding:0!important; border-radius:0!important; background:transparent!important; color:#555555!important; font-size:clamp(10px,.78vw,13px)!important; font-weight:700!important; letter-spacing:0!important; white-space:nowrap!important; } .site-header.v2-header .main-nav a.active, .site-header.v2-header.is-compact .main-nav a.active{ background:transparent!important; color:var(--dp-blue)!important; } .site-header.v2-header .main-nav a.active:after, .site-header.v2-header.is-compact .main-nav a.active:after{ display:block!important; bottom:0!important; height:3px!important; background:var(--dp-blue)!important; } .site-header.v2-header .header-search, .site-header.v2-header.is-compact .header-search{ grid-column:3!important; grid-row:1!important; display:flex!important; width:100%!important; min-width:0!important; max-width:none!important; justify-self:stretch!important; } .site-header.v2-header .header-search input, .site-header.v2-header.is-compact .header-search input{ min-width:0!important; width:100%!important; } .site-header.v2-header .header-actions, .site-header.v2-header.is-compact .header-actions{ grid-column:4!important; grid-row:1!important; order:initial!important; min-width:max-content!important; white-space:nowrap!important; } } /* Petits laptops : on réduit la recherche, pas la navigation. */ @media (min-width:821px) and (max-width:1500px){ .site-header.v2-header, .site-header.v2-header.is-compact{ grid-template-columns:minmax(165px,195px) minmax(0,1fr) clamp(105px,12vw,180px) auto!important; gap:10px!important; padding-inline:16px!important; } .site-header.v2-header .brand-logo img, .site-header.v2-header.is-compact .brand-logo img{width:min(190px,14vw)!important} .site-header.v2-header .main-nav, .site-header.v2-header.is-compact .main-nav{gap:clamp(7px,.72vw,11px)!important} } @media (min-width:821px) and (max-width:1200px){ .site-header.v2-header, .site-header.v2-header.is-compact{ grid-template-columns:155px minmax(0,1fr) clamp(82px,9vw,110px) auto!important; gap:7px!important; padding-inline:12px!important; } .site-header.v2-header .brand-logo img, .site-header.v2-header.is-compact .brand-logo img{width:150px!important} .site-header.v2-header .main-nav, .site-header.v2-header.is-compact .main-nav{gap:6px!important} .site-header.v2-header .main-nav a, .site-header.v2-header.is-compact .main-nav a{font-size:10px!important} .site-header.v2-header .header-search, .site-header.v2-header.is-compact .header-search{height:40px!important;padding-inline:10px!important} .site-header.v2-header .header-search svg, .site-header.v2-header.is-compact .header-search svg{width:17px!important;height:17px!important;flex:none!important} .site-header.v2-header .header-search input, .site-header.v2-header.is-compact .header-search input{font-size:11px!important;padding-left:7px!important} .site-header.v2-header .header-actions .icon-link span, .site-header.v2-header.is-compact .header-actions .icon-link span{display:none!important} .site-header.v2-header .header-actions, .site-header.v2-header.is-compact .header-actions{gap:7px!important;padding-left:0!important;border-left:0!important} } @media (min-width:821px) and (max-width:980px){ .site-header.v2-header, .site-header.v2-header.is-compact{ grid-template-columns:142px minmax(0,1fr) 72px auto!important; gap:5px!important; padding-inline:9px!important; } .site-header.v2-header .brand-logo img, .site-header.v2-header.is-compact .brand-logo img{width:138px!important} .site-header.v2-header .main-nav, .site-header.v2-header.is-compact .main-nav{gap:5px!important} .site-header.v2-header .main-nav a, .site-header.v2-header.is-compact .main-nav a{font-size:9.5px!important} .site-header.v2-header .header-search, .site-header.v2-header.is-compact .header-search{padding-inline:8px!important} .site-header.v2-header .header-search input::placeholder, .site-header.v2-header.is-compact .header-search input::placeholder{color:transparent!important} } /* Mobile / vraie tablette étroite : menu hamburger normal. */ @media (max-width:820px){ .site-header.v2-header, .site-header.v2-header.is-compact{ height:68px!important; grid-template-columns:minmax(0,1fr) 40px auto!important; gap:9px!important; padding-inline:14px!important; } .site-header.v2-header .brand-logo, .site-header.v2-header.is-compact .brand-logo{grid-column:1!important;grid-row:1!important} .site-header.v2-header .brand-logo img, .site-header.v2-header.is-compact .brand-logo img{width:184px!important;max-width:56vw!important} .site-header.v2-header .header-search, .site-header.v2-header.is-compact .header-search{display:none!important} .site-header.v2-header .mobile-menu, .site-header.v2-header.is-compact .mobile-menu{ grid-column:2!important;grid-row:1!important;display:flex!important;position:static!important; width:40px!important;height:40px!important;order:initial!important } .site-header.v2-header .header-actions, .site-header.v2-header.is-compact .header-actions{grid-column:3!important;grid-row:1!important;order:initial!important} .site-header.v2-header .main-nav, .site-header.v2-header.is-compact .main-nav{ position:absolute!important;top:68px!important;left:0!important;right:0!important;width:100%!important;height:auto!important; display:none!important;grid-template-columns:1fr!important;padding:8px 14px 12px!important;background:#fff!important; border-top:1px solid #ece7e3!important;box-shadow:0 18px 34px rgba(18,18,19,.11)!important; max-height:calc(100dvh - 68px)!important;overflow-y:auto!important;z-index:2000!important } .site-header.v2-header .main-nav.open, .site-header.v2-header.is-compact .main-nav.open{display:grid!important} .site-header.v2-header .main-nav a, .site-header.v2-header.is-compact .main-nav a{height:43px!important;padding:0 11px!important;font-size:11px!important;border-radius:9px!important} } /* source:v78.css */ /* DirectPlayer 7.8 — annuaire radios + spot propre */ /* Annuaire : on évite l'effet gros pavé / colonne de filtres. */ .radios-index-hero-v76{ max-width:1480px!important; margin:0 auto!important; padding:34px 32px 0!important; grid-template-columns:1fr!important; gap:0!important; } .radios-index-hero-v76:before{ inset:18px 32px 0!important; border-radius:24px!important; background: radial-gradient(circle at 82% 16%,rgba(255,121,0,.17),transparent 28%), linear-gradient(120deg,#121213 0%,#121213 58%,#1d1d1f 100%)!important; } .radios-index-hero-v76:after{right:8%!important;top:-210px!important;opacity:.75!important} .radios-index-count-v76{ position:absolute!important; right:62px!important; top:48px!important; margin:0!important; padding:0!important; display:inline-flex!important; flex-direction:row!important; align-items:center!important; gap:7px!important; z-index:2!important; color:#fff!important; background:rgba(255,255,255,.08)!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:999px!important; padding:8px 11px!important; backdrop-filter:blur(8px)!important; } .radios-index-count-v76 strong{font-size:13px!important;line-height:1!important;letter-spacing:0!important} .radios-index-count-v76 span{margin:0!important;color:#ff9a3a!important;font-size:8px!important;letter-spacing:.12em!important} .radios-index-copy-v76{padding:54px 38px 42px!important;max-width:900px!important} .radios-index-copy-v76 .eyebrow{font-size:9px!important;letter-spacing:.2em!important} .radios-index-copy-v76 h1{font-size:clamp(46px,5vw,72px)!important} .radios-index-copy-v76>p:last-child{max-width:680px!important;font-size:14px!important;color:#ff9a3a!important} .catalog-layout-v76{ max-width:1440px!important; margin:0 auto!important; padding:26px 32px 70px!important; display:grid!important; grid-template-columns:1fr!important; gap:20px!important; } .catalog-layout-v76 .filters-v76{ position:static!important; display:grid!important; grid-template-columns:minmax(260px,1.35fr) minmax(190px,.65fr) minmax(190px,.65fr) auto!important; align-items:end!important; gap:12px!important; padding:14px!important; border-radius:15px!important; box-shadow:0 8px 26px rgba(18,18,18,.045)!important; } .catalog-layout-v76 .filters-v76 label{gap:0!important} .catalog-layout-v76 .filters-v76 input, .catalog-layout-v76 .filters-v76 select{height:46px!important;border-radius:10px!important} .catalog-layout-v76 .filters-v76 .button{height:46px!important;border-radius:10px!important;padding-inline:25px!important;background:#f06400!important} .catalog-layout-v76 .catalog-meta{margin:4px 0 14px!important;padding:0 2px!important} .catalog-layout-v76 .catalog-meta strong{font-size:11px!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#767676!important} .catalog-layout-v76 .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important} .catalog-layout-v76 .station-card{border-radius:16px!important} .catalog-layout-v76 .station-card .station-art{height:142px!important} .catalog-layout-v76 .station-card-body{min-height:72px!important} @media(max-width:1180px){ .catalog-layout-v76 .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} .catalog-layout-v76 .filters-v76{grid-template-columns:1fr 1fr 1fr auto!important} } @media(max-width:900px){ .radios-index-hero-v76{padding:24px 18px 0!important} .radios-index-hero-v76:before{inset:10px 18px 0!important} .radios-index-count-v76{right:38px!important;top:28px!important} .radios-index-copy-v76{padding:58px 28px 30px!important} .catalog-layout-v76{padding:22px 18px 60px!important} .catalog-layout-v76 .filters-v76{grid-template-columns:1fr 1fr!important} .catalog-layout-v76 .filters-v76 .button{grid-column:1/-1!important} .catalog-layout-v76 .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:560px){ .radios-index-hero-v76{padding-inline:10px!important} .radios-index-hero-v76:before{inset:8px 10px 0!important;border-radius:18px!important} .radios-index-count-v76{right:24px!important;top:22px!important} .radios-index-copy-v76{padding:56px 20px 25px!important} .radios-index-copy-v76 h1{font-size:42px!important} .radios-index-copy-v76>p:last-child{font-size:12px!important} .catalog-layout-v76{padding:18px 12px 50px!important} .catalog-layout-v76 .filters-v76{grid-template-columns:1fr!important;padding:12px!important} .catalog-layout-v76 .filters-v76 .button{grid-column:auto!important;width:100%!important} .catalog-layout-v76 .catalog-grid{gap:11px!important} .catalog-layout-v76 .station-card .station-art{height:118px!important} } @media(max-width:380px){.catalog-layout-v76 .catalog-grid{grid-template-columns:1fr!important}} /* Spot : texte plus direct, sans bloc explicatif inutile. */ .spot-content-v76{grid-template-columns:minmax(220px,.48fr) minmax(440px,1fr)!important} .spot-intro-v76{padding-top:16px!important} .spot-intro-v76 h2{margin-bottom:0!important} @media(max-width:900px){.spot-content-v76{grid-template-columns:1fr!important}.spot-intro-v76{padding-top:0!important}} /* source:v79.css */ /* DirectPlayer V7.9 — annuaire radios : en-tête compact, lisible, bleu/noir */ .radios-index-hero-v76{ position:relative!important; isolation:isolate!important; overflow:hidden!important; width:calc(100% - 48px)!important; max-width:1460px!important; min-height:0!important; margin:24px auto 6px!important; padding:34px 38px!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas:"copy count"!important; gap:28px!important; align-items:center!important; border:1px solid #ece7e3!important; border-radius:20px!important; background:linear-gradient(120deg,#ffffff 0%,#fffaf7 62%,#fffaf7 100%)!important; box-shadow:0 10px 30px rgba(18,18,18,.055)!important; } .radios-index-hero-v76:before{ content:""!important; position:absolute!important; inset:auto -110px -170px auto!important; width:360px!important; height:360px!important; border:1px solid rgba(240,100,0,.08)!important; border-radius:50%!important; background:transparent!important; box-shadow:0 0 0 56px rgba(240,100,0,.025),0 0 0 112px rgba(240,100,0,.014)!important; z-index:-1!important; } .radios-index-hero-v76:after{ content:""!important; position:absolute!important; left:38px!important; top:0!important; width:70px!important; height:3px!important; background:#f06400!important; border-radius:0 0 6px 6px!important; } .radios-index-copy-v76{grid-area:copy!important;padding:0!important;color:#121213!important;min-width:0!important} .radios-index-copy-v76 .eyebrow{ margin:0 0 8px!important; color:#f06400!important; font-size:10px!important; font-weight:850!important; line-height:1.2!important; letter-spacing:.17em!important; text-transform:uppercase!important; } .radios-index-copy-v76 h1{ margin:0!important; color:#121213!important; font-size:clamp(38px,4vw,58px)!important; line-height:1!important; font-weight:850!important; letter-spacing:-.05em!important; } .radios-index-copy-v76 h1 span{color:#f06400!important} .radios-index-copy-v76>p:last-child{ max-width:720px!important; margin:12px 0 0!important; color:#787878!important; font-size:14px!important; line-height:1.55!important; } .radios-index-count-v76{ grid-area:count!important; margin:0!important; min-width:120px!important; padding:13px 17px!important; display:flex!important; flex-direction:row!important; gap:8px!important; align-items:baseline!important; justify-content:center!important; border:1px solid #ece7e3!important; border-radius:12px!important; background:#fff!important; color:#1d1d1f!important; box-shadow:none!important; } .radios-index-count-v76 strong{font-size:26px!important;line-height:1!important;letter-spacing:-.04em!important;color:#1d1d1f!important} .radios-index-count-v76 span{margin:0!important;color:#ff7606!important;font-size:9px!important;font-weight:850!important;letter-spacing:.12em!important} .catalog-layout-v76{padding-top:18px!important} @media(max-width:900px){ .radios-index-hero-v76{width:calc(100% - 28px)!important;margin-top:16px!important;padding:28px!important;grid-template-columns:1fr!important;grid-template-areas:"copy" "count"!important;gap:18px!important} .radios-index-count-v76{width:max-content!important;min-width:0!important} } @media(max-width:600px){ .radios-index-hero-v76{width:calc(100% - 20px)!important;margin-top:10px!important;padding:23px 19px!important;border-radius:16px!important} .radios-index-hero-v76:after{left:19px!important;width:52px!important} .radios-index-copy-v76 h1{font-size:36px!important} .radios-index-copy-v76>p:last-child{font-size:13px!important} .radios-index-count-v76 strong{font-size:23px!important} } /* source:public-v94.css */ /* DirectPlayer V9.4 — fiche radio réellement pensée pour le mobile. Aucun impact sur le desktop. */ @media (max-width:720px){ .radio-page-hero{min-height:auto!important;align-items:stretch!important} .radio-page-backdrop{transform:scale(1.02)!important} .radio-page-content{ display:grid!important;grid-template-columns:minmax(0,1fr)!important;justify-items:center!important; gap:14px!important;padding:38px 18px 28px!important;text-align:center!important } .radio-page-logo{width:150px!important;height:150px!important;padding:11px!important;border-radius:28px!important;box-shadow:0 16px 38px rgba(0,0,0,.22)!important} .radio-page-logo .station-logo{border-radius:20px!important} .radio-page-copy{width:100%!important;max-width:560px!important;display:flex!important;flex-direction:column!important;align-items:center!important;min-width:0!important;padding:0!important} .radio-page-kicker{margin:0 0 6px!important;font-size:8px!important} .radio-page-copy h1{margin:0!important;font-size:clamp(31px,9.5vw,42px)!important;line-height:1.02!important;text-align:center!important;overflow-wrap:anywhere!important} .radio-slogan{margin:8px 0 7px!important;font-size:13px!important;line-height:1.4!important;text-align:center!important} .radio-page-copy .station-place{margin:0 0 10px!important;font-size:11px!important;text-align:center!important} .radio-page-copy .station-tags{justify-content:center!important;flex-wrap:wrap!important;margin:0!important} .radio-page-copy .detail-actions{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:16px!important} .radio-page-copy .detail-actions>*{width:100%!important;min-height:44px!important;margin:0!important;border-radius:12px!important;font-size:10.5px!important;justify-content:center!important} .radio-description-section{padding:14px 12px 0!important} .radio-description-card{padding:18px!important;border-radius:16px!important;box-shadow:none!important} .radio-description-card h2{font-size:19px!important;line-height:1.2!important} .radio-description-card>p:last-child{font-size:12px!important;line-height:1.65!important} .radio-details-v70{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:14px 12px 4px!important} .radio-contact-card-v71,.radio-track-card-v71{padding:16px!important;border-radius:16px!important;box-shadow:none!important} .radio-card-heading{align-items:center!important;padding-bottom:14px!important} .radio-card-heading h2{font-size:19px!important} .radio-card-heading p:not(.eyebrow){font-size:10.5px!important;line-height:1.5!important} .radio-contact-grid{grid-template-columns:minmax(0,1fr)!important;gap:8px!important;padding-top:13px!important} .radio-contact-tile{min-height:64px!important;padding:10px 11px!important;border-radius:12px!important;grid-template-columns:34px minmax(0,1fr)!important} .radio-contact-tile>.radio-contact-icon{width:32px!important;height:32px!important} .radio-contact-tile strong{font-size:11.5px!important} .radio-social-links-v71{gap:8px!important} .radio-social-links-v71 .radio-social-link{width:38px!important;height:38px!important;border-radius:10px!important} .radio-track-list-v71 li{grid-template-columns:52px minmax(0,1fr)!important;gap:11px!important;padding:9px 0!important} .track-artwork-wrap{width:50px!important;height:50px!important;border-radius:10px!important} .radio-track-list-v71 strong{font-size:12.5px!important;line-height:1.35!important} .radio-information-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:26px 12px!important} .radio-program-panel,.radio-side-panel{min-width:0!important} .modern-schedule article{grid-template-columns:64px minmax(0,1fr) auto!important;gap:11px!important;padding:13px 0!important} .modern-schedule time{font-size:17px!important} .station-podcasts-section{padding-left:12px!important;padding-right:12px!important} .station-podcast-grid{display:flex!important;grid-template-columns:none!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;padding-bottom:10px!important} .station-podcast-grid::-webkit-scrollbar{display:none!important} .station-podcast-grid>.podcast-card{flex:0 0 74%!important;scroll-snap-align:start!important;min-width:0!important} } @media (max-width:430px){ .radio-page-content{padding-left:14px!important;padding-right:14px!important} .radio-page-logo{width:138px!important;height:138px!important} .radio-page-copy .detail-actions{grid-template-columns:minmax(0,1fr)!important} .station-podcast-grid>.podcast-card{flex-basis:82%!important} } /* source:public-v101.css */ /* DirectPlayer V10.1 — ajouts isolés. Aucun style historique remplacé. */ .dp101-directory-hero{min-height:210px!important}.dp101-directory-section{max-width:1450px;margin-left:auto!important;margin-right:auto!important} .dp101-text-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dp101-text-card{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:88px;padding:18px 20px;border:1px solid #fafafa;border-radius:14px;background:#fff;color:#1d1d1f;text-decoration:none;box-shadow:0 6px 18px rgba(18,18,18,.035);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.dp101-text-card:hover{border-color:#ff9a3a;box-shadow:0 10px 24px rgba(18,18,18,.07);transform:translateY(-1px)}.dp101-text-card>div{min-width:0}.dp101-text-card strong{display:block;margin-top:4px;font-size:17px;line-height:1.15;color:#1d1d1f}.dp101-text-card small{display:flex;align-items:center;gap:6px;color:#888888;font-size:10px;line-height:1.25}.dp101-text-card>span{flex:0 0 auto;color:#7e7e7e;font-size:10px;font-weight:750;white-space:nowrap} .dp101-country-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dp101-country-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:82px;padding:16px 18px;border:1px solid #fafafa;border-radius:14px;background:#fff;color:#1d1d1f;text-decoration:none;box-shadow:0 6px 18px rgba(18,18,18,.035)}.dp101-country-card:hover{border-color:#ff9a3a;box-shadow:0 10px 24px rgba(18,18,18,.07)}.dp101-country-card strong{display:block;font-size:16px}.dp101-country-card small{display:block;margin-top:4px;color:#8d8d8d;font-size:10px}.dp101-country-card>span:last-child{color:#9d9d9d;font-size:18px}.dp101-country-flag,.dp-country-flag{display:inline-grid;place-items:center;width:28px;min-width:28px;height:22px}.dp101-country-flag img,.dp-country-flag img{display:block;width:24px;height:18px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(18,18,18,.1)}.dp-country-flag--generic svg{width:18px;height:18px;fill:none;stroke:#838383;stroke-width:1.5} .dp101-rec-hero{max-width:1450px;margin:42px auto 0;padding:42px clamp(18px,4vw,54px);border-bottom:1px solid #ece7e3}.dp101-rec-hero h1{margin:5px 0 10px;font-size:clamp(34px,4vw,58px);line-height:1;color:#1d1d1f}.dp101-rec-hero>div>p:last-child{max-width:760px;color:#828282;font-size:14px;line-height:1.6}.dp101-rec-section{max-width:1450px;margin-left:auto!important;margin-right:auto!important}.dp101-rec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dp101-rec-card{overflow:hidden;border:1px solid #ece7e3;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(18,18,18,.06)}.dp101-rec-card>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#fffaf7}.dp101-rec-body{padding:20px}.dp101-rec-body h2{margin:4px 0 10px;font-size:22px;line-height:1.15;color:#1d1d1f}.dp101-rec-body>p:not(.eyebrow){color:#808080;font-size:12px;line-height:1.6}.dp101-rec-meta{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.dp101-rec-meta span{padding:6px 9px;border-radius:999px;background:#fffaf7;color:#f06400;font-size:9px;font-weight:800}.dp101-rec-card audio{width:100%;margin:5px 0 14px}.dp101-rec-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dp101-rec-actions a:not(.button){font-size:10px;color:#f06400;text-decoration:none} .dp101-legal{max-width:1040px;margin-left:auto!important;margin-right:auto!important}.dp101-legal h1{margin:4px 0 24px;font-size:clamp(36px,5vw,60px);color:#1d1d1f}.dp101-legal-content{padding:28px;border:1px solid #fafafa;border-radius:16px;background:#fff;color:#121213;font-size:13px;line-height:1.8;white-space:normal} .dp101-footer-socials{display:flex!important;align-items:center;gap:8px!important;margin-top:12px!important}.dp101-footer-socials a{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;padding:0!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:50%!important;background:rgba(255,255,255,.9)!important;color:#111!important}.dp101-footer-socials a:hover{background:#fff!important;color:#000!important;transform:translateY(-1px)}.dp101-footer-socials svg{width:15px;height:15px;display:block} .dp-footer-main{grid-template-columns:minmax(270px,1.45fr) repeat(4,minmax(120px,.5fr))!important;gap:30px!important} .radio-information-grid--report-only{grid-template-columns:minmax(0,620px)!important}.radio-information-grid--report-only .radio-report-card{grid-column:1!important} @media(max-width:1180px){.dp101-text-grid,.dp101-country-grid,.dp101-rec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dp-footer-main{grid-template-columns:1.2fr 1fr 1fr!important}.dp-footer-brand{grid-column:1/-1!important}.dp-footer-coordinates{grid-column:auto!important}} @media(max-width:720px){.dp101-text-grid,.dp101-country-grid,.dp101-rec-grid{grid-template-columns:1fr}.dp101-text-card{min-height:76px;padding:15px}.dp101-text-card strong{font-size:15px}.dp101-text-card>span{font-size:9px}.dp101-rec-hero{margin-top:20px;padding-top:28px;padding-bottom:28px}.dp101-rec-body{padding:17px}.dp101-legal-content{padding:20px}.dp-footer-main{grid-template-columns:1fr 1fr!important}.dp-footer-brand,.dp-footer-coordinates{grid-column:1/-1!important}} @media(max-width:460px){.dp101-text-card{align-items:flex-start;flex-direction:column;gap:8px}.dp101-text-card>span{white-space:normal}.dp-footer-main{grid-template-columns:1fr!important}.dp-footer-column,.dp-footer-brand,.dp-footer-coordinates{grid-column:1!important}} /* source:public-v102.css */ /* DirectPlayer 10.2 — langue + grille programmes */ .dp-locale-switch{display:inline-flex;align-items:center;margin:0}.dp-locale-switch label{display:block}.dp-locale-switch select{height:36px;min-width:58px;padding:0 24px 0 10px;border:1px solid #e8e8e8;border-radius:10px;background:#fff;color:#1d1d1f;font:800 11px/1 inherit;cursor:pointer;box-shadow:none} .dp-locale-switch--header select{height:38px;background:#fffaf7}.dp-locale-switch select:focus{outline:0;border-color:#ff7606;box-shadow:0 0 0 3px rgba(255,118,6,.08)} .dp102-program-panel{min-width:0}.dp102-schedule-list{display:grid!important;gap:10px!important} .dp102-schedule-list .dp102-schedule-card{display:grid!important;grid-template-columns:112px 74px minmax(0,1fr) 48px!important;align-items:center!important;gap:14px!important;min-height:96px!important;padding:10px!important;border:1px solid #ece7e3!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important} .dp102-schedule-media{width:112px;height:72px;border-radius:10px;overflow:hidden;background:#fffaf7;display:grid;place-items:center;color:#6e6e6e;font-size:11px;font-weight:900}.dp102-schedule-media img{width:100%;height:100%;display:block;object-fit:cover}.dp102-schedule-card>time{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;width:auto!important;height:auto!important;padding:0!important;background:transparent!important;color:#1d1d1f!important}.dp102-schedule-card>time strong{font-size:18px;line-height:1}.dp102-schedule-card>time small{margin-top:5px;color:#969696;font-size:10px}.dp102-schedule-copy{min-width:0}.dp102-schedule-copy>strong{display:block;color:#1d1d1f;font-size:14px;line-height:1.2}.dp102-schedule-copy>span{display:block;margin-top:4px;color:#f06400;font-size:10px;font-weight:700}.dp102-schedule-copy>p{display:-webkit-box!important;margin:6px 0 0!important;overflow:hidden!important;color:#848484!important;font-size:10px!important;line-height:1.45!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dp102-schedule-card>b{display:grid!important;place-items:center!important;width:44px!important;height:30px!important;border-radius:9px!important;background:#fffaf7!important;color:#f06400!important;font-size:9px!important;letter-spacing:.08em!important} @media(max-width:820px){.dp-locale-switch--header{order:0}.dp102-schedule-list .dp102-schedule-card{grid-template-columns:92px minmax(0,1fr) 44px!important;grid-template-areas:"media copy day" "time copy day"!important;align-items:start!important}.dp102-schedule-media{grid-area:media;width:92px;height:58px}.dp102-schedule-card>time{grid-area:time}.dp102-schedule-copy{grid-area:copy}.dp102-schedule-card>b{grid-area:day;align-self:center}} @media(max-width:560px){.dp-locale-switch--header select{height:34px;min-width:54px}.dp102-schedule-list .dp102-schedule-card{grid-template-columns:74px minmax(0,1fr)!important;grid-template-areas:"media copy" "time copy" "day copy"!important;gap:9px!important}.dp102-schedule-media{width:74px;height:52px}.dp102-schedule-card>b{justify-self:start!important}.dp102-schedule-copy>p{-webkit-line-clamp:3}} /* Fiche radio — grille des programmes V10.2 */ .dp102-radio-schedule-section{margin-top:34px}.dp102-schedule-heading{margin-bottom:16px}.dp102-schedule-heading p:not(.eyebrow){margin:6px 0 0;color:#848484;font-size:13px;line-height:1.55} .dp102-radio-week{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dp102-radio-day{min-width:0;border:1px solid #ece7e3;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 9px 24px rgba(18,18,18,.055)}.dp102-radio-day>header{min-height:58px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #fffaf7;background:#fffaf7}.dp102-radio-day>header>div{display:flex;align-items:center;gap:10px;min-width:0}.dp102-radio-day>header span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fffaf7;color:#f06400;font-size:9px;font-weight:900;letter-spacing:.08em}.dp102-radio-day>header strong{color:#1d1d1f;font-size:14px}.dp102-radio-day>header b{padding:6px 9px;border-radius:999px;background:#f06400;color:#fff;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.dp102-radio-day.is-today{border-color:#ece7e3;box-shadow:0 12px 28px rgba(240,100,0,.10)} .dp102-radio-program-list{display:grid}.dp102-radio-program{display:grid;grid-template-columns:116px 66px minmax(0,1fr);align-items:center;gap:13px;padding:11px 13px;border-top:1px solid #fffaf7}.dp102-radio-program:first-child{border-top:0}.dp102-radio-program-media{width:116px;height:66px;border-radius:11px;overflow:hidden;background:#fffaf7;display:grid;place-items:center;color:#6b6b6b;font-size:14px;font-weight:900}.dp102-radio-program-media img{display:block;width:100%;height:100%;object-fit:cover}.dp102-radio-program-media img.is-station-logo{object-fit:contain;padding:8px;background:#fff}.dp102-radio-program-time{min-width:0}.dp102-radio-program-time strong,.dp102-radio-program-time span{display:block}.dp102-radio-program-time strong{color:#f06400;font-size:16px;line-height:1}.dp102-radio-program-time span{margin-top:5px;color:#989898;font-size:10px;font-weight:700}.dp102-radio-program-copy{min-width:0}.dp102-radio-program-copy h3{margin:0;color:#1d1d1f;font-size:14px;line-height:1.2}.dp102-radio-program-copy small{display:block;margin-top:4px;color:#f06400;font-size:10px;font-weight:750}.dp102-radio-program-copy p{display:-webkit-box;margin:6px 0 0;overflow:hidden;color:#828282;font-size:10px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical} @media(max-width:980px){.dp102-radio-week{grid-template-columns:1fr}.dp102-radio-program{grid-template-columns:104px 60px minmax(0,1fr)}.dp102-radio-program-media{width:104px;height:60px}} @media(max-width:560px){.dp102-radio-day{border-radius:14px}.dp102-radio-day>header{min-height:52px;padding:9px 11px}.dp102-radio-program{grid-template-columns:82px minmax(0,1fr);grid-template-areas:"media copy" "time copy";align-items:start;gap:8px 10px;padding:10px}.dp102-radio-program-media{grid-area:media;width:82px;height:50px;border-radius:9px}.dp102-radio-program-time{grid-area:time;display:flex;align-items:baseline;gap:6px}.dp102-radio-program-time strong{font-size:13px}.dp102-radio-program-time span{margin:0;font-size:9px}.dp102-radio-program-copy{grid-area:copy}.dp102-radio-program-copy h3{font-size:13px}.dp102-radio-program-copy p{-webkit-line-clamp:3}} /* source:public-v1024.css */ /* DirectPlayer 10.2.4 — accueil uniforme, langue discrète, localisations */ .home-wow-hero-shell{width:100%;background:radial-gradient(circle at 78% 28%,#fffaf7 0,transparent 34%),linear-gradient(135deg,#fffaf7 0%,#fffaf7 52%,#fff 100%);border-bottom:1px solid #fffaf7} .home-wow-hero-shell .home-wow-hero{background:transparent!important;border-bottom:0!important} /* Sélecteur langue natif : aucun onchange inline, donc compatible CSP. */ .dp-locale-switch{position:relative;display:inline-flex;align-items:center;margin:0} .dp-language-menu{position:relative} .dp-language-menu>summary{list-style:none;display:flex;align-items:center;gap:7px;height:36px;padding:0 9px;border:1px solid #e8e8e8;border-radius:10px;background:#fff;color:#1d1d1f;font-size:10px;font-weight:850;cursor:pointer;user-select:none} .dp-language-menu>summary::-webkit-details-marker{display:none}.dp-language-menu>summary::marker{display:none} .dp-language-menu>summary img{width:20px;height:14px;display:block;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(18,18,18,.12)} .dp-language-menu>summary svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;transition:.18s} .dp-language-menu[open]>summary svg{transform:rotate(180deg)} .dp-language-options{position:absolute;z-index:220;top:calc(100% + 7px);right:0;width:158px;padding:5px;border:1px solid #e8e8e8;border-radius:12px;background:#fff;box-shadow:0 16px 38px rgba(18,18,18,.14)} .dp-language-options button{width:100%;height:36px;padding:0 8px;border:0;border-radius:8px;background:transparent;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;color:#f06400;text-align:left;font-size:10px;cursor:pointer} .dp-language-options button:hover,.dp-language-options button.is-current{background:#fffaf7;color:#f06400}.dp-language-options button img{width:20px;height:14px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(18,18,18,.12)}.dp-language-options button b{font-size:8px;color:#949494} .dp-locale-switch--header .dp-language-menu>summary{height:38px;background:#fffaf7} .dp1024-location-hero{align-items:center}.dp1024-location-stats{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:10px;min-width:min(100%,360px)} .dp1024-location-stats span{display:flex;flex-direction:column;justify-content:center;min-height:86px;padding:14px;border:1px solid #ece7e3;border-radius:14px;background:#fff;color:#8c8c8c;font-size:10px;font-weight:750;text-align:center}.dp1024-location-stats strong{display:block;margin-bottom:2px;color:#1d1d1f;font-size:25px;line-height:1} .dp1024-location-section{padding-top:30px}.dp1024-location-all{align-self:center;color:#f06400;font-size:11px;font-weight:850}.dp1024-country-grid{margin-top:0} @media(max-width:900px){.dp1024-location-hero{align-items:flex-start;flex-direction:column}.dp1024-location-stats{width:100%}} @media(max-width:620px){.dp-language-menu>summary span{display:none}.dp-language-menu>summary{width:38px;justify-content:center;padding:0}.dp-language-menu>summary svg{display:none}.dp-language-options{right:-4px}.dp1024-location-stats{grid-template-columns:1fr 1fr 1fr}.dp1024-location-stats span{min-height:72px;padding:10px}.dp1024-location-stats strong{font-size:21px}} /* source:public-v1027.css */ /* DirectPlayer 10.2.7 — lecteurs audio éditoriaux : icônes Play/Pause exclusives */ .dp-editorial-audio{--dp-audio-progress:0%;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:15px 16px;border:1px solid #ece7e3;border-radius:18px;background:linear-gradient(145deg,#fff 0%,#fffaf7 100%);box-shadow:0 12px 30px rgba(18,18,18,.07);overflow:hidden} .dp-editorial-audio::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#ff7606,#f06400);opacity:.95} .dp-editorial-audio audio{display:none!important} .dp-editorial-audio__toggle{position:relative;width:48px;height:48px;min-width:48px;min-height:48px;display:grid;place-items:center;flex:none;padding:0!important;margin:0;border:0;border-radius:50%;background:#1d1d1f;color:#fff;box-shadow:0 8px 20px rgba(18,18,18,.22);cursor:pointer;appearance:none;-webkit-appearance:none;line-height:1;overflow:hidden;transition:transform .18s ease,background .18s ease,box-shadow .18s ease} .dp-editorial-audio__toggle:hover{transform:translateY(-1px);background:#f06400;box-shadow:0 11px 24px rgba(18,18,18,.27)} .dp-editorial-audio__toggle:focus-visible,.dp-editorial-audio__mute:focus-visible,.dp-editorial-audio__seek:focus-visible{outline:3px solid rgba(255,118,6,.22);outline-offset:3px} /* Les deux pictos occupent exactement le même emplacement. Une seule icône est visible à la fois. */ .dp-editorial-audio .dp-editorial-audio__toggle svg{position:absolute;top:50%;left:50%;width:19px;height:19px;margin:0;pointer-events:none;transform:translate(-50%,-50%);transform-origin:center;display:block!important} .dp-editorial-audio .dp-editorial-audio__toggle .dp-editorial-audio__play-icon{opacity:1;visibility:visible} .dp-editorial-audio .dp-editorial-audio__toggle .dp-editorial-audio__pause-icon{opacity:0;visibility:hidden} .dp-editorial-audio[data-audio-state="playing"] .dp-editorial-audio__toggle .dp-editorial-audio__play-icon{opacity:0;visibility:hidden} .dp-editorial-audio[data-audio-state="playing"] .dp-editorial-audio__toggle .dp-editorial-audio__pause-icon{opacity:1;visibility:visible} .dp-editorial-audio[data-audio-state="loading"] .dp-editorial-audio__toggle .dp-editorial-audio__play-icon{opacity:.55} .dp-editorial-audio__content{min-width:0;display:grid;gap:8px}.dp-editorial-audio__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;min-width:0}.dp-editorial-audio__label{display:block;margin:0 0 2px;color:#848484;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.dp-editorial-audio__title{display:block;min-width:0;color:#1d1d1f;font-size:13px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-editorial-audio__time{color:#8d8d8d;font-size:10px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums} .dp-editorial-audio__seek{appearance:none;-webkit-appearance:none;width:100%;height:4px;margin:0;border:0;border-radius:999px;background:linear-gradient(90deg,#f06400 0 var(--dp-audio-progress),#ece7e3 var(--dp-audio-progress) 100%);cursor:pointer}.dp-editorial-audio__seek::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:#f06400;box-shadow:0 1px 6px rgba(18,18,18,.28)}.dp-editorial-audio__seek::-moz-range-thumb{width:8px;height:8px;border:3px solid #fff;border-radius:50%;background:#f06400;box-shadow:0 1px 6px rgba(18,18,18,.28)} .dp-editorial-audio__mute{width:36px;height:36px;display:grid;place-items:center;border:1px solid #ece7e3;border-radius:50%;background:#fff;color:#6e6e6e;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.dp-editorial-audio__mute:hover{background:#fffaf7;color:#f06400;border-color:#ece7e3}.dp-editorial-audio__mute svg{width:17px;height:17px}.dp-editorial-audio__mute-x{display:none}.dp-editorial-audio[data-muted="1"] .dp-editorial-audio__mute-waves{display:none}.dp-editorial-audio[data-muted="1"] .dp-editorial-audio__mute-x{display:block} .dp-editorial-audio[data-audio-state="error"]{border-color:#e6c8c8}.dp-editorial-audio[data-audio-state="error"] .dp-editorial-audio__label{color:#a44a4a} /* Spot : version plus statutaire */ .spot-audio-card-v76 .dp-editorial-audio--spot{margin:4px 0 18px;padding:18px;border-radius:20px;background:linear-gradient(145deg,#fffaf7,#fff)} .spot-audio-card-v76 .dp-editorial-audio--spot .dp-editorial-audio__toggle{width:54px;height:54px}.spot-audio-card-v76 .dp-editorial-audio--spot .dp-editorial-audio__title{font-size:14px}.spot-audio-card-v76 .dp-editorial-audio--spot .dp-editorial-audio__label{color:#f06400} /* Émissions recommandées : lecteur compact intégré à la carte */ .dp101-rec-card .dp-editorial-audio--preview{margin:7px 0 16px;padding:12px 13px;gap:11px;border-radius:14px;box-shadow:none;background:#fffaf7}.dp101-rec-card .dp-editorial-audio--preview::before{width:3px}.dp101-rec-card .dp-editorial-audio--preview .dp-editorial-audio__toggle{width:40px;height:40px}.dp101-rec-card .dp-editorial-audio--preview .dp-editorial-audio__toggle svg{width:16px;height:16px}.dp101-rec-card .dp-editorial-audio--preview .dp-editorial-audio__mute{width:32px;height:32px}.dp101-rec-card .dp-editorial-audio--preview .dp-editorial-audio__title{font-size:11px}.dp101-rec-card .dp-editorial-audio--preview .dp-editorial-audio__label{font-size:8px}.dp101-rec-card .dp-editorial-audio--preview .dp-editorial-audio__time{font-size:9px} @media(max-width:620px){.dp-editorial-audio{grid-template-columns:auto minmax(0,1fr);gap:11px;padding:13px}.dp-editorial-audio__mute{display:none}.dp-editorial-audio__toggle{width:44px;height:44px}.spot-audio-card-v76 .dp-editorial-audio--spot .dp-editorial-audio__toggle{width:48px;height:48px}.dp-editorial-audio__heading{align-items:center}.dp-editorial-audio__title{font-size:11px}.dp-editorial-audio__time{font-size:9px}.dp101-rec-card .dp-editorial-audio--preview{padding:11px}} /* source:v1028.css */ /* DirectPlayer 10.2.8 — catégories compactes + création rapide des référentiels */ .dp-lookup-field{min-width:0}.dp-lookup-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 7px}.dp-lookup-head label{margin:0!important;font:inherit;color:inherit}.dp-lookup-add{appearance:none;border:0;background:transparent;color:#f06400;font-size:11px;font-weight:850;line-height:1;padding:5px 7px;border-radius:7px;cursor:pointer}.dp-lookup-add:hover,.dp-lookup-add.is-open{background:#fffaf7;color:#f06400}.dp-lookup-field>select{width:100%}.dp-lookup-create{margin-top:8px;padding:10px;border:1px solid #ece7e3;border-radius:11px;background:#fffaf7}.dp-lookup-create[hidden]{display:none!important}.dp-lookup-create strong{display:block;margin-bottom:7px;color:#1d1d1f;font-size:11px}.dp-lookup-create input{width:100%;box-sizing:border-box}.dp-lookup-create small{display:block;margin-top:6px;color:#868686;font-size:10px;line-height:1.4}.dp-lookup-create-grid{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:7px}.dp-lookup-global-error{padding:10px 12px;border:1px solid #efb8b8;border-radius:10px;background:#fff6f6;color:#a52f2f;font-size:12px}.dp-bc-lookup-help{margin:-4px 0 14px;color:#848484;font-size:12px;line-height:1.55}.dp-lookup-proposals{display:flex;flex-wrap:wrap;gap:6px 8px;margin-top:10px}.dp-lookup-proposals strong{width:100%;font-size:11px;color:#f06400}.dp-lookup-proposals span{padding:5px 8px;border-radius:999px;background:#fffaf7;color:#f06400;font-size:10px;font-weight:750} /* Les catégories n'exigent plus d'image : un visuel DirectPlayer est utilisé par défaut. */ .genre-grid-v76{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}.genre-card-v76{border-radius:14px!important}.genre-card-v76 .directory-card-media{height:74px!important}.genre-card-v76 .directory-card-copy{min-height:54px!important;padding:8px 10px!important}.genre-card-v76 .directory-card-copy strong{font-size:13px!important}.genre-card-v76 .directory-card-copy small{font-size:8px!important}.genre-card-v76 .directory-card-copy>span{padding:4px 6px!important;font-size:7px!important}.genre-card-v76 .genre-symbol-v76{left:8px!important;bottom:7px!important;width:28px!important;height:28px!important;border-radius:8px!important;font-size:15px!important}.genre-default-v1028{display:flex!important;align-items:center;justify-content:center;background:linear-gradient(135deg,#fffaf7,#ece7e3)!important}.genre-default-v1028>img{position:static!important;width:68%!important;height:auto!important;max-height:48px!important;object-fit:contain!important;opacity:.58;filter:saturate(.7)} @media(max-width:1180px){.genre-grid-v76{grid-template-columns:repeat(4,minmax(0,1fr))!important}} @media(max-width:930px){.genre-grid-v76{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:720px){.genre-grid-v76{grid-template-columns:repeat(2,minmax(0,1fr))!important}.genre-card-v76 .directory-card-media{height:68px!important}.dp-lookup-create-grid{grid-template-columns:1fr 70px}} @media(max-width:440px){.genre-grid-v76{grid-template-columns:repeat(2,minmax(0,1fr))!important}.genre-card-v76 .directory-card-media{height:62px!important}.genre-card-v76 .directory-card-copy{min-height:50px!important}.genre-card-v76 .directory-card-copy small{display:none!important}} /* source:v10330.css */ /* DirectPlayer 10.3.30 — page publique idées & améliorations */ .dp10330-feature-page{max-width:1260px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:54px;align-items:start;padding-left:28px;padding-right:28px}.dp10330-feature-intro{padding:38px 0}.dp10330-feature-intro h1{font-size:clamp(42px,5.3vw,78px);line-height:.96;letter-spacing:-.055em;margin:14px 0 24px;color:#121213;max-width:720px}.dp10330-feature-intro>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#767676;max-width:590px}.dp10330-feature-points{display:grid;gap:10px;margin-top:34px}.dp10330-feature-points span{display:flex;align-items:center;gap:14px;padding:15px 18px;border:1px solid #ece7e3;border-radius:16px;background:#fff;color:#1d1d1f;font-weight:800}.dp10330-feature-points b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fffaf7;color:#ff7606;font-size:11px;letter-spacing:.08em}.dp10330-feature-card{background:#fff;border:1px solid #ece7e3;border-radius:26px;padding:30px;box-shadow:0 24px 70px rgba(18,18,18,.07)}.dp10330-feature-card form{display:grid;gap:18px}.dp10330-feature-card label{display:grid;gap:8px;color:#1d1d1f;font-weight:800;font-size:14px}.dp10330-feature-card input,.dp10330-feature-card select,.dp10330-feature-card textarea{width:100%;border:1px solid #ece7e3;background:#fffaf7;border-radius:14px;padding:14px 15px;font:inherit;color:#1d1d1f;outline:none;transition:.2s}.dp10330-feature-card textarea{resize:vertical;min-height:170px}.dp10330-feature-card input:focus,.dp10330-feature-card select:focus,.dp10330-feature-card textarea:focus{border-color:#ff7606;box-shadow:0 0 0 4px rgba(255,118,6,.1);background:#fff}.dp10330-feature-submit{justify-self:start;min-width:230px}.dp10330-feature-card .contact-confirmation{margin-bottom:20px}.dp10330-feature-card .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dp10330-feature-card .field-error{color:#c53b3b;font-weight:700}.dp10330-feature-card .contact-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important} @media(max-width:980px){.dp10330-feature-page{grid-template-columns:1fr;gap:24px}.dp10330-feature-intro{padding-bottom:0}.dp10330-feature-intro h1{max-width:none}.dp10330-feature-points{grid-template-columns:repeat(3,1fr)}.dp10330-feature-points span{align-items:flex-start;flex-direction:column}} @media(max-width:700px){.dp10330-feature-page{padding-left:16px;padding-right:16px;gap:18px}.dp10330-feature-intro{padding-top:20px}.dp10330-feature-intro h1{font-size:42px}.dp10330-feature-intro>p:not(.eyebrow){font-size:16px}.dp10330-feature-points{grid-template-columns:1fr}.dp10330-feature-points span{flex-direction:row;align-items:center}.dp10330-feature-card{padding:20px;border-radius:20px}.dp10330-feature-card .form-grid{grid-template-columns:1fr}.dp10330-feature-submit{width:100%;min-width:0}} /* source:v1029.css */ /* DirectPlayer 10.2.9 — catégories visuelles + partage mobile + couverture radio par défaut */ /* CATÉGORIES Cartes carrées, visuel de fond flouté, nom en bas à gauche. L'image studio DirectPlayer est utilisée automatiquement lorsqu'une catégorie n'a pas d'image. */ .genre-grid-v1029{ display:grid!important; grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:20px!important; } .genre-card-v1029{ display:block!important; min-width:0!important; color:#fff!important; text-decoration:none!important; border:0!important; border-radius:30px!important; background:#121213!important; box-shadow:0 12px 30px rgba(18,18,19,.10)!important; overflow:hidden!important; transform:translateZ(0); transition:transform .2s ease,box-shadow .2s ease!important; } .genre-card-v1029:hover{ transform:translateY(-3px)!important; box-shadow:0 18px 38px rgba(18,18,19,.16)!important; } .genre-card-v1029-media{ position:relative!important; display:block!important; width:100%!important; aspect-ratio:1 / 1!important; overflow:hidden!important; border-radius:inherit!important; isolation:isolate!important; background:#121213!important; } .genre-card-v1029-media>img{ position:absolute!important; inset:-8%!important; width:116%!important; height:116%!important; max-width:none!important; object-fit:cover!important; transform:scale(1.04)!important; filter:blur(9px) saturate(.86) contrast(.98) brightness(.74)!important; z-index:0!important; } .genre-card-v1029-color{ position:absolute!important; inset:0!important; z-index:1!important; background:var(--genre-color,#f06400)!important; opacity:.22!important; pointer-events:none!important; } .genre-card-v1029-shade{ position:absolute!important; inset:0!important; z-index:2!important; background: radial-gradient(circle at 72% 13%,rgba(255,255,255,.24),transparent 35%), linear-gradient(180deg,rgba(18,18,19,.04) 20%,rgba(18,18,19,.18) 55%,rgba(18,18,19,.78) 100%)!important; pointer-events:none!important; } .genre-card-v1029 strong{ position:absolute!important; left:30px!important; right:24px!important; bottom:28px!important; z-index:3!important; display:block!important; color:#fff!important; font-size:clamp(18px,1.45vw,27px)!important; line-height:1.05!important; font-weight:800!important; letter-spacing:-.025em!important; white-space:normal!important; text-shadow:0 2px 16px rgba(0,0,0,.30)!important; } /* PARTAGE DU PLAYER MOBILE iOS/Android utilisent navigator.share via app.js. Ce panneau reste un fallback sûr. */ @media(max-width:720px){ .dp-player-reference .player-share-menu, .dp-player-v69 .player-share-menu{ position:fixed!important; left:12px!important; right:12px!important; bottom:calc(90px + env(safe-area-inset-bottom,0px))!important; width:auto!important; max-width:none!important; box-sizing:border-box!important; transform:none!important; z-index:100000!important; } } @media(max-width:1280px){.genre-grid-v1029{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important}} @media(max-width:1080px){.genre-grid-v1029{grid-template-columns:repeat(4,minmax(0,1fr))!important}} @media(max-width:820px){.genre-grid-v1029{grid-template-columns:repeat(3,minmax(0,1fr))!important}.genre-card-v1029{border-radius:24px!important}.genre-card-v1029 strong{left:20px!important;right:18px!important;bottom:20px!important;font-size:20px!important}} @media(max-width:600px){.directory-list-section-v1029{padding-left:16px!important;padding-right:16px!important}.genre-grid-v1029{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.genre-card-v1029{border-radius:20px!important}.genre-card-v1029 strong{left:15px!important;right:13px!important;bottom:15px!important;font-size:16px!important}.genre-card-v1029-media>img{filter:blur(7px) saturate(.86) brightness(.74)!important}} /* source:v1030.css */ /* DirectPlayer 10.3.0 — catégories légèrement plus compactes */ @media(min-width:1481px){.genre-grid-v1029{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:16px!important}.genre-card-v1029{border-radius:24px!important}.genre-card-v1029 strong{left:22px!important;right:18px!important;bottom:21px!important;font-size:clamp(17px,1.15vw,23px)!important}} @media(min-width:1181px) and (max-width:1480px){.genre-grid-v1029{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:15px!important}.genre-card-v1029{border-radius:24px!important}.genre-card-v1029 strong{left:21px!important;right:17px!important;bottom:20px!important;font-size:20px!important}} /* source:v1034.css */ /* DirectPlayer 10.3.4 — audience réelle + noms en majuscules + catégories plus lisibles */ /* * NOMS PUBLICS * Les données restent telles qu'elles ont été saisies en base. La majuscule est * imposée uniquement à l'affichage public afin de conserver des données propres. */ .station-card-body h3 a, .station-card-body p, .radio-page-copy h1, .radio-page-copy .station-place, .radio-page-copy .station-tags a, .radio-page-copy .station-tags span, .dp-player .player-name, .dp-player .player-location, .suggestions a strong, .suggestions a small, .genre-card-v1029 strong, .dp101-country-card strong, .dp101-text-card strong, .dp101-text-card > div > small, .podcast-card h2 a, .podcast-card h3 a, .podcast-card > p, .podcast-hero h1, .radio-description-card h2, .station-podcasts-section h2, .search-podcast-list strong, .search-podcast-list small, .profile-card .compact-list strong, .profile-card .compact-list small, .profile-card .history-table strong, .profile-card .history-table span { text-transform:uppercase!important; } /* Localisation détaillée d'une fiche radio : ville, région et pays uniquement. */ .radio-contact-location strong, .radio-contact-location strong a { text-transform:uppercase!important; } /* Les noms visibles dans les filtres suivent la même présentation. */ .filters-v76 select, .search-country-v76 select { text-transform:uppercase!important; } /* * CATÉGORIES * Le flou précédent masquait trop le visuel. On garde juste un très léger * adoucissement afin de préserver la lisibilité du titre sans perdre l'image. */ .genre-card-v1029-media>img { inset:-2%!important; width:104%!important; height:104%!important; transform:scale(1.015)!important; filter:blur(2px) saturate(.96) contrast(1.01) brightness(.86)!important; } .genre-card-v1029-color { opacity:.11!important; } .genre-card-v1029-shade { background: radial-gradient(circle at 72% 13%,rgba(255,255,255,.15),transparent 38%), linear-gradient(180deg,rgba(18,18,19,0) 22%,rgba(18,18,19,.08) 58%,rgba(18,18,19,.64) 100%)!important; } @media(max-width:600px){ .genre-card-v1029-media>img{ filter:blur(1.5px) saturate(.96) contrast(1.01) brightness(.86)!important; } } /* source:v1036.css */ /* DirectPlayer V10.3.6 — catégories nettes */ .genre-card-v1029-media>img{filter:blur(.4px) saturate(.96) brightness(.94)!important;transform:scale(1.012)!important}.genre-card-v1029-color{opacity:.05!important}.genre-card-v1029-shade{background:linear-gradient(180deg,rgba(18,18,19,.01) 20%,rgba(18,18,19,.46) 100%)!important} @media(max-width:600px){.genre-card-v1029-media>img{filter:blur(.25px) saturate(.98) brightness(.95)!important}} /* source:v1037.css */ /* DirectPlayer 10.3.7 — catégories & localisations 2027 */ .dp1037-directory-shell{ --dp1037-ink:#121213; --dp1037-blue:#ff7606; --dp1037-blue-soft:#fffaf7; --dp1037-line:#ece7e3; --dp1037-muted:#868686; --dp1037-panel:#fffaf7; max-width:1440px; margin:0 auto; padding:34px clamp(18px,3.4vw,52px) 78px; } .dp1037-directory-shell *{box-sizing:border-box} .dp1037-directory-hero{ position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr); align-items:center; gap:42px; min-height:270px; padding:46px clamp(26px,4vw,58px); border:1px solid #ece7e3; border-radius:30px; background: radial-gradient(circle at 87% 15%,rgba(255,118,6,.14),transparent 28%), linear-gradient(135deg,#fff 0%,#fffaf7 60%,#fffaf7 100%); box-shadow:0 20px 55px rgba(18,18,18,.055); } .dp1037-directory-hero:before{ content:""; position:absolute; width:300px; height:300px; right:-145px; bottom:-190px; border-radius:50%; border:50px solid rgba(255,118,6,.045); } .dp1037-directory-hero-copy{position:relative;z-index:2;min-width:0} .dp1037-directory-hero .eyebrow,.dp1037-section-heading .eyebrow{ margin:0 0 12px; color:#f06400; font-size:11px; font-weight:900; letter-spacing:.18em; line-height:1.2; } .dp1037-directory-hero h1{ max-width:900px; margin:0; color:var(--dp1037-ink); font-size:clamp(43px,5.1vw,72px); font-weight:900; line-height:.94; letter-spacing:-.055em; } .dp1037-directory-hero-copy>p:last-of-type{ max-width:690px; margin:18px 0 0; color:#7d7d7d; font-size:14px; line-height:1.65; } .dp1037-hero-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px} .dp1037-hero-pills span{ display:inline-flex; align-items:center; gap:7px; min-height:34px; padding:0 13px; border:1px solid #ece7e3; border-radius:999px; background:rgba(255,255,255,.82); color:#7e7e7e; font-size:9px; font-weight:850; letter-spacing:.065em; backdrop-filter:blur(8px); } .dp1037-hero-pills b{color:#f06400;font-size:12px} /* Catégories */ .dp1037-genre-hero-mark{ position:relative; z-index:2; justify-self:end; width:min(100%,340px); aspect-ratio:1.38/1; display:flex; flex-direction:column; justify-content:flex-end; padding:26px; border:1px solid rgba(18,18,18,.12); border-radius:28px; background:linear-gradient(145deg,#1d1d1f,#121213); box-shadow:0 22px 48px rgba(18,18,19,.17); color:#fff; } .dp1037-genre-hero-mark:before{ content:""; position:absolute; inset:0; border-radius:inherit; background:radial-gradient(circle at 78% 17%,rgba(255,121,0,.42),transparent 27%); pointer-events:none; } .dp1037-genre-hero-mark strong{ position:relative; z-index:2; font-size:27px; line-height:.85; letter-spacing:-.06em; } .dp1037-signal-dot{ position:absolute; top:28px; right:29px; width:11px; height:11px; border-radius:50%; background:#ff7606; box-shadow:0 0 0 7px rgba(255,121,0,.13),0 0 24px rgba(255,121,0,.75); } .dp1037-signal-lines{ position:absolute; left:27px; right:70px; top:40px; height:74px; display:flex; align-items:center; gap:7px; opacity:.86; } .dp1037-signal-lines i{ flex:1; max-width:8px; border-radius:9px; background:linear-gradient(180deg,#ff9a3a,#fffaf7); } .dp1037-signal-lines i:nth-child(1),.dp1037-signal-lines i:nth-child(7){height:22px} .dp1037-signal-lines i:nth-child(2),.dp1037-signal-lines i:nth-child(6){height:42px} .dp1037-signal-lines i:nth-child(3),.dp1037-signal-lines i:nth-child(5){height:64px} .dp1037-signal-lines i:nth-child(4){height:78px} .dp1037-directory-section{padding-top:42px} .dp1037-section-heading{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:20px; } .dp1037-section-heading h2{ margin:0; color:var(--dp1037-ink); font-size:clamp(26px,2.6vw,38px); line-height:1.02; letter-spacing:-.04em; } .dp1037-section-count{ display:inline-flex; align-items:center; min-height:36px; padding:0 13px; border:1px solid var(--dp1037-line); border-radius:11px; color:#808080; font-size:9px; font-weight:900; letter-spacing:.08em; } .dp1037-genre-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; } .dp1037-genre-card{ position:relative; overflow:hidden; min-width:0; aspect-ratio:1.38/1; border:1px solid rgba(18,18,19,.09); border-radius:24px; background:#1d1d1f; color:#fff; text-decoration:none; box-shadow:0 12px 30px rgba(18,18,19,.09); isolation:isolate; transform:translateZ(0); transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; } .dp1037-genre-card:hover{ transform:translateY(-4px); border-color:rgba(255,118,6,.24); box-shadow:0 20px 42px rgba(18,18,19,.15); } .dp1037-genre-media,.dp1037-genre-media img,.dp1037-genre-overlay{position:absolute;inset:0} .dp1037-genre-media img{ display:block; width:100%; height:100%; object-fit:cover; filter:none!important; transform:scale(1.001)!important; transition:transform .45s ease; } .dp1037-genre-card:hover .dp1037-genre-media img{transform:scale(1.045)!important} .dp1037-genre-overlay{ z-index:1; background: linear-gradient(180deg,rgba(18,18,19,.08) 0%,rgba(18,18,19,.04) 34%,rgba(18,18,19,.77) 100%), linear-gradient(90deg,rgba(18,18,19,.18),transparent 58%); } .dp1037-genre-topline{ position:absolute; z-index:2; top:16px; left:16px; right:16px; display:flex; align-items:center; justify-content:space-between; gap:12px; } .dp1037-genre-topline small{ display:inline-flex; align-items:center; min-height:29px; padding:0 10px; border:1px solid rgba(255,255,255,.3); border-radius:999px; background:rgba(18,18,19,.28); color:#fff; font-size:8px; font-weight:900; letter-spacing:.09em; backdrop-filter:blur(10px); } .dp1037-genre-topline i{ display:grid; place-items:center; width:34px; height:34px; border:1px solid rgba(255,255,255,.34); border-radius:50%; background:rgba(255,255,255,.14); backdrop-filter:blur(10px); transition:background .2s ease,transform .2s ease; } .dp1037-genre-topline svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .dp1037-genre-card:hover .dp1037-genre-topline i{background:#fff;transform:translate(1px,-1px)} .dp1037-genre-card:hover .dp1037-genre-topline svg{stroke:#f06400} .dp1037-genre-copy{ position:absolute; z-index:2; left:18px; right:18px; bottom:18px; } .dp1037-genre-copy small{ display:block; margin-bottom:5px; color:rgba(255,255,255,.72); font-size:8px; font-weight:850; letter-spacing:.14em; } .dp1037-genre-copy strong{ display:block; color:#fff; font-size:clamp(19px,1.6vw,26px); font-weight:900; line-height:1.03; letter-spacing:-.035em; text-transform:uppercase; text-shadow:0 3px 16px rgba(0,0,0,.25); } /* Localisations */ .dp1037-location-hero{grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr)} .dp1037-location-hero-stats{ position:relative; z-index:2; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; align-self:stretch; } .dp1037-location-hero-stats span{ display:flex; flex-direction:column; justify-content:flex-end; min-width:0; padding:20px 16px; border:1px solid rgba(18,18,18,.12); border-radius:20px; background:rgba(255,255,255,.74); box-shadow:0 12px 30px rgba(18,18,18,.05); backdrop-filter:blur(10px); } .dp1037-location-hero-stats span:nth-child(2){transform:translateY(14px)} .dp1037-location-hero-stats small{color:#828282;font-size:8px;font-weight:900;letter-spacing:.12em} .dp1037-location-hero-stats strong{margin-top:7px;color:#1d1d1f;font-size:36px;line-height:1;letter-spacing:-.05em} .dp1037-location-levels-section{padding-top:34px} .dp1037-location-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .dp1037-location-level-card{ display:grid; grid-template-columns:48px minmax(0,1fr) auto; align-items:center; gap:15px; min-height:126px; padding:18px; border:1px solid var(--dp1037-line); border-radius:20px; background:#fff; color:var(--dp1037-ink); text-decoration:none; box-shadow:0 9px 26px rgba(18,18,18,.045); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; } .dp1037-location-level-card:hover{transform:translateY(-3px);border-color:#ff9a3a;box-shadow:0 16px 34px rgba(18,18,18,.09)} .dp1037-location-level-icon{ display:grid; place-items:center; width:48px; height:48px; border-radius:15px; background:#fffaf7; color:#f06400; } .dp1037-location-level-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} .dp1037-location-level-copy{min-width:0} .dp1037-location-level-copy small{display:block;color:#8e8e8e;font-size:8px;font-weight:900;letter-spacing:.12em} .dp1037-location-level-copy strong{display:block;margin:5px 0 4px;color:#1d1d1f;font-size:17px;line-height:1} .dp1037-location-level-copy em{display:block;color:#888888;font-size:10px;font-style:normal;line-height:1.35} .dp1037-location-level-meta{display:flex;align-items:center;gap:10px} .dp1037-location-level-meta b{color:#1d1d1f;font-size:24px;letter-spacing:-.04em} .dp1037-location-level-meta i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fffaf7;color:#f06400;font-size:14px;font-style:normal} .dp1037-location-panel{padding-top:50px} .dp1037-section-heading-row{align-items:center} .dp1037-text-link{display:inline-flex;align-items:center;gap:8px;color:#f06400;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:.05em;white-space:nowrap} .dp1037-text-link span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fffaf7;font-size:13px} .dp1037-country-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .dp1037-country-card{ display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:13px; min-height:96px; padding:16px; border:1px solid var(--dp1037-line); border-radius:18px; background:#fff; color:var(--dp1037-ink); text-decoration:none; box-shadow:0 7px 20px rgba(18,18,18,.035); transition:.2s ease; } .dp1037-country-card:hover{border-color:#ff9a3a;box-shadow:0 14px 29px rgba(18,18,18,.075);transform:translateY(-2px)} .dp1037-country-flag{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fffaf7;border:1px solid #ece7e3;overflow:hidden} .dp1037-country-flag .dp101-country-flag,.dp1037-country-flag .dp-country-flag{width:30px!important;min-width:30px!important;height:24px!important} .dp1037-country-flag .dp101-country-flag img,.dp1037-country-flag .dp-country-flag img{width:28px!important;height:21px!important} .dp1037-country-copy{min-width:0} .dp1037-country-copy small,.dp1037-place-head i{display:block;color:#929292;font-size:7px;font-weight:900;font-style:normal;letter-spacing:.12em} .dp1037-country-copy strong{display:block;margin:4px 0;color:#1d1d1f;font-size:15px;line-height:1.08;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .dp1037-country-copy em{display:block;color:#8e8e8e;font-size:8px;font-style:normal;line-height:1.35} .dp1037-card-arrow{color:#9f9f9f;font-size:18px;transition:transform .2s ease,color .2s ease} .dp1037-country-card:hover .dp1037-card-arrow{color:#f06400;transform:translateX(3px)} .dp1037-place-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .dp1037-place-card{ display:flex; min-height:126px; flex-direction:column; justify-content:space-between; gap:13px; padding:18px; border:1px solid var(--dp1037-line); border-radius:18px; background:linear-gradient(145deg,#fff,#fffaf7); color:var(--dp1037-ink); text-decoration:none; transition:.2s ease; } .dp1037-place-card:hover{transform:translateY(-2px);border-color:#ff9a3a;box-shadow:0 13px 28px rgba(18,18,18,.065)} .dp1037-place-head{display:flex;align-items:center;justify-content:space-between;gap:12px} .dp1037-place-head small{min-width:0;color:#888888;font-size:8px;font-weight:800;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .dp1037-place-head i{flex:none;padding:5px 7px;border-radius:7px;background:#fffaf7;color:#f06400} .dp1037-place-card>strong{color:#1d1d1f;font-size:19px;line-height:1.05;text-transform:uppercase} .dp1037-place-meta{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;color:#888888;font-size:8px} .dp1037-place-meta b{color:#f06400;font-size:8px}.dp1037-place-meta em{font-style:normal}.dp1037-place-meta i{font-style:normal;color:#f06400;font-size:15px} .dp1037-city-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .dp1037-city-card{ display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:11px; min-height:78px; padding:13px 14px; border:1px solid var(--dp1037-line); border-radius:16px; background:#fff; color:var(--dp1037-ink); text-decoration:none; transition:.18s ease; } .dp1037-city-card:hover{border-color:#ff9a3a;background:#fffaf7;transform:translateY(-1px)} .dp1037-city-pin{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#fffaf7;color:#f06400} .dp1037-city-pin svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .dp1037-city-copy{min-width:0}.dp1037-city-copy small{display:block;color:#929292;font-size:7px;font-weight:750;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp1037-city-copy strong{display:block;margin-top:3px;color:#1d1d1f;font-size:13px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp1037-city-count{color:#858585;font-size:7px;font-weight:900;white-space:nowrap} @media(max-width:1180px){ .dp1037-directory-shell{padding-top:28px} .dp1037-directory-hero{grid-template-columns:minmax(0,1.35fr) minmax(235px,.65fr);gap:28px;padding:38px} .dp1037-genre-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .dp1037-country-grid,.dp1037-city-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .dp1037-location-level-card{grid-template-columns:42px minmax(0,1fr) auto;padding:15px;gap:12px} .dp1037-location-level-icon{width:42px;height:42px} } @media(max-width:900px){ .dp1037-directory-shell{padding-left:18px;padding-right:18px} .dp1037-directory-hero{grid-template-columns:1fr;min-height:0;gap:28px;padding:32px;border-radius:24px} .dp1037-genre-hero-mark{justify-self:stretch;width:100%;height:150px;aspect-ratio:auto} .dp1037-signal-lines{right:52%;height:52px}.dp1037-signal-lines i:nth-child(4){height:58px} .dp1037-location-hero-stats{min-height:120px}.dp1037-location-hero-stats span:nth-child(2){transform:none} .dp1037-location-levels{grid-template-columns:1fr} .dp1037-location-level-card{min-height:94px} .dp1037-country-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .dp1037-place-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .dp1037-city-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:700px){ .dp1037-directory-shell{padding-top:18px;padding-bottom:62px} .dp1037-directory-hero{padding:27px 22px;border-radius:21px} .dp1037-directory-hero h1{font-size:clamp(37px,10vw,54px)} .dp1037-directory-hero-copy>p:last-of-type{font-size:12px;margin-top:14px} .dp1037-hero-pills{margin-top:19px} .dp1037-genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .dp1037-genre-card{aspect-ratio:1.18/1;border-radius:19px} .dp1037-genre-topline{top:12px;left:12px;right:12px}.dp1037-genre-topline small{min-height:26px;padding:0 8px;font-size:7px}.dp1037-genre-topline i{width:29px;height:29px}.dp1037-genre-copy{left:14px;right:14px;bottom:14px}.dp1037-genre-copy strong{font-size:18px} .dp1037-directory-section{padding-top:32px}.dp1037-location-panel{padding-top:40px} .dp1037-section-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:16px}.dp1037-section-heading-row{align-items:flex-start}.dp1037-section-count{min-height:31px} .dp1037-location-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-width:0}.dp1037-location-hero-stats span{min-width:0;padding:13px 9px;border-radius:15px}.dp1037-location-hero-stats strong{font-size:26px}.dp1037-location-hero-stats small{font-size:6.5px} .dp1037-country-grid,.dp1037-place-grid,.dp1037-city-grid{grid-template-columns:1fr} .dp1037-country-card{min-height:82px;padding:13px;border-radius:15px} .dp1037-place-card{min-height:108px;padding:15px} .dp1037-city-card{min-height:70px} .dp1037-text-link{white-space:normal} } @media(max-width:500px){ .dp1037-directory-shell{padding-left:14px;padding-right:14px} .dp1037-directory-hero{padding:24px 18px} .dp1037-hero-pills{gap:6px}.dp1037-hero-pills span{min-height:30px;padding:0 10px;font-size:7.5px}.dp1037-hero-pills b{font-size:10px} .dp1037-genre-hero-mark{height:128px;padding:20px;border-radius:19px}.dp1037-genre-hero-mark strong{font-size:22px}.dp1037-signal-lines{left:20px;top:24px;right:49%;height:43px}.dp1037-signal-dot{top:21px;right:22px} .dp1037-genre-grid{grid-template-columns:1fr} .dp1037-genre-card{aspect-ratio:1.7/1}.dp1037-genre-copy strong{font-size:21px} .dp1037-location-level-card{grid-template-columns:38px minmax(0,1fr) auto;gap:10px;min-height:88px;padding:13px}.dp1037-location-level-icon{width:38px;height:38px;border-radius:12px}.dp1037-location-level-icon svg{width:20px;height:20px}.dp1037-location-level-copy em{font-size:9px}.dp1037-location-level-meta b{font-size:20px}.dp1037-location-level-meta i{display:none} .dp1037-location-hero-stats{gap:5px}.dp1037-location-hero-stats span{padding:12px 6px}.dp1037-location-hero-stats strong{font-size:23px} .dp1037-city-card{grid-template-columns:32px minmax(0,1fr)}.dp1037-city-count{grid-column:2;justify-self:start;margin-top:-7px}.dp1037-city-pin{grid-row:1/3} } /* source:v1038.css */ /* DirectPlayer 10.3.8 — suppression des grands bandeaux catégories/localisations */ .dp1038-no-hero{ padding-top:22px; } .dp1038-no-hero > .dp1037-directory-section:first-of-type{ padding-top:0; } @media(max-width:980px){ .dp1038-no-hero{padding-top:18px} } @media(max-width:640px){ .dp1038-no-hero{padding-top:14px} } /* source:v10315.css */ /* DirectPlayer 10.3.15 — password reset */ .dp-forgot-row{display:flex;justify-content:flex-end;margin:-3px 0 14px}.dp-forgot-row a{font-size:13px;font-weight:800;color:#f06400;text-decoration:none}.dp-forgot-row a:hover{text-decoration:underline}.dp-reset-card{max-width:540px}.dp-reset-card .auth-submit{width:100%;text-align:center;justify-content:center}.dp-reset-card .auth-switch{text-align:center;margin-top:18px}.dp-reset-card .auth-switch a{font-weight:800;color:#1d1d1f;text-decoration:none}.dp-reset-anchor{display:flex!important;text-decoration:none;justify-content:center;align-items:center}.dp-forgot-row-broadcaster{margin:-6px 0 14px}.dp-forgot-row-broadcaster a{color:#ff7606}.dp-broadcaster-reset-card{max-width:530px} @media(max-width:720px){.dp-reset-page{padding:22px 16px}.dp-reset-card{width:100%;max-width:none}.dp-forgot-row{margin-top:0}.dp-broadcaster-reset-card{max-width:none}.dp-forgot-row a{font-size:12px}} /* source:v10331.css */ /* DirectPlayer 10.3.31 — revendication radio */ .dp10331-claim-link{white-space:nowrap} .dp10331-claim-shell{max-width:1240px;margin:0 auto;padding:42px 24px 100px;display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:28px;align-items:start} .dp10331-claim-intro,.dp10331-claim-form{border:1px solid #ece7e3;border-radius:24px;background:#fff} .dp10331-claim-intro{padding:26px;position:sticky;top:96px}.dp10331-claim-back{display:inline-flex;margin-bottom:24px;color:#f06400;font-weight:800;text-decoration:none}.dp10331-claim-station{display:flex;gap:18px;align-items:center}.dp10331-claim-station>span{width:88px;height:88px;border-radius:22px;overflow:hidden;display:grid;place-items:center;background:#fffaf7}.dp10331-claim-station img,.dp10331-claim-station .station-logo{width:100%;height:100%;object-fit:cover}.dp10331-claim-station small{display:block;color:#787878;font-size:11px;font-weight:900;letter-spacing:.16em}.dp10331-claim-station h1{margin:5px 0 3px;font-size:30px;line-height:1.05;color:#1d1d1f}.dp10331-claim-station p{margin:0;color:#858585}.dp10331-claim-trust{margin-top:24px;padding:18px;border-radius:16px;background:#fffaf7;color:#f06400}.dp10331-claim-trust strong{display:block;color:#1d1d1f;margin-bottom:6px}.dp10331-claim-trust p{margin:0;line-height:1.6}.dp10331-claim-form{padding:30px}.dp10331-claim-heading h2{margin:4px 0 8px;font-size:30px;color:#1d1d1f}.dp10331-claim-heading>p:last-child{color:#808080;margin:0 0 24px}.dp10331-claim-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dp10331-claim-grid label{display:grid;gap:7px;color:#1d1d1f;font-size:13px;font-weight:800}.dp10331-claim-grid label.wide{grid-column:1/-1}.dp10331-claim-grid input,.dp10331-claim-grid textarea{width:100%;box-sizing:border-box;border:1px solid #ece7e3;border-radius:12px;padding:13px 14px;font:inherit;color:#1d1d1f;background:#fff}.dp10331-claim-grid textarea{resize:vertical;min-height:110px}.dp10331-claim-grid .error{color:#b42318}.dp10331-claim-account{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0;padding:16px;border-radius:14px;background:#fffaf7;color:#747474}.dp10331-claim-account strong{color:#1d1d1f}.dp10331-claim-account a{margin-left:auto;color:#f06400;font-weight:900}.dp10331-claim-form>.button{margin-top:22px}.dp-hp{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important} @media(max-width:850px){.dp10331-claim-shell{grid-template-columns:1fr;padding:24px 16px 80px}.dp10331-claim-intro{position:static}.dp10331-claim-grid{grid-template-columns:1fr}.dp10331-claim-grid label.wide{grid-column:auto}} @media(max-width:520px){.dp10331-claim-station{align-items:flex-start}.dp10331-claim-station>span{width:68px;height:68px;border-radius:18px}.dp10331-claim-station h1{font-size:24px}.dp10331-claim-form,.dp10331-claim-intro{padding:20px;border-radius:20px}.dp10331-claim-account a{width:100%;margin-left:0}} /* V10.3.35 — page publique Améliorer DirectPlayer, version sobre */ .dp10333-feature-shell{width:min(1120px,calc(100% - 48px));margin:58px auto 96px;color:#121213} .dp10333-feature-top{display:grid;gap:10px;margin-bottom:24px} .dp10333-feature-top>span{color:#f06400;font-size:10px;font-weight:900;letter-spacing:.14em} .dp10333-feature-top h1{margin:0;color:#121213;font-size:clamp(34px,4.8vw,52px);font-weight:800;line-height:1.04;letter-spacing:-.04em} .dp10333-feature-top p{max-width:760px;margin:0;color:#727272;font-size:16px;line-height:1.7} .dp10333-feature-success{display:grid;gap:4px;margin:24px 0 0;padding:17px 20px;border-left:3px solid #2f8450;background:#f3f8f5;color:#245f3a} .dp10333-feature-success strong{font-size:14px}.dp10333-feature-success span{color:#607667;font-size:13px} .dp10333-feature-form{margin-top:22px;padding:34px 36px 30px;border:1px solid #e8e8e8;border-radius:16px;background:#fff} .dp10333-feature-form-head{display:block;margin-bottom:30px;padding-bottom:24px;border-bottom:1px solid #fafafa} .dp10333-feature-form-head>div>span{color:#f06400;font-size:10px;font-weight:900;letter-spacing:.14em} .dp10333-feature-form-head h2{margin:9px 0 8px;color:#121213;font-size:30px;font-weight:800;line-height:1.12;letter-spacing:-.025em} .dp10333-feature-form-head>div>p{max-width:690px;margin:0;color:#6c7987;font-size:14px;line-height:1.65} .dp10333-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px} .dp10333-feature-grid label{display:flex;flex-direction:column;gap:8px} .dp10333-feature-grid label.wide{grid-column:1/-1} .dp10333-feature-grid label>span{color:#1d1d1f;font-size:12px;font-weight:800} .dp10333-feature-grid label>span em{margin-left:4px;color:#98a2ad;font-size:10px;font-style:normal;font-weight:700} .dp10333-feature-grid input,.dp10333-feature-grid select,.dp10333-feature-grid textarea{width:100%;box-sizing:border-box;border:1px solid #e8e8e8;border-radius:9px;background:#fff;color:#121213;font:inherit;outline:none;transition:border-color .16s,box-shadow .16s} .dp10333-feature-grid input,.dp10333-feature-grid select{height:48px;padding:0 13px} .dp10333-feature-grid textarea{min-height:166px;padding:13px;resize:vertical;line-height:1.55} .dp10333-feature-grid input::placeholder,.dp10333-feature-grid textarea::placeholder{color:#a4adb6} .dp10333-feature-grid input:focus,.dp10333-feature-grid select:focus,.dp10333-feature-grid textarea:focus{border-color:#ff7606;box-shadow:0 0 0 3px rgba(240,100,0,.08)} .dp10333-feature-grid .error{color:#b3261e;font-size:11px;font-weight:700} .dp10333-feature-submit{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding-top:24px;border-top:1px solid #fafafa} .dp10333-feature-submit p{margin:0;color:#7a8793;font-size:12px} .dp10333-feature-submit .button{min-width:210px;min-height:46px;justify-content:center;border-radius:9px;font-weight:800} .dp-hp{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important} @media(max-width:900px){.dp10333-feature-top{margin-bottom:20px}} @media(max-width:700px){.dp10333-feature-shell{width:min(100% - 28px,1120px);margin:28px auto 68px}.dp10333-feature-top{gap:8px;margin-bottom:16px}.dp10333-feature-top h1{font-size:34px}.dp10333-feature-top p{font-size:15px}.dp10333-feature-form{margin-top:18px;padding:25px 18px 22px;border-radius:12px}.dp10333-feature-form-head{margin-bottom:24px;padding-bottom:22px}.dp10333-feature-form-head h2{font-size:25px}.dp10333-feature-grid{grid-template-columns:1fr;gap:17px}.dp10333-feature-grid label.wide{grid-column:auto}.dp10333-feature-submit{align-items:stretch;flex-direction:column}.dp10333-feature-submit .button{width:100%}} /* source:v10338.css */ /* DirectPlayer V10.3.38 — annuaire radios + page partenaires */ /* Annuaire radios : compteur KPI supprimé, bandeau plus sobre. */ .radios-index-hero-v76{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"copy"!important} .radios-index-hero-v76:before{display:none!important} .radios-index-count-v76{display:none!important} .radios-index-copy-v76{max-width:900px!important} /* Page partenaires : cartes blanches encadrées, logos mis en avant. */ .dp10338-partners-page{width:min(1180px,calc(100% - 48px));margin:58px auto 108px;color:#121213} .dp10338-partners-head{max-width:780px;margin:0 auto;text-align:center;padding:0 0 8px} .dp10338-partners-head>p{margin:0 0 12px;color:#f06400;font-size:10px;font-weight:900;letter-spacing:.18em} .dp10338-partners-head h1{margin:0;color:#121213;font-size:clamp(38px,5vw,60px);font-weight:850;line-height:1.03;letter-spacing:-.045em} .dp10338-partners-head>div{max-width:680px;margin:18px auto 0;color:#787878;font-size:16px;line-height:1.72} .dp10338-partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,360px));justify-content:center;gap:28px;margin-top:52px;align-items:stretch} .dp10338-partner{min-width:0;display:flex;flex-direction:column;padding:24px 24px 22px;border:1px solid #ece7e3;border-radius:24px;background:#fff;box-shadow:0 10px 30px rgba(18,18,19,.04);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;text-align:left} .dp10338-partner:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(18,18,19,.08);border-color:#ece7e3} .dp10338-partner.is-featured{border-color:#ece7e3;box-shadow:0 12px 32px rgba(18,18,19,.06)} .dp10338-partner-logo{height:170px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:22px;padding:18px;border:1px solid #fffaf7;border-radius:18px;background:#fffaf7} .dp10338-partner-logo img{display:block;max-width:min(260px,92%);max-height:118px;width:auto;height:auto;object-fit:contain;object-position:center} .dp10338-partner.is-featured .dp10338-partner-logo img{max-height:124px} .dp10338-partner-logo span{display:grid;place-items:center;width:98px;height:98px;border:1px solid #ece7e3;border-radius:18px;color:#f06400;font-size:26px;font-weight:900;background:#fffaf7} .dp10338-partner-copy{display:flex;flex-direction:column;flex:1;max-width:none;margin:0} .dp10338-partner-copy small{display:block;margin-bottom:8px;color:#818181;font-size:9px;font-weight:900;letter-spacing:.13em} .dp10338-partner-copy h2{margin:0;color:#121213;font-size:22px;line-height:1.18;letter-spacing:-.02em} .dp10338-partner-copy p{margin:12px 0 0;color:#758391;font-size:14px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden} .dp10338-partner-copy a{display:inline-flex;gap:7px;align-items:center;margin-top:auto;padding-top:18px;color:#f06400;font-size:12px;font-weight:850;text-decoration:none} .dp10338-partner-copy a:hover{text-decoration:underline} .dp10338-partners-empty{max-width:620px;margin:48px auto 0;padding:28px 0;border-top:1px solid #fafafa;text-align:center;color:#748391} @media(max-width:900px){ .dp10338-partners-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} } @media(max-width:620px){ .dp10338-partners-page{width:min(100% - 28px,1180px);margin:34px auto 80px} .dp10338-partners-head h1{font-size:38px} .dp10338-partners-head>div{font-size:14px} .dp10338-partners-grid{grid-template-columns:1fr;gap:20px;margin-top:36px} .dp10338-partner{padding:20px 18px 18px;border-radius:20px} .dp10338-partner-logo{height:132px;margin-bottom:16px;padding:14px;border-radius:16px} .dp10338-partner-logo img,.dp10338-partner.is-featured .dp10338-partner-logo img{max-width:min(250px,88%);max-height:96px} .dp10338-partner-copy h2{font-size:20px} .dp10338-partner-copy p{font-size:13px} } /* source:v10342.css */ /* DirectPlayer V10.3.42 — Top 100 */ .dp10342-top-page{width:min(1180px,calc(100% - 48px));margin:58px auto 108px;color:#121213} .dp10342-top-head{max-width:820px;margin:0 auto;text-align:center} .dp10342-top-head>p{margin:0 0 12px;color:#f06400;font-size:10px;font-weight:900;letter-spacing:.18em} .dp10342-top-head h1{margin:0;color:#121213;font-size:clamp(40px,5vw,62px);font-weight:850;line-height:1.02;letter-spacing:-.045em} .dp10342-top-head>div{max-width:720px;margin:17px auto 0;color:#787878;font-size:16px;line-height:1.7} .dp10342-top-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:20px;margin:46px 0 18px;padding-bottom:18px;border-bottom:1px solid #fafafa} .dp10342-top-tabs{display:flex;gap:6px;padding:4px;border:1px solid #ece7e3;border-radius:12px;background:#fffaf7} .dp10342-top-tabs a{padding:9px 14px;border-radius:8px;color:#747474;font-size:12px;font-weight:850;text-decoration:none} .dp10342-top-tabs a.active{background:#fff;color:#1d1d1f;box-shadow:0 1px 4px rgba(18,18,19,.08)} .dp10342-ranking{border:1px solid #ece7e3;border-radius:18px;background:#fff;overflow:hidden} .dp10342-ranking-labels,.dp10342-rank-row{display:grid;grid-template-columns:64px minmax(0,1fr) 50px;align-items:center;gap:12px} .dp10342-ranking-labels{padding:13px 18px;background:#fffaf7;border-bottom:1px solid #fafafa;color:#989898;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase} .dp10342-rank-row{min-height:88px;padding:10px 18px;border-bottom:1px solid #fafafa} .dp10342-rank-row:last-child{border-bottom:0} .dp10342-rank-row:hover{background:#fffaf7} .dp10342-rank-number{display:flex;align-items:center;justify-content:center} .dp10342-rank-number strong{color:#868686;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums} .dp10342-rank-row.is-podium .dp10342-rank-number strong{color:#1d1d1f;font-size:26px} .dp10342-rank-station{min-width:0;display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none} .dp10342-rank-logo{flex:0 0 58px;width:58px;height:58px;display:grid;place-items:center;overflow:hidden;border:1px solid #fafafa;border-radius:13px;background:#fffaf7} .dp10342-rank-logo img,.dp10342-rank-logo .station-logo{width:100%;height:100%;object-fit:cover} .dp10342-rank-copy{min-width:0;display:grid;gap:5px} .dp10342-rank-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#121213;font-size:15px;font-weight:850} .dp10342-rank-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7d8a98;font-size:11px} .dp10342-rank-play{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ece7e3;border-radius:50%;background:#fff;color:#f06400;cursor:pointer} .dp10342-rank-play:hover{background:#f06400;color:#fff;border-color:#f06400} .dp10342-rank-play svg{width:15px;height:15px} .dp10342-top-empty{display:grid;gap:6px;margin:46px auto 0;padding:36px;border:1px solid #ece7e3;border-radius:18px;text-align:center;background:#fff;color:#7c7c7c} .dp10342-top-empty strong{color:#1d1d1f;font-size:18px}.dp10342-top-empty span{font-size:13px} .dp10342-catalog-toplink{display:inline-flex;align-items:center;gap:7px;color:#f06400;font-size:12px;font-weight:850;text-decoration:none}.dp10342-catalog-toplink:hover{text-decoration:underline} .catalog-meta.dp10342-catalog-meta{display:flex;align-items:center;justify-content:space-between;gap:18px} @media(max-width:900px){.dp10342-ranking-labels{display:none}.dp10342-rank-row{grid-template-columns:48px minmax(0,1fr) 44px}.dp10342-rank-logo{flex-basis:52px;width:52px;height:52px}} @media(max-width:620px){.dp10342-top-page{width:min(100% - 28px,1180px);margin:34px auto 80px}.dp10342-top-head h1{font-size:39px}.dp10342-top-head>div{font-size:14px}.dp10342-top-toolbar{align-items:flex-start;flex-direction:column;margin-top:34px}.dp10342-top-tabs{width:100%;box-sizing:border-box}.dp10342-top-tabs a{flex:1;text-align:center}.dp10342-ranking{border-radius:14px}.dp10342-rank-row{grid-template-columns:36px minmax(0,1fr) 40px;gap:9px;min-height:78px;padding:8px 10px}.dp10342-rank-number strong{font-size:17px}.dp10342-rank-row.is-podium .dp10342-rank-number strong{font-size:21px}.dp10342-rank-logo{flex-basis:48px;width:48px;height:48px;border-radius:11px}.dp10342-rank-station{gap:10px}.dp10342-rank-copy strong{font-size:13px}.dp10342-rank-copy small{font-size:10px}.dp10342-rank-play{width:36px;height:36px}.catalog-meta.dp10342-catalog-meta{align-items:flex-start;flex-direction:column;gap:8px}} /* source:v10345.css */ /* DirectPlayer V10.3.45 — À propos */ .dp10345-about{width:min(1160px,calc(100% - 48px));margin:0 auto 110px;color:#121213} .dp10345-about-hero{max-width:940px;padding:72px 0 58px;border-bottom:1px solid #fafafa} .dp10345-about-kicker{margin:0 0 18px;color:#f06400;font-size:10px;font-weight:900;letter-spacing:.18em} .dp10345-about-hero h1{max-width:860px;margin:0;color:#121213;font-size:clamp(44px,6.4vw,78px);font-weight:850;line-height:.98;letter-spacing:-.052em} .dp10345-about-lead{max-width:760px;margin:26px 0 0;color:#747474;font-size:18px;line-height:1.75} .dp10345-about-actions{display:flex;align-items:center;gap:24px;margin-top:30px;flex-wrap:wrap}.dp10345-about-actions .button{min-height:46px;padding:0 19px;border-radius:10px}.dp10345-about-link{color:#f06400;font-size:13px;font-weight:850;text-decoration:none}.dp10345-about-link span{margin-left:5px} .dp10345-about-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #fafafa}.dp10345-about-numbers>div{padding:30px 18px 30px 0;border-right:1px solid #fafafa}.dp10345-about-numbers>div+div{padding-left:26px}.dp10345-about-numbers>div:last-child{border-right:0}.dp10345-about-numbers strong{display:block;color:#121213;font-size:31px;line-height:1}.dp10345-about-numbers span{display:block;margin-top:9px;color:#7a8793;font-size:12px} .dp10345-about-sections{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid #fafafa}.dp10345-about-section{display:grid;grid-template-columns:42px minmax(0,1fr);gap:20px;padding:44px 42px 46px 0;border-bottom:1px solid #fafafa}.dp10345-about-section:nth-child(even):not(.dp10345-about-section--wide){padding-left:42px;border-left:1px solid #fafafa}.dp10345-about-section--wide{grid-column:1/-1;grid-template-columns:42px minmax(0,760px);padding-right:0}.dp10345-about-section>span{padding-top:5px;color:#989898;font-size:10px;font-weight:900;letter-spacing:.1em}.dp10345-about-section h2{margin:0;color:#121213;font-size:26px;line-height:1.15;letter-spacing:-.025em}.dp10345-about-section p{margin:14px 0 0;color:#767676;font-size:14px;line-height:1.75}.dp10345-about-section a{display:inline-flex;margin-top:16px;color:#f06400;font-size:12px;font-weight:850;text-decoration:none}.dp10345-about-section a:hover{text-decoration:underline} .dp10345-about-bottom{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;padding:58px 0 0}.dp10345-about-bottom>div:first-child>p{margin:0 0 10px;color:#f06400;font-size:10px;font-weight:900;letter-spacing:.16em}.dp10345-about-bottom h2{margin:0;color:#121213;font-size:34px;line-height:1.12;letter-spacing:-.035em}.dp10345-about-bottom>div:last-child>p{margin:0;color:#767676;font-size:15px;line-height:1.75}.dp10345-about-bottom>div:last-child>div{display:flex;align-items:center;gap:20px;margin-top:24px;flex-wrap:wrap}.dp10345-about-bottom>div:last-child>div>a:not(.button){color:#f06400;font-size:13px;font-weight:850;text-decoration:none} @media(max-width:820px){.dp10345-about-numbers{grid-template-columns:repeat(2,1fr)}.dp10345-about-numbers>div:nth-child(2){border-right:0}.dp10345-about-numbers>div:nth-child(n+3){border-top:1px solid #fafafa}.dp10345-about-sections{grid-template-columns:1fr}.dp10345-about-section,.dp10345-about-section:nth-child(even):not(.dp10345-about-section--wide){grid-column:auto;padding:34px 0;border-left:0}.dp10345-about-bottom{grid-template-columns:1fr;gap:24px}} @media(max-width:560px){.dp10345-about{width:min(100% - 28px,1160px);margin-bottom:80px}.dp10345-about-hero{padding:38px 0 36px}.dp10345-about-hero h1{font-size:43px}.dp10345-about-lead{margin-top:20px;font-size:15px}.dp10345-about-numbers>div{padding:22px 12px 22px 0}.dp10345-about-numbers>div+div{padding-left:16px}.dp10345-about-numbers strong{font-size:25px}.dp10345-about-section{grid-template-columns:30px minmax(0,1fr);gap:10px}.dp10345-about-section h2{font-size:23px}.dp10345-about-bottom{padding-top:38px}.dp10345-about-bottom h2{font-size:28px}} /* source:v10346.css */ /* DirectPlayer V10.3.46 — refonte visuelle de la liste Podcasts uniquement */ .dp10346-podcasts-page{width:min(1240px,calc(100% - 48px));margin:56px auto 104px;color:#121213} .dp10346-podcasts-head{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;padding-bottom:30px;border-bottom:1px solid #fafafa} .dp10346-podcasts-copy{max-width:760px} .dp10346-kicker{margin:0 0 10px;color:#f06400;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase} .dp10346-podcasts-head h1{margin:0;color:#121213;font-size:clamp(42px,5.2vw,64px);font-weight:850;line-height:1;letter-spacing:-.045em} .dp10346-intro{max-width:670px;margin:15px 0 0;color:#7a7a7a;font-size:15px;line-height:1.7} .dp10346-podcasts-actions{display:flex;align-items:center;gap:16px;flex:none} .dp10346-podcast-count{color:#888888;font-size:12px;font-weight:800;white-space:nowrap} .dp10346-podcasts-actions .button{min-height:44px;border-radius:9px;white-space:nowrap} .dp10346-podcast-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 24px;margin-top:38px} .dp10346-podcast-card{min-width:0} .dp10346-podcast-cover{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border:1px solid #ece7e3;border-radius:14px;background:#fffaf7;text-decoration:none} .dp10346-podcast-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease} .dp10346-podcast-cover>span{display:grid;place-items:center;width:100%;height:100%;color:#f06400;background:#fffaf7;font-size:54px;font-weight:900;letter-spacing:-.08em} .dp10346-podcast-card:hover .dp10346-podcast-cover img{transform:scale(1.025)} .dp10346-podcast-body{padding:15px 2px 0} .dp10346-podcast-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:#898989;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em} .dp10346-podcast-meta span:first-child{color:#f06400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dp10346-podcast-meta span:last-child{flex:none;color:#8a96a2;text-transform:none;letter-spacing:0} .dp10346-podcast-card h2{margin:0;font-size:20px;line-height:1.22;letter-spacing:-.02em} .dp10346-podcast-card h2 a{color:#121213;text-decoration:none} .dp10346-podcast-card h2 a:hover{color:#f06400} .dp10346-podcast-body>p{margin:7px 0 0;color:#838383;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .dp10346-podcast-link{display:inline-flex;align-items:center;gap:7px;margin-top:13px;color:#f06400;font-size:12px;font-weight:850;text-decoration:none} .dp10346-podcast-link:hover{text-decoration:underline} .dp10346-podcast-empty{margin-top:38px;padding:54px 24px;border:1px solid #fafafa;border-radius:14px;background:#fff;text-align:center} .dp10346-podcast-empty h2{margin:0;color:#1d1d1f;font-size:25px} .dp10346-podcast-empty p{margin:8px 0 0;color:#778593;font-size:14px} @media(max-width:1040px){ .dp10346-podcast-grid{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:780px){ .dp10346-podcasts-page{width:min(100% - 32px,1240px);margin:38px auto 82px} .dp10346-podcasts-head{align-items:flex-start;flex-direction:column;gap:20px;padding-bottom:24px} .dp10346-podcasts-head h1{font-size:48px} .dp10346-podcasts-actions{width:100%;justify-content:space-between} .dp10346-podcast-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px;margin-top:30px} } @media(max-width:520px){ .dp10346-podcasts-page{width:min(100% - 28px,1240px);margin:30px auto 72px} .dp10346-podcasts-head h1{font-size:40px} .dp10346-intro{font-size:14px} .dp10346-podcasts-actions{align-items:stretch;flex-direction:column;gap:10px} .dp10346-podcast-count{font-size:11px} .dp10346-podcasts-actions .button{width:100%;justify-content:center} .dp10346-podcast-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;margin-top:26px} .dp10346-podcast-cover{border-radius:11px} .dp10346-podcast-body{padding-top:11px} .dp10346-podcast-meta{display:block;margin-bottom:5px} .dp10346-podcast-meta span{display:block} .dp10346-podcast-meta span:last-child{margin-top:3px} .dp10346-podcast-card h2{font-size:16px} .dp10346-podcast-body>p{font-size:11px} .dp10346-podcast-link{margin-top:9px;font-size:11px} } @media(max-width:360px){ .dp10346-podcast-grid{grid-template-columns:1fr} .dp10346-podcast-card h2{font-size:18px} } /* source:v10347.css */ /* DirectPlayer V10.3.47 — Podcast V2 réversible */ .dp10347-podcasts,.dp10347-show{width:min(1180px,calc(100% - 48px));margin:52px auto 110px;color:#121213} .dp10347-eyebrow{margin:0 0 10px;color:#f06400;font-size:10px;font-weight:900;letter-spacing:.16em} .dp10347-podcasts-hero{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:4px 0 22px;border-bottom:1px solid #fafafa} .dp10347-podcasts-hero>div:first-child{max-width:720px}.dp10347-podcasts-hero>div:first-child .dp10347-eyebrow{margin:0} .dp10347-podcasts-hero-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.dp10347-podcasts-hero-actions>span{color:#8e8e8e;font-size:12px;font-weight:800}.dp10347-podcasts-hero-actions .button{min-height:44px;border-radius:10px} .dp10347-podcast-tools{display:flex;align-items:center;gap:18px;margin:20px 0 0}.dp10347-podcast-search{position:relative;display:flex;align-items:center;flex:0 0 310px;height:46px;border:1px solid #e8e8e8;border-radius:12px;background:#fff}.dp10347-podcast-search svg{width:19px;height:19px;margin-left:14px;fill:none;stroke:#707070;stroke-width:1.8}.dp10347-podcast-search input{width:100%;height:100%;border:0;background:transparent;padding:0 13px;color:#1d1d1f;font:inherit;outline:0}.dp10347-podcast-filters{display:flex;gap:8px;overflow:auto;padding:2px 0}.dp10347-podcast-filters button{min-width:max-content;padding:9px 13px;border:1px solid #fafafa;border-radius:999px;background:#fff;color:#787878;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.dp10347-podcast-filters button.active{border-color:#f06400;background:#f06400;color:#fff} .dp10347-latest-section,.dp10347-library-section{margin-top:38px}.dp10347-show-episodes,.dp10347-related{margin-top:46px}.dp10347-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.dp10347-section-head p{margin:0 0 5px;color:#757575;font-size:9px;font-weight:900;letter-spacing:.15em}.dp10347-section-head h2{margin:0;color:#121213;font-size:29px;line-height:1.1;letter-spacing:-.025em}.dp10347-section-head>span{color:#989898;font-size:11px;font-weight:700} .dp10347-episode-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,360px));justify-content:start;gap:16px}.dp10347-episode-card{display:grid;grid-template-columns:74px minmax(0,1fr) 42px;align-items:center;gap:14px;padding:13px;border:1px solid #fafafa;border-radius:16px;background:#fff}.dp10347-episode-cover{width:74px;height:74px;border-radius:12px;overflow:hidden;background:#fffaf7;display:grid;place-items:center;text-decoration:none}.dp10347-episode-cover img{width:100%;height:100%;object-fit:cover}.dp10347-episode-cover>span{color:#f06400;font-weight:900}.dp10347-episode-copy{min-width:0}.dp10347-episode-copy small{display:block;margin-bottom:4px;color:#909090;font-size:9px;font-weight:800}.dp10347-episode-copy h3{margin:0;color:#1d1d1f;font-size:14px;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dp10347-episode-copy p{margin:5px 0 0;color:#828282;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp10347-play{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e8e8e8;border-radius:50%;background:#fff;color:#f06400;cursor:pointer}.dp10347-play:hover{background:#f06400;border-color:#f06400;color:#fff}.dp10347-play svg{width:18px;height:18px;fill:currentColor} .dp10347-podcast-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-content:start;gap:24px}.dp10347-podcast-card{min-width:0;overflow:hidden;border:1px solid #ece7e3;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(18,18,19,.04)}.dp10347-podcast-cover{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border:0;border-bottom:1px solid #fafafa;border-radius:0;background:#fffaf7;text-decoration:none}.dp10347-podcast-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.dp10347-podcast-cover>span{display:grid;place-items:center;width:100%;height:100%;color:#f06400;font-size:46px;font-weight:900}.dp10347-podcast-cover em{position:absolute;left:12px;bottom:12px;padding:7px 9px;border-radius:8px;background:rgba(18,18,19,.88);color:#fff;font-size:9px;font-style:normal;font-weight:850}.dp10347-podcast-card:hover .dp10347-podcast-cover img{transform:scale(1.025)}.dp10347-podcast-card-copy{padding:16px 17px 18px}.dp10347-podcast-card-copy>small{color:#f06400;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.dp10347-podcast-card-copy h3{margin:6px 0 4px;font-size:20px;line-height:1.18}.dp10347-podcast-card-copy h3 a{color:#121213;text-decoration:none}.dp10347-podcast-card-copy>p{margin:0;color:#909090;font-size:12px;font-weight:700}.dp10347-podcast-card-copy>div{margin-top:9px;color:#818181;font-size:12px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dp10347-podcast-open{display:inline-flex;align-items:center;gap:8px;margin-top:13px;color:#f06400;font-size:11px;font-weight:850;text-decoration:none}.dp10347-no-results,.dp10347-empty{margin:30px 0;padding:34px;border:1px solid #fafafa;border-radius:16px;text-align:center;color:#848484;background:#fff}.dp10347-empty h2,.dp10347-empty h3{margin:0 0 7px;color:#1d1d1f}.dp10347-empty p{margin:0} .dp10347-back{display:inline-flex;margin-bottom:24px;color:#707070;font-size:12px;font-weight:800;text-decoration:none}.dp10347-show-hero{display:grid;grid-template-columns:minmax(240px,330px) minmax(0,1fr);gap:52px;align-items:center;padding-bottom:46px;border-bottom:1px solid #fafafa}.dp10347-show-cover{aspect-ratio:1/1;overflow:hidden;border:1px solid #e8e8e8;border-radius:22px;background:#fffaf7;display:grid;place-items:center;box-shadow:0 16px 38px rgba(18,18,19,.08)}.dp10347-show-cover img{width:100%;height:100%;object-fit:cover}.dp10347-show-cover>span{color:#f06400;font-size:64px;font-weight:900}.dp10347-show-copy h1{margin:0;color:#121213;font-size:clamp(42px,6vw,70px);line-height:.98;letter-spacing:-.05em}.dp10347-show-author{margin-top:14px;color:#f06400;font-size:14px;font-weight:850}.dp10347-show-author span{color:#929292;font-weight:650}.dp10347-show-description{max-width:730px;margin:20px 0 0;color:#787878;font-size:15px;line-height:1.75}.dp10347-show-actions{display:flex;align-items:center;gap:16px;margin-top:24px}.dp10347-show-actions .button{display:inline-flex;align-items:center;gap:9px;min-height:48px;border-radius:10px}.dp10347-show-actions .button svg{width:18px;height:18px;fill:currentColor}.dp10347-show-actions>span{color:#909090;font-size:11px;font-weight:800} .dp10347-episode-list{border-top:1px solid #fafafa}.dp10347-episode-row{display:grid;grid-template-columns:36px 64px 48px minmax(0,1fr);gap:14px;align-items:start;padding:18px 0;border-bottom:1px solid #fafafa}.dp10347-episode-number{padding-top:12px;color:#acacac;font-size:10px;font-weight:900}.dp10363-episode-art{width:64px;height:64px;border-radius:12px;overflow:hidden;background:#fffaf7;border:1px solid #fafafa}.dp10363-episode-art img{display:block;width:100%;height:100%;object-fit:cover}.dp10347-episode-row .dp10347-play{width:46px;height:46px;margin-top:9px}.dp10347-episode-row-copy>div{display:flex;gap:12px;color:#989898;font-size:9px;font-weight:800}.dp10347-episode-row-copy h3{margin:5px 0 0;color:#1d1d1f;font-size:18px}.dp10347-episode-row-copy p{max-width:850px;margin:8px 0 0;color:#848484;font-size:12px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere} .dp10347-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.dp10347-related-card{text-decoration:none;min-width:0}.dp10347-related-card>div{aspect-ratio:1/1;border:1px solid #fafafa;border-radius:14px;overflow:hidden;background:#fffaf7;display:grid;place-items:center;margin-bottom:10px}.dp10347-related-card img{width:100%;height:100%;object-fit:cover}.dp10347-related-card>div>span{color:#f06400;font-size:34px;font-weight:900}.dp10347-related-card small{display:block;color:#ff7606;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.dp10347-related-card strong{display:block;margin-top:4px;color:#1d1d1f;font-size:15px}.dp10347-related-card em{display:block;margin-top:4px;color:#949494;font-size:10px;font-style:normal} @media(max-width:1200px){.dp10347-podcast-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:980px){.dp10347-podcasts-hero{align-items:flex-start;flex-direction:column}.dp10347-podcast-tools{align-items:flex-start;flex-direction:column}.dp10347-podcast-search{flex:0 0 auto;width:min(100%,420px)}.dp10347-episode-strip{grid-template-columns:repeat(2,minmax(280px,1fr))}.dp10347-show-hero{grid-template-columns:250px minmax(0,1fr);gap:32px}.dp10347-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:860px){.dp10347-podcast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){.dp10347-podcasts,.dp10347-show{width:min(100% - 28px,1180px);margin:30px auto 84px}.dp10347-podcasts-hero{padding-bottom:18px}.dp10347-podcasts-hero-actions{width:100%;justify-content:space-between}.dp10347-podcast-filters{width:100%}.dp10347-latest-section,.dp10347-library-section,.dp10347-show-episodes,.dp10347-related{margin-top:32px}.dp10347-section-head h2{font-size:25px}.dp10347-episode-strip{grid-template-columns:1fr}.dp10347-podcast-grid{grid-template-columns:1fr;gap:18px}.dp10347-podcast-card{max-width:420px;width:100%;margin:0 auto}.dp10347-podcast-cover{border-radius:0}.dp10347-podcast-card-copy h3{font-size:18px}.dp10347-podcast-card-copy>div{display:-webkit-box}.dp10347-show-hero{grid-template-columns:1fr;gap:24px}.dp10347-show-cover{width:min(78vw,320px);margin:auto}.dp10347-show-copy{text-align:center}.dp10347-show-copy .dp10347-eyebrow{justify-content:center}.dp10347-show-description{font-size:14px}.dp10347-show-actions{justify-content:center;align-items:stretch;flex-direction:column}.dp10347-show-actions .button{justify-content:center}.dp10347-episode-row{grid-template-columns:56px 42px minmax(0,1fr);gap:10px}.dp10347-episode-number{display:none}.dp10363-episode-art{width:56px;height:56px;border-radius:10px}.dp10347-episode-row .dp10347-play{width:42px;height:42px;margin-top:7px}.dp10347-episode-row-copy h3{font-size:16px}.dp10347-episode-row-copy p{-webkit-line-clamp:2}.dp10347-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}} @media(max-width:430px){.dp10347-podcasts-hero-actions{align-items:stretch;flex-direction:column}.dp10347-podcasts-hero-actions .button{justify-content:center}.dp10347-related-grid{grid-template-columns:1fr 1fr}} /* V10.3.51 — chargement progressif des épisodes */ .dp10351-episode-more{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:26px} .dp10351-episode-more .button{min-width:220px;justify-content:center} .dp10351-episode-more span{color:#909090;font-size:11px;font-weight:800} @media(max-width:680px){.dp10351-episode-more{align-items:stretch;flex-direction:column}.dp10351-episode-more .button{width:100%}.dp10351-episode-more span{text-align:center}} /* V10.3.58 — catalogue podcast compact */ .dp10358-podcast-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin:28px 0 0}.dp10358-podcast-pagination .button{min-width:150px;justify-content:center}.dp10358-podcast-pagination [hidden]{display:none!important}.dp10358-show-less{background:#fff;color:#f06400;border:1px solid #ece7e3} @media(max-width:680px){.dp10358-podcast-pagination{margin-top:22px}.dp10358-podcast-pagination .button{min-width:0;flex:1;max-width:200px}} /* V10.3.65 — page individuelle d’un épisode */ .dp10347-episode-copy h3 a{color:inherit;text-decoration:none}.dp10347-episode-copy h3 a:hover{color:#f06400}.dp10365-episode-page{width:min(1180px,calc(100% - 44px));margin:38px auto 96px}.dp10365-episode-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:28px;color:#989898;font-size:11px;font-weight:750}.dp10365-episode-breadcrumb a{color:#f06400;text-decoration:none}.dp10365-episode-breadcrumb strong{color:#6f7e8d}.dp10365-episode-hero{display:grid;grid-template-columns:320px minmax(0,1fr);gap:48px;align-items:center;padding:0 0 46px;border-bottom:1px solid #fafafa}.dp10365-episode-cover{aspect-ratio:1/1;border:1px solid #e8e8e8;border-radius:22px;overflow:hidden;background:#fffaf7;display:grid;place-items:center;box-shadow:0 16px 38px rgba(18,18,19,.07)}.dp10365-episode-cover img{width:100%;height:100%;object-fit:cover}.dp10365-episode-cover span{color:#f06400;font-size:60px;font-weight:900}.dp10365-episode-copy h1{max-width:850px;margin:0;color:#121213;font-size:clamp(36px,5vw,64px);line-height:1.02;letter-spacing:-.045em}.dp10365-episode-copy h1.is-medium{font-size:clamp(34px,4.35vw,56px);line-height:1.03}.dp10365-episode-copy h1.is-long{font-size:clamp(30px,3.7vw,48px);line-height:1.045;letter-spacing:-.035em}.dp10365-episode-copy h1.is-very-long{max-width:980px;font-size:clamp(27px,3.15vw,42px);line-height:1.06;letter-spacing:-.03em}.dp10365-episode-series{display:inline-block;margin-top:13px;color:#f06400;font-size:16px;font-weight:850;text-decoration:none}.dp10365-episode-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px;color:#83909d;font-size:11px;font-weight:750}.dp10365-episode-meta>*{position:relative}.dp10365-episode-meta>*+*::before{content:"·";position:absolute;left:-10px;color:#c2c2c2}.dp10365-episode-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.dp10365-episode-actions .button{min-height:48px;display:inline-flex;align-items:center;gap:8px;justify-content:center}.dp10365-episode-actions svg{width:18px;height:18px;fill:currentColor}.dp10365-episode-description{max-width:900px;padding:42px 0 10px}.dp10365-episode-description h2{margin:0 0 16px;color:#1d1d1f;font-size:28px}.dp10365-episode-description>div{color:#737373;font-size:15px;line-height:1.85;overflow-wrap:anywhere}.dp10365-episode-source{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding:18px 20px;border:1px solid #fafafa;border-radius:14px;background:#fff}.dp10365-episode-source small,.dp10365-episode-source strong{display:block}.dp10365-episode-source small{color:#818181;font-size:8px;font-weight:900;letter-spacing:.13em}.dp10365-episode-source strong{margin-top:4px;color:#1d1d1f;font-size:15px}.dp10365-episode-related{margin-top:48px}.dp10365-episode-related .dp10347-section-head>a{color:#f06400;font-size:11px;font-weight:850;text-decoration:none}.dp10365-episode-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dp10365-related-episode{display:grid;grid-template-columns:62px minmax(0,1fr) 42px;gap:12px;align-items:center;padding:12px;border:1px solid #fafafa;border-radius:14px;background:#fff}.dp10365-related-art{width:62px;height:62px;border-radius:10px;overflow:hidden;background:#fffaf7}.dp10365-related-art img{width:100%;height:100%;object-fit:cover}.dp10365-related-episode small{color:#969696;font-size:8px;font-weight:850}.dp10365-related-episode h3{margin:4px 0 0;font-size:14px;line-height:1.3}.dp10365-related-episode h3 a{color:#1d1d1f;text-decoration:none}.dp10365-related-episode .dp10347-play{width:40px;height:40px} @media(max-width:820px){.dp10365-episode-hero{grid-template-columns:250px minmax(0,1fr);gap:30px}.dp10365-episode-related-grid{grid-template-columns:1fr}} @media(max-width:680px){.dp10365-episode-page{width:min(100% - 28px,1180px);margin:28px auto 86px}.dp10365-episode-breadcrumb{overflow:hidden;white-space:nowrap}.dp10365-episode-hero{grid-template-columns:1fr;gap:22px;padding-bottom:32px}.dp10365-episode-cover{width:min(78vw,320px);margin:auto}.dp10365-episode-copy{text-align:center}.dp10365-episode-copy .dp10347-eyebrow{justify-content:center}.dp10365-episode-copy h1{font-size:clamp(32px,10vw,46px)}.dp10365-episode-copy h1.is-medium{font-size:clamp(29px,8.5vw,40px)}.dp10365-episode-copy h1.is-long{font-size:clamp(26px,7.4vw,35px);line-height:1.06}.dp10365-episode-copy h1.is-very-long{font-size:clamp(23px,6.5vw,31px);line-height:1.08}.dp10365-episode-meta,.dp10365-episode-actions{justify-content:center}.dp10365-episode-actions{flex-direction:column}.dp10365-episode-actions .button{width:100%}.dp10365-episode-description{padding-top:32px}.dp10365-episode-description h2{font-size:24px}.dp10365-episode-description>div{font-size:14px;line-height:1.75}.dp10365-episode-source{align-items:stretch;flex-direction:column}.dp10365-episode-source .button{justify-content:center}} /* DirectPlayer V10.3.68 — hotfix favoris podcasts, rendu garanti */ .dp10347-podcast-card{position:relative!important} .dp10347-podcast-card>.dp10367-podcast-favorite, .dp10367-podcast-favorite{ position:absolute!important;z-index:8!important;top:12px!important;right:12px!important; width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important; padding:0!important;margin:0!important;border:1px solid rgba(255,255,255,.85)!important; border-radius:50%!important;display:grid!important;place-items:center!important; background:rgba(255,255,255,.96)!important;color:#1d1d1f!important; box-shadow:0 5px 16px rgba(18,18,19,.16)!important;cursor:pointer!important; line-height:1!important;font-size:0!important;appearance:none!important;-webkit-appearance:none!important } .dp10347-podcast-card>.dp10367-podcast-favorite svg, .dp10367-podcast-favorite svg{display:block!important;width:19px!important;height:19px!important;max-width:19px!important;max-height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important} .dp10367-podcast-favorite.active{background:#f06400!important;color:#fff!important;border-color:#f06400!important} .dp10367-podcast-favorite.active svg{fill:currentColor!important} .dp10367-favorite-main{position:relative!important;width:auto!important;height:48px!important;min-height:48px!important;padding:0 18px!important;margin:0!important;font-size:13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important} .dp10367-favorite-main svg{width:17px!important;height:17px!important;min-width:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important} .dp10367-favorite-main.active{border-color:#f06400!important;background:#fffaf7!important;color:#f06400!important} .dp10367-favorite-main.active svg{fill:currentColor!important} @media(max-width:680px){.dp10347-podcast-card>.dp10367-podcast-favorite,.dp10367-podcast-favorite{top:9px!important;right:9px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}.dp10367-podcast-favorite svg{width:17px!important;height:17px!important}.dp10367-favorite-main{width:100%!important}} /* source:v10352.css */ /* DirectPlayer 10.3.54 — accueil mobile : carrousel Derniers podcasts compact */ @media (max-width:720px){ .home-podcast-section{ padding-top:30px!important; padding-bottom:12px!important; margin-bottom:0!important; } .home-podcast-section .strong-heading{ margin-bottom:14px!important; gap:10px!important; align-items:flex-end!important; flex-wrap:nowrap!important; } .home-podcast-section .strong-heading>div:first-child{ min-width:0!important; } .home-podcast-section .eyebrow{ margin-bottom:5px!important; font-size:9px!important; letter-spacing:.12em!important; } .home-podcast-section .strong-heading h2{ margin:0!important; font-size:clamp(24px,6.6vw,29px)!important; line-height:1!important; letter-spacing:-.04em!important; white-space:nowrap!important; } .home-podcast-section .section-heading-actions{ flex:0 0 auto!important; } .home-podcast-section .carousel-arrows{ gap:6px!important; } .home-podcast-section .carousel-arrows button{ width:34px!important; height:34px!important; font-size:15px!important; box-shadow:none!important; } .home-podcast-section .podcast-carousel{ gap:12px!important; padding:2px 0 5px!important; scroll-padding-left:0!important; scroll-snap-type:x mandatory!important; } .home-podcast-section .podcast-carousel>.podcast-card{ flex:0 0 68%!important; max-width:260px!important; min-width:0!important; scroll-snap-align:start!important; scroll-snap-stop:always!important; } .home-podcast-section .podcast-cover{ width:100%!important; max-width:none!important; height:auto!important; max-height:none!important; aspect-ratio:1/1!important; border-radius:14px!important; box-shadow:0 8px 20px rgba(18,18,18,.065)!important; } .home-podcast-section .podcast-card>p{ margin:9px 0 4px!important; font-size:8.5px!important; line-height:1.15!important; } .home-podcast-section .podcast-card h3{ margin:0 0 5px!important; font-size:14.5px!important; line-height:1.22!important; max-width:100%!important; } .home-podcast-section .podcast-card h3 a{ display:-webkit-box!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:2!important; overflow:hidden!important; text-overflow:ellipsis!important; } .home-podcast-section .podcast-card small{ display:block!important; margin:0!important; font-size:9.5px!important; line-height:1.2!important; } } @media (max-width:430px){ .home-podcast-section{ padding-top:28px!important; padding-bottom:10px!important; } .home-podcast-section .strong-heading h2{ font-size:clamp(23px,6.4vw,26px)!important; } .home-podcast-section .carousel-arrows button{ width:32px!important; height:32px!important; font-size:14px!important; } .home-podcast-section .podcast-carousel>.podcast-card{ flex-basis:69%!important; max-width:245px!important; } } /* source:v10367.css */ /* DirectPlayer V10.3.67 — Favoris podcasts + reprise de lecture */ .dp10347-podcast-card{position:relative} .dp10367-podcast-favorite{position:absolute;z-index:4;top:11px;right:11px;width:36px;height:36px;border:1px solid rgba(255,255,255,.72);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#f06400;box-shadow:0 6px 18px rgba(18,18,19,.12);cursor:pointer;transition:.16s} .dp10367-podcast-favorite svg{width:17px;height:17px}.dp10367-podcast-favorite:hover{transform:translateY(-1px)} .dp10367-podcast-favorite.active{background:#f06400;color:#fff;border-color:#f06400}.dp10367-podcast-favorite.active svg path{fill:currentColor!important} .dp10367-favorite-main{display:inline-flex!important;align-items:center;gap:8px}.dp10367-favorite-main svg{width:16px;height:16px}.dp10367-favorite-main.active{border-color:#f06400!important;background:#fffaf7!important;color:#f06400!important}.dp10367-favorite-main.active svg path{fill:currentColor!important} .dp10367-profile-podcast-list{display:grid;gap:9px;margin-top:14px}.dp10367-profile-podcast-list>a{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:11px;padding:8px;border:1px solid #ece7e3;border-radius:11px;background:#fff;text-decoration:none}.dp10367-profile-podcast-list>a>span{width:52px;height:52px;border-radius:9px;overflow:hidden;display:grid;place-items:center;background:#fffaf7;color:#f06400;font-weight:900}.dp10367-profile-podcast-list img{width:100%;height:100%;object-fit:cover}.dp10367-profile-podcast-list strong,.dp10367-profile-podcast-list small{display:block}.dp10367-profile-podcast-list strong{color:#1d1d1f;font-size:12px}.dp10367-profile-podcast-list small{margin-top:3px;color:#909090;font-size:9px} .dp10367-continue-list{display:grid;gap:9px;margin-top:14px}.dp10367-continue-list article{display:grid;grid-template-columns:58px minmax(0,1fr) 40px;align-items:center;gap:12px;padding:10px;border:1px solid #ece7e3;border-radius:12px;background:#fff}.dp10367-continue-art{width:58px;height:58px;border-radius:10px;overflow:hidden;background:#fffaf7}.dp10367-continue-art img{width:100%;height:100%;object-fit:cover}.dp10367-continue-list article>div>small{display:block;color:#808080;font-size:8px;font-weight:850;text-transform:uppercase}.dp10367-continue-list article>div>strong{display:block;margin-top:3px}.dp10367-continue-list article>div>strong a{color:#1d1d1f;text-decoration:none;font-size:12px}.dp10367-continue-list article>div>em{display:block;margin-top:5px;color:#848484;font-size:9px;font-style:normal}.dp10367-continue-list .play-episode{width:38px;height:38px;border:0;border-radius:50%;background:#f06400;color:#fff;cursor:pointer}.dp10367-progress{height:4px;margin-top:7px;border-radius:99px;background:#ece7e3;overflow:hidden}.dp10367-progress i{display:block;height:100%;border-radius:inherit;background:#f06400} .dp10367-favorites-section+.dp10367-favorites-section{padding-top:0}.dp10367-favorite-podcast-grid{grid-template-columns:repeat(4,minmax(0,1fr))} @media(max-width:980px){.dp10367-favorite-podcast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){.dp10367-favorite-main span{font-size:10px}.dp10367-continue-list article{grid-template-columns:50px minmax(0,1fr) 38px;gap:9px}.dp10367-continue-art{width:50px;height:50px}.dp10367-favorite-podcast-grid{grid-template-columns:1fr}.dp10367-podcast-favorite{width:34px;height:34px;top:9px;right:9px}} /* source:v10370.css */ /* DirectPlayer V10.3.70 — Localisations + PWA public */ .dp10370-locations{width:min(1180px,calc(100% - 44px));margin:36px auto 92px;color:#1d1d1f} .dp10370-locations-hero{display:grid;grid-template-columns:minmax(0,1.4fr) auto;align-items:end;gap:44px;padding:26px 0 30px;border-bottom:1px solid #fafafa} .dp10370-locations-copy .eyebrow,.dp10370-location-heading .eyebrow{margin:0 0 8px;color:#f06400;font-size:9px;font-weight:900;letter-spacing:.15em} .dp10370-locations-copy h1{max-width:760px;margin:0;color:#121213;font-size:clamp(38px,5vw,64px);line-height:.98;letter-spacing:-.055em} .dp10370-locations-copy>p:last-child{max-width:700px;margin:15px 0 0;color:#838383;font-size:13px;line-height:1.65} .dp10370-locations-stats{display:flex;gap:28px;align-items:flex-end}.dp10370-locations-stats span{display:grid;gap:4px;text-align:right}.dp10370-locations-stats strong{color:#1d1d1f;font-size:28px;line-height:1;letter-spacing:-.045em}.dp10370-locations-stats small{color:#959595;font-size:7px;font-weight:900;letter-spacing:.12em} .dp10370-location-search-wrap{position:relative;z-index:12;width:min(760px,100%);margin:28px 0 18px}.dp10370-location-search{display:grid;grid-template-columns:22px minmax(0,1fr) 30px;align-items:center;gap:10px;min-height:56px;padding:0 14px;border:1px solid #ece7e3;border-radius:14px;background:#fff;box-shadow:0 8px 26px rgba(18,18,18,.045)}.dp10370-location-search:focus-within{border-color:#ff9a3a;box-shadow:0 0 0 4px rgba(255,118,6,.07)}.dp10370-location-search svg{width:20px;height:20px;fill:none;stroke:#ff7606;stroke-width:1.8}.dp10370-location-search input{width:100%;border:0;outline:0;background:none;color:#1d1d1f;font:inherit;font-size:13px}.dp10370-location-search input::placeholder{color:#a1a1a1}.dp10370-location-search button{display:none;width:28px;height:28px;border:0;border-radius:50%;background:#fffaf7;color:#808080;font-size:18px;cursor:pointer}.dp10370-location-search button.show{display:grid;place-items:center} .dp10370-location-results{display:none;position:absolute;top:calc(100% + 7px);left:0;right:0;padding:7px;border:1px solid #e8e8e8;border-radius:14px;background:#fff;box-shadow:0 18px 50px rgba(18,18,19,.14)}.dp10370-location-results.open{display:block}.dp10370-location-results a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 12px;border-radius:10px;color:#1d1d1f;text-decoration:none}.dp10370-location-results a:hover{background:#fffaf7}.dp10370-location-results span{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 9px}.dp10370-location-results small{grid-row:1/3;align-self:center;padding:5px 7px;border-radius:7px;background:#fffaf7;color:#f06400;font-size:7px;font-weight:900;text-transform:uppercase}.dp10370-location-results strong{font-size:12px}.dp10370-location-results em{color:#929292;font-size:9px;font-style:normal}.dp10370-location-results b{color:#f06400}.dp10370-location-empty{padding:16px;color:#8c8c8c;font-size:11px;text-align:center} .dp10370-location-tabs{display:flex;gap:8px;margin:0 0 48px}.dp10370-location-tabs a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 13px;border:1px solid #e8e8e8;border-radius:9px;background:#fff;color:#f06400;text-decoration:none;font-size:8px;font-weight:900;letter-spacing:.08em}.dp10370-location-tabs a:hover{border-color:#ff9a3a;background:#fffaf7;color:#f06400}.dp10370-location-tabs b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:6px;background:#fffaf7;color:#6e6e6e;font-size:8px} .dp10370-location-section{scroll-margin-top:100px;margin-top:48px}.dp10370-location-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:18px}.dp10370-location-heading h2{margin:0;color:#1d1d1f;font-size:27px;letter-spacing:-.035em}.dp10370-location-heading div>p:last-child{margin:6px 0 0;color:#8f8f8f;font-size:10px}.dp10370-location-heading>a{display:inline-flex;align-items:center;gap:8px;color:#f06400;text-decoration:none;font-size:8px;font-weight:900;letter-spacing:.06em;white-space:nowrap}.dp10370-location-heading>a span{font-size:15px} .dp10370-country-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dp10370-country{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;padding:12px 13px;border:1px solid #fafafa;border-radius:13px;background:#fff;color:#1d1d1f;text-decoration:none;transition:.18s ease}.dp10370-country:hover{transform:translateY(-1px);border-color:#ff9a3a;box-shadow:0 9px 22px rgba(18,18,18,.05)}.dp10370-country-flag{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#fafafa;border:1px solid #fafafa;overflow:hidden}.dp10370-country-flag .dp101-country-flag,.dp10370-country-flag .dp-country-flag{width:29px!important;min-width:29px!important;height:22px!important}.dp10370-country-flag img{width:27px!important;height:20px!important;object-fit:cover}.dp10370-country-main{min-width:0}.dp10370-country-main strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.dp10370-country-main small{display:block;margin-top:4px;color:#939393;font-size:8px}.dp10370-arrow{color:#8c8c8c;font-size:15px} .dp10370-region-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dp10370-region{min-width:0;display:flex;flex-direction:column;gap:7px;padding:14px 15px;border:1px solid #fafafa;border-radius:13px;background:#fff;color:#1d1d1f;text-decoration:none;transition:.18s ease}.dp10370-region:hover{border-color:#ff9a3a;background:#fffaf7}.dp10370-region>small{color:#979797;font-size:7px;font-weight:850;letter-spacing:.08em}.dp10370-region>strong{min-height:30px;font-size:14px;line-height:1.08}.dp10370-region>span{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:2px;color:#929292;font-size:8px}.dp10370-region b{color:#f06400}.dp10370-region em{font-style:normal}.dp10370-region i{font-style:normal;color:#ff7606;font-size:14px} .dp10370-city-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dp10370-city{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:66px;padding:10px 12px;border:1px solid #fafafa;border-radius:12px;background:#fff;color:#1d1d1f;text-decoration:none}.dp10370-city:hover{border-color:#ff9a3a;background:#fffaf7}.dp10370-city-pin{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#fffaf7;color:#ff7606}.dp10370-city-pin svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}.dp10370-city-main{min-width:0}.dp10370-city-main strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.dp10370-city-main small{display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#969696;font-size:7px}.dp10370-city-count{color:#848484;font-size:7px;font-weight:900;white-space:nowrap} @media(max-width:1050px){.dp10370-country-grid,.dp10370-region-grid,.dp10370-city-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dp10370-locations-hero{grid-template-columns:1fr}.dp10370-locations-stats{justify-content:flex-start}.dp10370-locations-stats span{text-align:left}} @media(max-width:760px){.dp10370-locations{width:min(100% - 28px,1180px);margin-top:22px}.dp10370-locations-hero{gap:22px;padding-top:14px}.dp10370-locations-copy h1{font-size:clamp(36px,11vw,50px)}.dp10370-locations-stats{gap:20px}.dp10370-locations-stats strong{font-size:24px}.dp10370-location-search-wrap{margin-top:20px}.dp10370-location-tabs{overflow-x:auto;margin-bottom:36px;padding-bottom:2px;scrollbar-width:none}.dp10370-location-tabs::-webkit-scrollbar{display:none}.dp10370-location-tabs a{flex:0 0 auto}.dp10370-location-heading{align-items:flex-start;flex-direction:column;gap:10px}.dp10370-country-grid,.dp10370-region-grid,.dp10370-city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dp10370-location-section{margin-top:38px}} @media(max-width:520px){.dp10370-locations{width:min(100% - 24px,1180px);margin-bottom:72px}.dp10370-locations-copy h1{font-size:39px}.dp10370-locations-copy>p:last-child{font-size:11.5px}.dp10370-locations-stats{gap:14px}.dp10370-locations-stats strong{font-size:21px}.dp10370-locations-stats small{font-size:6px}.dp10370-location-search{min-height:52px}.dp10370-country-grid,.dp10370-region-grid,.dp10370-city-grid{grid-template-columns:1fr}.dp10370-country{min-height:70px}.dp10370-region{padding:13px 14px}.dp10370-city{min-height:62px}.dp10370-location-heading h2{font-size:24px}} /* source:v10372.css */ /* DirectPlayer V10.3.72 — mobile iPhone/PWA, anti-zoom et safe areas */ :root{--dp-safe-top:env(safe-area-inset-top,0px);--dp-safe-right:env(safe-area-inset-right,0px);--dp-safe-bottom:env(safe-area-inset-bottom,0px);--dp-safe-left:env(safe-area-inset-left,0px)} html,body{max-width:100%;} @media(max-width:820px){ html,body{width:100%;overflow-x:hidden!important;-webkit-text-size-adjust:100%;text-size-adjust:100%} input,select,textarea{font-size:16px!important;max-width:100%!important} .auth-page,.auth-card,.broadcaster-auth-shell,.broadcaster-auth-panel,.broadcaster-auth-card,.broadcaster-app-shell,.broadcaster-app-main,.broadcaster-app-content{min-width:0!important;max-width:100%!important} .auth-page{width:100%!important;padding-left:max(14px,var(--dp-safe-left))!important;padding-right:max(14px,var(--dp-safe-right))!important} .auth-card{width:100%!important;min-width:0!important;overflow:hidden!important} .auth-card label,.auth-card input,.auth-card select,.auth-card textarea{min-width:0!important;width:100%!important} .broadcaster-auth-shell{display:block!important;width:100%!important;overflow-x:hidden!important} .broadcaster-auth-visual{min-height:auto!important;width:100%!important;padding-left:max(18px,var(--dp-safe-left))!important;padding-right:max(18px,var(--dp-safe-right))!important} .broadcaster-auth-panel{width:100%!important;min-height:auto!important;padding:22px max(14px,var(--dp-safe-right)) calc(28px + var(--dp-safe-bottom)) max(14px,var(--dp-safe-left))!important;display:block!important} .broadcaster-auth-card,.broadcaster-register-card{width:100%!important;max-width:100%!important;margin:0!important;padding:24px 16px!important;border-radius:18px!important} .broadcaster-auth-form,.broadcaster-form-pair,.broadcaster-input,.broadcaster-input input{min-width:0!important;max-width:100%!important;width:100%!important} .broadcaster-input input{font-size:16px!important} .broadcaster-auth-submit,.broadcaster-auth-create{width:100%!important;max-width:100%!important} .broadcaster-auth-links{min-width:0!important;max-width:100%!important;flex-wrap:wrap!important} .broadcaster-auth-links>*{min-width:0!important;overflow-wrap:anywhere} .broadcaster-app-content{padding-left:max(14px,var(--dp-safe-left))!important;padding-right:max(14px,var(--dp-safe-right))!important} .broadcaster-app-content input,.broadcaster-app-content select,.broadcaster-app-content textarea,.broadcaster-topbar input{font-size:16px!important} .broadcaster-app-content form,.broadcaster-app-content .form-grid,.broadcaster-app-content .broadcaster-form-section{min-width:0!important;max-width:100%!important} body{padding-bottom:calc(var(--player-h) + var(--dp-safe-bottom))!important} .dp-player.dp-player-reference.dp-player-v69{bottom:0!important;padding-bottom:var(--dp-safe-bottom)!important;box-sizing:content-box!important} .dp-player-v69 .dp-player-reference-shell{padding-left:max(9px,var(--dp-safe-left))!important;padding-right:max(9px,var(--dp-safe-right))!important;box-sizing:border-box!important} .dp-player-v69[data-kind="podcast"] .dp-player-reference-shell{padding-left:max(9px,var(--dp-safe-left))!important;padding-right:max(9px,var(--dp-safe-right))!important} .dp-player-queue{bottom:calc(88px + var(--dp-safe-bottom))!important} .dp-toast,.dp10368-favorite-notice{bottom:calc(var(--player-h) + var(--dp-safe-bottom) + 12px)!important} } @media(max-width:430px){ .auth-page{padding-top:26px!important;padding-bottom:calc(34px + var(--player-h) + var(--dp-safe-bottom))!important} .auth-card{padding:22px 16px!important;border-radius:18px!important} .broadcaster-auth-visual{padding-top:28px!important;padding-bottom:24px!important} .broadcaster-auth-visual-clean h1{font-size:34px!important;line-height:.98!important;overflow-wrap:anywhere!important} .broadcaster-auth-card-head h2{font-size:29px!important} } @media(display-mode:standalone){ .site-header.v2-header{padding-left:max(14px,var(--dp-safe-left))!important;padding-right:max(14px,var(--dp-safe-right))!important} .dp-player.dp-player-reference.dp-player-v69{padding-bottom:var(--dp-safe-bottom)!important} } /* source:v10386.css */ /* DirectPlayer V10.3.86 — mise à jour PWA + minuteur sommeil */ /* Deux outils dans la dernière colonne du player : minuteur + partage. */ .dp-player-v69 .dp-player-reference-shell{ grid-template-columns:66px 46px minmax(260px,1fr) 154px 42px 92px!important; } .dp-player-v69 .player-tools-wrap{ width:92px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;position:relative!important; } .dp-player-v69 .player-sleep-wrap{position:relative!important;width:42px!important;height:42px!important;flex:0 0 42px!important} .dp-player-v69 .player-sleep{position:relative!important} .dp-player-v69 .player-sleep.active{border-color:#ff9a3a!important;background:#fffaf7!important;color:var(--player-blue)!important} .dp-player-v69 .player-sleep-badge{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--player-blue);color:#fff;font-size:8px;font-weight:850;line-height:18px;text-align:center;box-shadow:0 2px 8px rgba(18,18,18,.22)} .dp-player-v69 .player-sleep-badge[hidden]{display:none!important} .dp-player-v69 .player-sleep-menu{position:absolute;right:0;bottom:54px;width:228px;padding:14px;border:1px solid #ece7e3;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(18,18,19,.18);color:#121213;z-index:985} .dp-player-v69 .player-sleep-menu[hidden]{display:none!important} .dp-player-v69 .player-sleep-menu strong{display:block;margin:0 0 3px;font-size:12px} .dp-player-v69 .player-sleep-menu small{display:block;margin:0 0 11px;color:#848484;font-size:10px;line-height:1.35} .dp-player-v69 .player-sleep-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px} .dp-player-v69 .player-sleep-grid button,.dp-player-v69 .player-sleep-cancel{border:1px solid #fafafa;border-radius:9px;background:#fff;color:#1d1d1f;padding:8px 9px;font-size:11px;font-weight:750;cursor:pointer} .dp-player-v69 .player-sleep-grid button:hover,.dp-player-v69 .player-sleep-grid button.active{background:#fffaf7;color:var(--player-blue);border-color:#ece7e3} .dp-player-v69 .player-sleep-cancel{width:100%;margin-top:8px;color:#767676;background:#fffaf7} /* Mise à jour PWA : petite bannière, jamais plein écran. */ .dp-pwa-update-banner{position:fixed;z-index:1200;left:50%;bottom:calc(var(--player-h,90px) + 14px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(620px,calc(100vw - 24px));display:flex;align-items:center;gap:12px;padding:11px 12px 11px 14px;border:1px solid #ece7e3;border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 12px 34px rgba(18,18,18,.14);backdrop-filter:blur(12px);color:#121213} .dp-pwa-update-banner[hidden]{display:none!important} .dp-pwa-update-copy{min-width:0;flex:1;font-size:12px;font-weight:720;line-height:1.35} .dp-pwa-update-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto} .dp-pwa-update-refresh,.dp-pwa-update-later{border-radius:9px;padding:7px 10px;font-size:11px;font-weight:800;cursor:pointer} .dp-pwa-update-refresh{border:1px solid #f06400;background:#f06400;color:#fff} .dp-pwa-update-later{border:1px solid #ece7e3;background:#fff;color:#666666} .dp-pwa-update-refresh:hover{background:#1d1d1f}.dp-pwa-update-later:hover{background:#fffaf7} @media(max-width:980px){ .dp-player-v69 .dp-player-reference-shell{grid-template-columns:58px 44px minmax(190px,1fr) 118px 40px 88px!important;gap:10px!important} .dp-player-v69 .player-tools-wrap{width:88px!important;height:40px!important;gap:8px!important} .dp-player-v69 .player-sleep-wrap{width:40px!important;height:40px!important;flex-basis:40px!important} } @media(max-width:720px){ .dp-player-v69 .dp-player-reference-shell{grid-template-columns:50px 40px minmax(0,1fr) 80px!important;gap:7px!important} .dp-player-v69[data-kind="podcast"] .dp-player-reference-shell{grid-template-columns:46px 38px minmax(0,1fr) 76px!important;gap:6px!important} .dp-player-v69 .player-tools-wrap{width:80px!important;height:38px!important;gap:5px!important} .dp-player-v69[data-kind="podcast"] .player-tools-wrap{width:76px!important;height:36px!important} .dp-player-v69 .player-sleep-wrap{width:38px!important;height:38px!important;flex-basis:38px!important} .dp-player-v69[data-kind="podcast"] .player-sleep-wrap{width:36px!important;height:36px!important;flex-basis:36px!important} .dp-player-v69 .player-sleep-menu{position:fixed;left:10px;right:10px;bottom:calc(var(--player-h,78px) + 8px + env(safe-area-inset-bottom,0px));width:auto} .dp-pwa-update-banner{bottom:calc(var(--player-h,78px) + 10px + env(safe-area-inset-bottom,0px));gap:8px;padding:10px 10px 10px 12px} .dp-pwa-update-copy{font-size:11px}.dp-pwa-update-refresh,.dp-pwa-update-later{padding:7px 8px;font-size:10px} } @media(max-width:420px){ .dp-pwa-update-banner{align-items:flex-start;flex-wrap:wrap}.dp-pwa-update-actions{width:100%;justify-content:flex-end} } /* V10.3.90 — partage podcast à un instant précis */ .dp10390-shared-time{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:11px 13px;border:1px solid #ece7e3;border-radius:12px;background:#fffaf7;color:#6e6e6e}.dp10390-shared-time>span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#fffaf7;color:#f06400;font-weight:900}.dp10390-shared-time strong{display:block;color:#1d1d1f;font-size:10px}.dp10390-shared-time small{display:block;margin-top:3px;color:#8c8c8c;font-size:8px;line-height:1.5}.player-copy-time{margin-bottom:6px!important;background:#fffaf7!important;color:#f06400!important;border-color:#ece7e3!important}.player-copy-time[hidden]{display:none!important} /* DirectPlayer V10.3.98 — identité orange/noir issue du nouveau logo */ :root{ --dp-orange:#ff7606;--dp-orange-2:#ff5a00;--dp-orange-deep:#f06400; --dp-black:#151515;--dp-black-2:#0d0d0e;--dp-warm:#fff9f5;--dp-warm-2:#fafafa; --blue:#ff7606;--blue-2:#ff7606;--navy:#171717;--navy-2:#0d0d0e; --ink:#1b1b1c;--muted:#707276;--line:#e8e8e8;--soft:#fafafa; --dp70-blue:#ff7606;--dp70-blue-2:#b84900;--dp70-navy:#1c1c1d;--dp70-ink:#232323; --dp1037-blue:#ff7606;--dp1037-blue-soft:#fff5ed;--dp1037-ink:#1f1f20; --dp-player-accent:#ff7606;--dp-player-accent-dark:#eb5e00;--dp-player-accent-soft:#eee8e4; --admin-blue:#ff7606;--admin-blue-dark:#8f3500;--admin-v52:#ff7606;--admin-v52-deep:#171717; --bc81-blue:#ff7606;--bc81-blue2:#ff9a3a;--bc81-navy:#151515;--bc81-ink:#202020; } ::selection{background:#ffc48a;color:#171717} a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#ff7606!important} .site-header.v2-header{border-bottom-color:#eee6df!important;box-shadow:0 8px 26px rgba(22,17,13,.045)!important} .site-header.v2-header .main-nav a.active,.section-heading a,.eyebrow{color:#f06400!important} .site-header.v2-header .main-nav a.active:after{background:#ff7606!important} .account-link,.hero-play,.random-radio-button,.submit-big,.admin-button.primary,.bc80-quick-primary{border-color:#ff7606!important} .site-footer{background:#121212!important;color:#f7f4f1!important}.site-footer a:hover{color:#ff9a3a!important} .dp-player-reference .player-play{background:#ff7606!important}.dp-player-reference .player-play:hover{background:#eb5e00!important} .dp-player-reference .player-volume input,.podcast-seek{accent-color:#ff7606!important} .admin-sidebar,.broadcaster-sidebar{background:linear-gradient(180deg,#181818,#0f0f10)!important} .admin-sidebar a.active,.broadcaster-sidebar-nav a.active{background:#ff7606!important;color:#171717!important} .admin-sidebar a.active svg,.broadcaster-sidebar-nav a.active svg{color:#171717!important;stroke:#171717!important} .admin1037-sidebar-brand img,.broadcaster-sidebar-brand img{filter:none!important} .admin-app-content,.broadcaster-app-content{background:#f7f5f3!important} .admin-panel,.bc84-panel,.admin10397-card{border-color:#e8e8e8!important} .admin97-kicker,.admin10397-kicker,.bc84-overline{color:#f06400!important} .admin-button.primary,.view-site,.broadcaster-topbar-logout.primary{background:#ff7606!important;color:#fff!important} .admin-button.primary:hover,.view-site:hover{background:#eb5e00!important} .dp-widget-body .dpw{--blue:#ff7606!important} @supports(content-visibility:auto){ .v4-home-section,.section-space,.visual-directory-section,.station-podcasts-section,.site-footer{content-visibility:auto;contain-intrinsic-size:1px 520px} } /* Le nouveau logo est plus horizontal : on lui laisse de l'air sans grossir le header. */ .brand-logo img{max-height:52px!important;object-fit:contain!important}.dp-footer-brand img{max-width:300px!important;height:auto!important} @media(max-width:760px){.brand-logo img{max-height:39px!important}.dp-footer-brand img{max-width:245px!important}} /* DirectPlayer V10.3.99 — orange logo exact */ :root{--blue:#ff7606;--blue-2:#ff8a1c;--line:#ece7e3;--soft:#fffaf7;--ink:#121213;--navy:#121213;--navy-2:#121213} .home-hero{background:linear-gradient(115deg,#fff 0%,#fff 58%,#fff8f2 100%)!important}.hero-copy h1 span,.auth-visual h1 span{color:#ff7606!important}.eyebrow,.section-heading a{color:#ff7606!important}.account-link,.genre-icons a.active i,.submission-switch button.active{background:#ff7606!important}.hero-search{border-color:#ff8a1c!important;box-shadow:0 12px 24px rgba(255,118,6,.14)!important}.hero-search svg,.hero-search>button{color:#ff7606!important;border-color:#ff7606!important}.dp-player{background:rgba(255,255,255,.98)!important;border-top-color:#ece7e3!important}.dp-footer-brand p,.dp-footer-column>strong,.dp-footer-column a,.dp-footer-column span{color:#ff9a3a!important} /* DirectPlayer V10.3.100 — footer blanc + signature CODESTREAM360 */ .dp-footer-brand p, .dp-footer-contact-link, .dp-footer-contact-link span, .dp-footer-column>strong, .dp-footer-column a, .dp-footer-column span, .dp-footer-bottom, .dp-footer-bottom span{color:#fff!important} .dp-footer-socials a{color:#fff!important;border-color:rgba(255,255,255,.28)!important} .dp-footer-column a:hover,.dp-footer-contact-link:hover,.dp-footer-socials a:hover{color:#ff7606!important} /* V10.3.101 — Mentions légales + réseaux footer */ .dp101-legal-content,.dp101-legal-content p,.dp101-legal-content li,.dp101-legal-content strong,.dp101-legal-content span{color:#121213!important} .dp101-legal-content a{color:#e86600!important;text-decoration:underline;text-underline-offset:3px} .dp101-footer-socials a.is-facebook,.dp101-footer-socials a.is-facebook:hover{background:#fff!important;border-color:#fff!important;color:#ff7606!important} .dp101-footer-socials a.is-facebook svg{color:#ff7606!important} /* DirectPlayer V10.3.102 — Localisations, annuaire éditorial */ .dp103102-locations{width:min(1180px,calc(100% - 44px));margin:34px auto 96px;color:#171717} .dp103102-loc-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:54px;align-items:end;padding:28px 0 26px;border-bottom:1px solid #ececec} .dp103102-kicker{margin:0 0 10px;color:#fe7606;font-size:9px;font-weight:950;letter-spacing:.17em} .dp103102-loc-title h1{max-width:720px;margin:0;color:#121213;font-size:clamp(34px,4.3vw,54px);line-height:1.01;letter-spacing:-.045em} .dp103102-loc-title>p:last-child{max-width:690px;margin:14px 0 0;color:#727272;font-size:13px;line-height:1.65} .dp103102-loc-metrics{display:grid;grid-template-columns:repeat(3,minmax(76px,1fr));gap:1px;border:1px solid #e8e8e8;border-radius:16px;background:#e8e8e8;overflow:hidden} .dp103102-loc-metrics>div{min-width:94px;padding:15px 17px;background:#fff} .dp103102-loc-metrics strong{display:block;color:#121213;font-size:25px;line-height:1;letter-spacing:-.04em} .dp103102-loc-metrics span{display:block;margin-top:5px;color:#8b8b8b;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em} .dp103102-loc-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0 48px} .dp103102-loc-search-wrap{position:relative;z-index:20;min-width:0;flex:1;max-width:650px} .dp103102-loc-search{display:grid;grid-template-columns:20px minmax(0,1fr) 28px;align-items:center;gap:10px;min-height:50px;padding:0 13px;border:1px solid #dedede;border-radius:12px;background:#fff;transition:border-color .16s ease,box-shadow .16s ease} .dp103102-loc-search:focus-within{border-color:#fe7606;box-shadow:0 0 0 3px rgba(254,118,6,.09)} .dp103102-loc-search svg{width:18px;height:18px;fill:none;stroke:#6d6d6d;stroke-width:1.8} .dp103102-loc-search input{width:100%;border:0;outline:0;background:transparent;color:#151515;font:inherit;font-size:12px} .dp103102-loc-search input::placeholder{color:#9b9b9b} .dp103102-loc-search button{display:none;width:27px;height:27px;border:0;border-radius:50%;background:#f4f4f4;color:#707070;font-size:17px;cursor:pointer}.dp103102-loc-search button.show{display:grid;place-items:center} .dp103102-location-results{top:calc(100% + 7px);border-color:#e2e2e2!important;box-shadow:0 16px 36px rgba(18,18,19,.12)!important} .dp103102-location-results a:hover{background:#fff7ef!important}.dp103102-location-results small{background:#fff0e3!important;color:#d85d00!important}.dp103102-location-results b{color:#fe7606!important} .dp103102-loc-tabs{display:flex;align-items:center;gap:7px;flex:0 0 auto} .dp103102-loc-tabs a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid #e2e2e2;border-radius:10px;background:#fff;color:#444;text-decoration:none;font-size:9px;font-weight:850} .dp103102-loc-tabs a:hover{border-color:#fe7606;color:#c95600} .dp103102-loc-tabs b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:6px;background:#f4f4f4;color:#606060;font-size:8px} .dp103102-loc-section{scroll-margin-top:100px;margin-top:48px} .dp103102-loc-section+.dp103102-loc-section{padding-top:48px;border-top:1px solid #eeeeee} .dp103102-loc-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px} .dp103102-loc-section-head>div{display:flex;align-items:flex-start;gap:13px} .dp103102-loc-section-head>div>span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#121213;color:#fff;font-size:8px;font-weight:950} .dp103102-loc-section-head p{margin:0 0 3px;color:#fe7606;font-size:8px;font-weight:950;letter-spacing:.12em} .dp103102-loc-section-head h2{margin:0;color:#171717;font-size:25px;letter-spacing:-.03em} .dp103102-loc-section-head>a{display:inline-flex;align-items:center;gap:8px;color:#4d4d4d;text-decoration:none;font-size:9px;font-weight:850;white-space:nowrap}.dp103102-loc-section-head>a b{color:#fe7606;font-size:15px} .dp103102-country-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px} .dp103102-country-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;min-height:72px;padding:12px 13px;border:1px solid #e5e5e5;border-radius:12px;background:#fff;color:#171717;text-decoration:none;transition:border-color .16s ease,transform .16s ease,background .16s ease} .dp103102-country-card:hover{transform:translateY(-1px);border-color:#ffc79a;background:#fffaf6} .dp103102-country-flag{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#f6f6f6;border:1px solid #ededed;overflow:hidden} .dp103102-country-flag img{width:28px!important;height:21px!important;object-fit:cover}.dp103102-country-flag .dp101-country-flag,.dp103102-country-flag .dp-country-flag{width:30px!important;min-width:30px!important;height:22px!important} .dp103102-country-copy{min-width:0}.dp103102-country-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.dp103102-country-copy small{display:block;margin-top:4px;color:#8a8a8a;font-size:8px} .dp103102-card-arrow{color:#fe7606;font-size:15px} .dp103102-region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px} .dp103102-region-card{display:grid;gap:12px;min-width:0;padding:15px 16px;border:1px solid #e5e5e5;border-radius:12px;background:#fff;color:#171717;text-decoration:none;transition:border-color .16s ease,background .16s ease} .dp103102-region-card:hover{border-color:#ffc79a;background:#fffaf6} .dp103102-region-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.dp103102-region-top small{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8b8b8b;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.dp103102-region-top span{color:#fe7606;font-size:15px} .dp103102-region-card>strong{font-size:15px;line-height:1.15} .dp103102-region-meta{display:flex;gap:15px;padding-top:10px;border-top:1px solid #f0f0f0;color:#818181;font-size:8px}.dp103102-region-meta b{color:#2b2b2b} .dp103102-city-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} .dp103102-city-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:61px;padding:10px 12px;border:1px solid #e7e7e7;border-radius:11px;background:#fff;color:#181818;text-decoration:none;transition:border-color .16s ease,background .16s ease} .dp103102-city-row:hover{border-color:#ffc79a;background:#fffaf6} .dp103102-city-dot{width:7px;height:7px;border-radius:50%;background:#fe7606} .dp103102-city-copy{min-width:0}.dp103102-city-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.dp103102-city-copy small{display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#969696;font-size:7px} .dp103102-city-count{display:flex;align-items:baseline;gap:3px;color:#171717;font-size:12px;font-weight:900}.dp103102-city-count small{color:#8d8d8d;font-size:7px;font-weight:700} @media(max-width:1050px){.dp103102-loc-head{grid-template-columns:1fr;gap:22px}.dp103102-loc-metrics{width:max-content;max-width:100%}.dp103102-loc-tools{align-items:stretch;flex-direction:column}.dp103102-loc-search-wrap{max-width:none}.dp103102-country-grid,.dp103102-region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dp103102-city-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:720px){.dp103102-locations{width:min(100% - 28px,1180px);margin-top:20px}.dp103102-loc-title h1{font-size:36px}.dp103102-loc-title>p:last-child{font-size:11.5px}.dp103102-loc-metrics{width:100%}.dp103102-loc-metrics>div{min-width:0;padding:13px}.dp103102-loc-metrics strong{font-size:22px}.dp103102-loc-tools{margin-bottom:38px}.dp103102-loc-tabs{overflow-x:auto;width:100%;padding-bottom:2px;scrollbar-width:none}.dp103102-loc-tabs::-webkit-scrollbar{display:none}.dp103102-loc-tabs a{flex:0 0 auto}.dp103102-loc-section{margin-top:38px}.dp103102-loc-section+.dp103102-loc-section{padding-top:38px}.dp103102-loc-section-head{align-items:flex-start;flex-direction:column;gap:10px}.dp103102-loc-section-head h2{font-size:22px}.dp103102-city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:520px){.dp103102-locations{width:min(100% - 22px,1180px);margin-bottom:74px}.dp103102-loc-head{padding-top:12px}.dp103102-loc-title h1{font-size:32px}.dp103102-loc-metrics>div{padding:11px}.dp103102-loc-metrics strong{font-size:19px}.dp103102-loc-metrics span{font-size:6px}.dp103102-country-grid,.dp103102-region-grid,.dp103102-city-grid{grid-template-columns:1fr}.dp103102-country-card{min-height:68px}.dp103102-loc-section-head>a{white-space:normal}} /* DirectPlayer V10.3.102 — PWA update banner polish */ .dp-pwa-update-banner{border-color:#ffd2ad!important;background:#fff!important;box-shadow:0 16px 42px rgba(18,18,19,.16)!important} .dp-pwa-update-refresh{background:#fe7606!important;color:#fff!important}.dp-pwa-update-refresh:hover{background:#e96500!important}