.rh-dock .rhd-vid{position:fixed;left:0;top:0;width:0;height:0;z-index:1002;background:#000;overflow:hidden}
.rh-dock .rhd-vid.morph{transition:left .45s var(--rh-ease),top .45s var(--rh-ease),width .45s var(--rh-ease),height .45s var(--rh-ease)}
.rh-dock .rhd-vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.rh-dock[data-mode="off"] .rhd-vid,.rh-dock:not(.has-yt) .rhd-vid{visibility:hidden}
.rhd-bar{position:fixed;left:0;right:0;bottom:0;z-index:1001;background:color-mix(in srgb,var(--rh-surface) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 var(--rh-line);color:var(--rh-fg);font-family:var(--rh-font-body);transform:translateY(110%);transition:transform .5s var(--rh-ease)}
.rh-dock[data-mode="mini"] .rhd-bar{transform:none}
.rhd-prog{position:absolute;left:0;right:0;top:-9px;height:20px;cursor:pointer}
.rhd-prog::before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:var(--rh-line);transition:top .15s,height .15s}
.rhd-fill{position:absolute;left:0;top:9px;height:2px;width:0;background:var(--rh-accent);transition:top .15s,height .15s}
.rhd-prog:hover::before,.rhd-prog:hover .rhd-fill{top:6px;height:8px}
.rhd-row{display:flex;align-items:center;gap:12px;height:72px;padding:10px 20px;box-sizing:border-box}
.rhd-thumb{flex:0 0 auto;width:92px;height:52px;background:#000 center/cover no-repeat}
.rhd-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.rhd-title{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rhd-album{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rh-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rhd-time{font-size:12px;color:var(--rh-muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin-right:6px}
.rhd-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border-radius:50%;border:1px solid var(--rh-line);background:transparent;color:var(--rh-fg);cursor:pointer;transition:background-color .3s,color .3s,border-color .3s}
.rhd-btn svg{width:16px;height:16px;fill:currentColor;display:block}
.rhd-btn:hover{background:var(--rh-accent);border-color:var(--rh-accent);color:var(--rh-on-accent)}
.rhd-main{width:46px;height:46px;background:var(--rh-fg);border-color:var(--rh-fg);color:var(--rh-bg)}
.rhd-main svg{width:18px;height:18px}
.rhd-main .i-pause,.rh-dock.is-playing .rhd-main .i-play{display:none}
.rh-dock.is-playing .rhd-main .i-pause{display:block}
html.rh-dock-mini body{padding-bottom:72px}
.lb .lb-min{display:none;position:absolute;top:-48px;z-index:3;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid rgba(247,244,238,.3);border-radius:999px;color:#f7f4ee;font:600 12px/1.2 var(--rh-font-body);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;user-select:none;transition:background-color .3s,color .3s}
.lb .lb-min:hover{background:#f7f4ee;color:#111}
html.rh-has-track .lb .lb-min{display:inline-flex}
@media (max-width:767px){
  .rhd-row{gap:8px;height:64px;padding:8px 12px}
  .rhd-thumb{width:64px;height:36px}
  .rhd-time,.rhd-hide-sm{display:none}
  .rhd-btn{width:34px;height:34px}
  .rhd-main{width:42px;height:42px}
  html.rh-dock-mini body{padding-bottom:64px}
  .lb .lb-min{top:-52px}
}
/* Lecteur réduit : uniquement la pochette, la vidéo reste invisible (le son continue) */
.rh-dock .rhd-vid{transition:opacity .35s}
.rh-dock[data-mode="mini"] .rhd-vid{opacity:0;pointer-events:none}

/* Plus de bleu Oxygen par défaut : liens et boutons au survol = rouge du site */
html:root{--bde-links-color:inherit;--bde-links-color-hover:var(--rh-accent);--bde-brand-primary-color:var(--rh-accent);--bde-button-primary-background-color:var(--rh-accent);--bde-button-primary-background-color-hover:var(--rh-accent);--bde-button-primary-border-color:var(--rh-accent);--bde-button-primary-border-color-hover:var(--rh-accent);--bde-button-text-text-color-hover:var(--rh-accent)}
/* Boutons à fond rouge : texte blanc au survol (sinon rouge sur rouge) */
.hdr-cta:hover,.btn-primary:hover,.vb-btn:hover,.va-btn:hover,.rq-link:hover,.lb-play-all:hover,.year-chip.is-active:hover,.tour-row:hover .tour-cta,.home-news-all:hover,.lb-ctrl:hover,.lb-nav:hover,.button-atom--primary:hover,.rhd-btn:hover,.news-grid .bde-posts-pagination .current:hover{color:var(--rh-on-accent)!important}
.hdr-cta:hover,.btn-primary:hover,.vb-btn:hover,.va-btn:hover,.rq-link:hover,.lb-play-all:hover{filter:brightness(1.12)}
/* Toucher le titre / la pochette du lecteur réduit = rouvrir en grand */
.rhd-info,.rhd-thumb{cursor:pointer}
/* Lecteur réduit : mini-lecteur vidéo visible (remplace la pochette seule) */
.rh-dock[data-mode="mini"] .rhd-vid{opacity:1;pointer-events:auto;border-radius:6px;box-shadow:0 14px 44px rgba(0,0,0,.55);outline:1px solid var(--rh-line)}
/* Lecteur réduit : la vidéo prend la place de la pochette dans la barre (200 px min. pour YouTube) */
.rhd-row{height:auto;min-height:72px}
.rhd-thumb{width:356px;height:200px;border-radius:6px;overflow:hidden}
.rh-dock[data-mode="mini"] .rhd-vid{box-shadow:none;outline:0;border-radius:6px}
html.rh-dock-mini body{padding-bottom:224px}
@media (max-width:767px){
  .rhd-row{flex-wrap:wrap;height:auto;padding:10px 12px 8px;gap:8px}
  .rhd-thumb{flex:0 0 100%;width:100%;height:200px}
  html.rh-dock-mini body{padding-bottom:280px}
}
/* Lecteur réduit compact : la vidéo en bas à gauche, à la place de la pochette */
.rhd-row{flex-wrap:nowrap;height:88px;min-height:0;padding:12px 20px}
.rhd-thumb{flex:0 0 auto;width:112px;height:63px;border-radius:4px}
.rh-dock[data-mode="mini"] .rhd-vid{border-radius:4px}
html.rh-dock-mini body{padding-bottom:88px}
@media (max-width:767px){
  .rhd-row{flex-wrap:nowrap;height:72px;padding:8px 12px;gap:8px}
  .rhd-thumb{flex:0 0 auto;width:96px;height:54px}
  html.rh-dock-mini body{padding-bottom:72px}
}
/* Fenêtre album : pochette affichée en entier (pas rognée) */
.lb-player{background:#000}
.lb-player .lb-cover-img{object-fit:contain!important;width:100%;height:100%;background:#000}
/* Fenêtre album sur ordinateur : boutons Réduire / Fermer plus coupés en haut */
@media (min-width:1024px){.lb{padding-top:76px!important}}
.lb .lb-min{line-height:16.8px}

/* Vinyles colorés d'après la pochette (couleurs calculées depuis chaque pochette) */
.album-card::before{border-radius:50%;background-image:conic-gradient(from 20deg,rgba(255,255,255,0) 0,rgba(255,255,255,.22) 8%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 50%,rgba(255,255,255,.16) 58%,rgba(255,255,255,0) 70%),radial-gradient(circle,#0c0c0c 0 2.2%,color-mix(in srgb,var(--v,#1b1b1b) 30%,#f2efe9) 2.6% 15%,color-mix(in srgb,var(--v,#1b1b1b) 65%,#000) 15.5% 17%,var(--v,#1b1b1b) 17.5% 30%,color-mix(in srgb,var(--v,#1b1b1b) 65%,#000) 30.5% 31%,var(--v,#1b1b1b) 31.5% 46%,color-mix(in srgb,var(--v,#1b1b1b) 65%,#000) 46.5% 48%,var(--v,#1b1b1b) 48.5% 100%)!important;box-shadow:0 18px 40px -18px rgba(0,0,0,.6)}
.album-card[data-album-open="0"]{--v:#3b9b88}
.album-card[data-album-open="1"]{--v:#4386b0}
.album-card[data-album-open="2"]{--v:#c9c4bb}
.album-card[data-album-open="3"]{--v:#9f573c}
.album-card[data-album-open="4"]{--v:#a9aeb4}
.album-card[data-album-open="5"]{--v:#3c879e}
.album-card[data-album-open="6"]{--v:#d4cfc6}
.album-card[data-album-open="7"]{--v:#5790bf}
.album-card[data-album-open="8"]{--v:#2576b1}
.album-card[data-album-open="9"]{--v:#3259a4}
.album-card[data-album-open="10"]{--v:#b3aea6}
.album-card[data-album-open="11"]{--v:#c4c8cc}
.album-card[data-album-open="12"]{--v:#c98a5e}
.album-card[data-album-open="13"]{--v:#cfc9bf}
/* Panneau nouvel album : la pochette + vinyle lance l'album */
.na-art{cursor:pointer}
.na-art::after{content:"";position:absolute;z-index:3;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:var(--rh-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/30px no-repeat;box-shadow:0 12px 30px -10px rgba(0,0,0,.6);transform:scale(.9);opacity:.92;transition:transform .4s var(--rh-ease),opacity .4s}
.na-art:hover::after,.na-art:focus-visible::after{transform:scale(1.05);opacity:1}
.na-art:focus-visible{outline:2px solid var(--rh-accent);outline-offset:6px}
/* Accueil : photo Karaoké en haut, dégradé à gauche pour la lisibilité du texte */
#top .hero-shade{background:linear-gradient(90deg,rgba(10,10,10,.82) 0%,rgba(10,10,10,.55) 32%,rgba(10,10,10,0) 60%),var(--rh-hero-shade)!important}
#top .hero-img{object-position:65% 30%}
/* Fenêtre album (ordinateur/tablette) : hauteur recalculée, plus rien de coupé en bas */
@media (min-width:768px){
  .lb .lb-panel{max-height:calc(100dvh - 116px - var(--wp-admin--admin-bar--height,0px))}
  .lb .lb-panel.is-active{height:min(calc(100dvh - 116px - var(--wp-admin--admin-bar--height,0px)),820px)}
  html.rh-dock-mini .lb{padding-bottom:104px}
  html.rh-dock-mini .lb .lb-panel{max-height:calc(100dvh - 188px - var(--wp-admin--admin-bar--height,0px))}
  html.rh-dock-mini .lb .lb-panel.is-active{height:min(calc(100dvh - 188px - var(--wp-admin--admin-bar--height,0px)),820px)}
}
.album-card[data-album-open="14"]{--v:#518ea4}
/* Lien d'achat sous un album */
.buy-link{display:inline-flex;align-items:center;gap:8px;margin-top:28px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--rh-fg);text-decoration:none;padding-bottom:4px;border-bottom:1px solid var(--rh-line);transition:color .3s,border-color .3s}
.buy-link:hover{color:var(--rh-accent);border-color:var(--rh-accent)}
/* Bouton Acheter à côté d'Écouter l'album (fenêtre album) */
.lb-buy{position:absolute;z-index:2;bottom:28px;left:calc(50% + 6px);display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 22px;box-sizing:border-box;white-space:nowrap;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#f7f4ee;text-decoration:none;background:rgba(10,10,10,.72);border:1px solid rgba(247,244,238,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .3s,color .3s}
.lb-buy:hover{background:#f7f4ee;color:#111!important}
.lb-player:has(.lb-buy) .lb-play-all{left:calc(50% - 6px);transform:translateX(-100%)}
.lb-panel.has-video .lb-buy{display:none}
@media (max-width:767px){
  .lb-player:has(.lb-buy) .lb-play-all{left:50%;transform:translateX(-50%);bottom:76px}
  .lb-buy{left:50%;transform:translateX(-50%);bottom:18px;height:44px}
}
/* « Écouter sur » en bas de la fenêtre album */
.lb-stream{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;padding-top:24px;border-top:1px solid var(--rh-line)}
.lb-stream-k{width:100%;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--rh-muted)}
.lb-stream-a{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border:1px solid var(--rh-line);border-radius:999px;font-size:13px;font-weight:600;color:var(--rh-fg)!important;text-decoration:none;transition:border-color .3s,background-color .3s}
.lb-stream-a::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--b)}
.lb-stream-a:hover{border-color:var(--b);background:color-mix(in srgb,var(--b) 14%,transparent)}
.lb-stream-a.is-deezer{--b:#a238ff}.lb-stream-a.is-spotify{--b:#1ed760}.lb-stream-a.is-apple{--b:#fa2d48}
/* Mobile : la barre du lecteur ne cache plus le bas de la fenêtre album */
@media (max-width:767px){html.rh-dock-mini .lb-panel.is-active .lb-body{padding-bottom:104px}}
/* Écouter sur : placé sous le nombre de titres / durée */
/* Écouter sur : petit titre, puis 3 boutons de même largeur avec le logo de chaque plateforme */
.lb-body .lb-stream{display:block;margin:20px 0 28px;padding:0;border:0}
.lb-body .lb-stream .lb-stream-k{display:block;width:auto;margin:0 0 10px;font-size:11px;letter-spacing:.16em}
.lb-stream-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lb-body .lb-stream-a{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;height:46px;padding:0 12px;border:1px solid var(--rh-line);border-radius:12px;background:color-mix(in srgb,var(--rh-fg) 4%,transparent);font-size:13px;font-weight:600;letter-spacing:0;white-space:nowrap}
.lb-body .lb-stream-a::before{display:none}
.lb-stream-a svg{flex:0 0 auto;width:20px;height:20px;display:block}
.lb-stream-a span{overflow:hidden;text-overflow:ellipsis}
.lb-body .lb-stream-a:hover{border-color:color-mix(in srgb,var(--b) 70%,transparent);background:color-mix(in srgb,var(--b) 12%,transparent)}
@media (max-width:479px){
  .lb-body .lb-stream-a{flex-direction:column;gap:6px;height:auto;padding:12px 4px 10px;font-size:12px}
  .lb-stream-a svg{width:24px;height:24px}
}

/* ===== Retour au toucher (style Apple) : le bouton se creuse dès qu'on appuie, revient en douceur au relâché ===== */
.rhd-btn,.lb-stream-a,.lb-play-all,.lb-buy,.lb-min,.lb-close,.lb-nav,.lb-ctrl,.hdr-cta,.btn-primary,.btn-ghost,.home-news-all,.buy-link,.rq-link,.mode-toggle,.menu-toggle,.album-card,.na-art,.tr-row,.year-chip,.tour-cta,.rhd-info,.rhd-thumb{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.rhd-btn,.lb-ctrl{transition:background-color .3s,color .3s,border-color .3s,scale .3s var(--rh-ease)}
.lb-stream-a{transition:border-color .3s,background-color .3s,scale .3s var(--rh-ease)}
.lb-buy,.lb-min,.lb-close{transition:background-color .3s,color .3s,scale .3s var(--rh-ease)}
.lb-play-all{transition:transform .4s var(--rh-ease),scale .3s var(--rh-ease)}
.lb-nav{transition:background-color .3s,color .3s,transform .4s var(--rh-ease),scale .3s var(--rh-ease)}
.hdr-cta{transition:transform .4s var(--rh-ease),filter .4s var(--rh-ease),scale .3s var(--rh-ease)}
.btn-primary{transition:transform .45s var(--rh-ease),box-shadow .45s var(--rh-ease),scale .3s var(--rh-ease)}
.btn-ghost{transition:background-color .45s var(--rh-ease),color .45s var(--rh-ease),scale .3s var(--rh-ease)}
.home-news-all{transition:border-color .3s,color .3s,background-color .3s,scale .3s var(--rh-ease)}
.buy-link{transition:color .3s,border-color .3s,scale .3s var(--rh-ease)}
.rq-link{transition:transform .4s var(--rh-ease),scale .3s var(--rh-ease)}
.mode-toggle{transition:border-color .35s var(--rh-ease),color .35s var(--rh-ease),transform .35s var(--rh-ease),scale .3s var(--rh-ease)}
.year-chip,.tour-cta,.rhd-info,.rhd-thumb{transition:scale .3s var(--rh-ease)}
.tr-row{transition:padding .35s var(--rh-ease),opacity .25s}
.rhd-btn:active,.lb-stream-a:active,.lb-play-all:active,.lb-buy:active,.lb-min:active,.lb-close:active,.lb-nav:active,.lb-ctrl:active,.hdr-cta:active,.btn-primary:active,.btn-ghost:active,.home-news-all:active,.buy-link:active,.rq-link:active,.mode-toggle:active,.menu-toggle:active,.year-chip:active,.tour-cta:active,.rhd-info:active,.rhd-thumb:active{scale:.94;transition-duration:.08s}
.album-card:active,.na-art:active{scale:.98;transition-duration:.08s}
.tr-row:active{opacity:.55;transition-duration:.08s}

/* ===== Barre de progression qu'on glisse : zone de toucher plus large, pastille visible pendant le glissé ===== */
.rhd-prog{touch-action:none;outline:0}
.rhd-fill::after{content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--rh-accent);scale:0;transition:scale .25s var(--rh-ease)}
.rhd-prog:hover .rhd-fill::after,.rhd-prog:focus-visible .rhd-fill::after,.rh-dock.is-scrub .rhd-fill::after{scale:1}
.rh-dock.is-scrub .rhd-fill::after{scale:1.35}
.rh-dock.is-scrub .rhd-prog::before,.rh-dock.is-scrub .rhd-fill,.rhd-prog:focus-visible::before,.rhd-prog:focus-visible .rhd-fill{top:3px;height:4px}
@media (pointer:coarse){
  .rhd-prog{top:-11px;height:22px}
  .rhd-prog::before,.rhd-fill{top:10px}
  .rh-dock.is-scrub .rhd-prog::before,.rh-dock.is-scrub .rhd-fill{top:9px;height:4px}
}

/* ===== Chargement entre pages : fine barre en haut au lieu d'une page pâlie, nouvelle page en fondu ===== */
.rh-navbar{position:fixed;left:0;top:var(--wp-admin--admin-bar--height,0px);z-index:10000;width:100%;height:2px;background:var(--rh-accent);transform-origin:0 50%;transform:scaleX(0);opacity:0;pointer-events:none}
.rh-navbar.is-on{opacity:1;transform:scaleX(.85);transition:transform 6s cubic-bezier(.1,.6,.3,1),opacity .2s}
.rh-navbar.is-done{transform:scaleX(1);opacity:0;transition:transform .25s var(--rh-ease),opacity .3s .15s}
#oxy-main.rh-enter{animation:rh-page-in .35s var(--rh-ease) both}
@keyframes rh-page-in{from{opacity:0}to{opacity:1}}

/* ===== Fenêtre album au doigt : le navigateur garde le défilement vertical, les glissés horizontaux sont pour nous ===== */
.lb .lb-panel{touch-action:pan-y}
