:root {
  --oeb-primary: #8EC63F;
  --oeb-primary-dark: #5F9629;
  --oeb-text: #263238;
  --oeb-muted: #667085;
  --oeb-soft: #f4faec;
  --oeb-white: #fff;
}

#oebGlobalAudioPlayer.oeb-sticky-player {
  position: fixed;
  z-index: 99999;
  left: 50%;
  transform: translateX(-50%);
  bottom: 18px;
  width: min(1040px, calc(100% - 36px));
  background: rgba(255,255,255,.97);
  border: 1px solid rgba(142,198,63,.28);
  border-radius: 24px;
  box-shadow: 0 18px 55px rgba(15,44,62,.18);
  padding: 12px 14px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  backdrop-filter: blur(14px);
  font-family: inherit;
  box-sizing: border-box;
}

#oebGlobalAudioPlayer .oeb-player-cover {
  width: 54px !important;
  height: 54px !important;
  border-radius: 16px;
  object-fit: cover;
  background: var(--oeb-soft);
  box-shadow: inset 0 0 0 1px rgba(142,198,63,.18);
}

#oebGlobalAudioPlayer .oeb-player-cover[src=""],
#oebGlobalAudioPlayer .oeb-player-cover:not([src]) {
  opacity: .72;
}

#oebGlobalAudioPlayer .oeb-player-title {
  color: var(--oeb-text);
  font-weight: 900;
  font-size: 15px;
  line-height: 1.15;
  margin-bottom: 4px;
}

#oebGlobalAudioPlayer .oeb-player-subtitle {
  color: var(--oeb-muted);
  font-size: 12px;
  line-height: 1.25;
}

#oebGlobalAudioPlayer .oeb-player-next {
  margin-top: 4px;
  color: var(--oeb-primary-dark);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .02em;
}

#oebGlobalAudioPlayer .oeb-player-next[hidden] {
  display: none !important;
}

#oebGlobalAudioPlayer .oeb-player-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 7px;
}

#oebGlobalAudioPlayer .oeb-player-tool,
#oebGlobalAudioPlayer .oeb-player-mini {
  min-width: 36px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(142,198,63,.32);
  background: #fff;
  color: var(--oeb-primary-dark);
  font-weight: 900;
  cursor: pointer;
  font-family: inherit;
  font-size: 12px;
  padding: 0 10px;
  transition: background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

#oebGlobalAudioPlayer .oeb-player-tool.is-active,
#oebGlobalAudioPlayer .oeb-player-mini:hover,
#oebGlobalAudioPlayer .oeb-player-tool:hover {
  background: var(--oeb-primary);
  color: #193006;
  transform: translateY(-1px);
}

#oebGlobalAudioPlayer .oeb-player-controls {
  display: flex;
  align-items: center;
  gap: 6px;
}

#oebGlobalAudioPlayer .oeb-player-btn {
  width: 52px;
  height: 52px;
  border: 0;
  border-radius: 999px;
  background: var(--oeb-primary);
  color: #193006;
  cursor: pointer;
  font-weight: 900;
  font-size: 18px;
  font-family: inherit;
  box-shadow: 0 10px 24px rgba(95,150,41,.22);
}

#oebGlobalAudioPlayer .oeb-player-clear {
  background: rgba(142,198,63,.12) !important;
}

#oebGlobalAudioPlayer .oeb-volume-control {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  height: 42px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(142,198,63,.45);
  color: var(--oeb-primary-dark);
  font-weight: 900;
  font-size: 12px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fcf1 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.75), 0 8px 20px rgba(95,150,41,.08);
}

#oebGlobalAudioPlayer .oeb-volume-control span {
  font-size: 0;
  display: inline-flex;
  align-items: center;
}

#oebGlobalAudioPlayer .oeb-volume-control span::before {
  content: "Vol.";
  font-size: 12px;
}

#oebGlobalAudioPlayer .oeb-volume-control input[type="range"] {
  width: 92px;
  height: 6px;
  border-radius: 999px;
  accent-color: var(--oeb-primary);
  cursor: pointer;
}

#oebGlobalAudioPlayer .oeb-player-progress {
  height: 5px;
  border-radius: 999px;
  background: rgba(142,198,63,.18);
  margin-top: 8px;
  overflow: hidden;
}

#oebGlobalAudioPlayer .oeb-player-progress span {
  display: block;
  height: 100%;
  width: 0;
  background: var(--oeb-primary);
}

#oebGlobalAudioPlayer .oeb-player-time {
  display: flex;
  justify-content: space-between;
  color: var(--oeb-muted);
  font-size: 11px;
  margin-top: 4px;
}

.oeb-html-audio-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 10px 0 18px;
}

.oeb-html-audio-btn {
  border-radius: 999px;
  padding: 9px 14px;
  font-family: inherit;
  font-weight: 800;
  font-size: 13px;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}

.oeb-html-play-now {
  border: 0;
  background: var(--oeb-primary);
  color: #193006;
  box-shadow: 0 8px 18px rgba(95, 150, 41, .16);
}

.oeb-html-queue {
  background: #fff;
  color: var(--oeb-primary-dark);
  border: 1px solid rgba(142, 198, 63, .38);
}

.oeb-html-audio-btn:hover {
  transform: translateY(-1px);
}

#oeb-global-player,
.oeb-global-player {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
body.oeb-player-active {
  padding-bottom: 0 !important;
}
.oeb-audio-actions:not(.oeb-html-audio-actions) {
  display: none !important;
}

@media (max-width: 900px) {
  #oebGlobalAudioPlayer.oeb-sticky-player {
    grid-template-columns: auto 1fr;
    bottom: 12px;
  }
  #oebGlobalAudioPlayer .oeb-player-controls {
    grid-column: 1 / -1;
    justify-content: center;
    flex-wrap: wrap;
  }
}


/* OEB-Map v2.0.2 - stabilisation player global + carte */
#oebGlobalAudioPlayer.oeb-sticky-player { box-sizing: border-box !important; }
#oebGlobalAudioPlayer .oeb-volume-control {
  display: inline-flex !important; align-items: center !important; gap: 10px !important;
  height: 42px !important; min-width: 148px !important; padding: 0 12px !important;
  border-radius: 999px !important; border: 1px solid rgba(142,198,63,.52) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fcf1 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.75), 0 8px 20px rgba(95,150,41,.08) !important;
  color: #2f5f10 !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1 !important;
}
#oebGlobalAudioPlayer .oeb-volume-control span {
  display: inline-flex !important; align-items: center !important; color: #2f5f10 !important;
  font-size: 0 !important; font-weight: 950 !important; white-space: nowrap !important;
}
#oebGlobalAudioPlayer .oeb-volume-control span::before { content: "Vol." !important; font-size: 12px !important; }
#oebGlobalAudioPlayer .oeb-volume-control input[type="range"] {
  -webkit-appearance: none !important; appearance: none !important; display: block !important;
  width: 92px !important; min-width: 92px !important; max-width: 92px !important; height: 22px !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important;
  background: transparent !important; box-shadow: none !important; outline: none !important; cursor: pointer !important;
}
#oebGlobalAudioPlayer .oeb-volume-control input[type="range"]::-webkit-slider-runnable-track {
  height: 6px !important; border: 0 !important; border-radius: 999px !important;
  background: rgba(95,150,41,.22) !important; box-shadow: none !important;
}
#oebGlobalAudioPlayer .oeb-volume-control input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none !important; appearance: none !important; width: 18px !important; height: 18px !important;
  margin-top: -6px !important; border: 2px solid #5F9629 !important; border-radius: 50% !important;
  background: #ffffff !important; box-shadow: 0 2px 8px rgba(0,0,0,.16) !important;
}
#oebGlobalAudioPlayer .oeb-volume-control input[type="range"]::-moz-range-track {
  height: 6px !important; border: 0 !important; border-radius: 999px !important;
  background: rgba(95,150,41,.22) !important; box-shadow: none !important;
}
#oebGlobalAudioPlayer .oeb-volume-control input[type="range"]::-moz-range-thumb {
  width: 18px !important; height: 18px !important; border: 2px solid #5F9629 !important;
  border-radius: 50% !important; background: #ffffff !important; box-shadow: 0 2px 8px rgba(0,0,0,.16) !important;
}
.oeb-map-card { display: block !important; position: relative !important; }
.oeb-map-card > #oebMap, .oeb-map-card > .oeb-map, #oebMap.oeb-map {
  position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important; min-height: 100% !important;
}
.oeb-map-card .leaflet-container, .oeb-map-card .leaflet-map-pane, .oeb-map-card .leaflet-tile-pane { min-height: 100% !important; }

/* OEB-Map v2.1.0 - player plus lisible et plus éditorial */
#oebGlobalAudioPlayer.oeb-sticky-player {
  border-radius: 28px;
  border-color: rgba(142,198,63,.34);
  box-shadow: 0 22px 70px rgba(16, 44, 28, .20);
}

#oebGlobalAudioPlayer .oeb-player-cover {
  border-radius: 18px;
}

#oebGlobalAudioPlayer .oeb-player-title {
  font-size: 16px;
  letter-spacing: -.01em;
}

#oebGlobalAudioPlayer .oeb-player-progress {
  height: 7px;
}

#oebGlobalAudioPlayer .oeb-player-btn {
  width: 58px;
  height: 58px;
  box-shadow: 0 14px 30px rgba(95,150,41,.26);
}

#oebGlobalAudioPlayer .oeb-player-tool[data-oeb-mode="adulte"]::before {
  content: "";
}

#oebGlobalAudioPlayer .oeb-player-tool[data-oeb-mode="enfant"]::before {
  content: "";
}

@media (max-width: 640px) {
  #oebGlobalAudioPlayer.oeb-sticky-player {
    width: calc(100% - 18px);
    bottom: 8px;
    padding: 10px;
    border-radius: 22px;
  }

  #oebGlobalAudioPlayer .oeb-player-cover {
    width: 48px !important;
    height: 48px !important;
  }

  #oebGlobalAudioPlayer .oeb-volume-control {
    display: none !important;
  }
}


/* OEB-Map v2.3.3 - lecteur global fin, persistant, inspiration Radio France */
:root{
  --oeb-blue:#54BAEB;
  --oeb-deep:#2f6f94;
  --oeb-gold:#E1A015;
  --oeb-green:#BFD885;
  --oeb-text:#4f4f4f;
  --oeb-soft:#f4f8fa;
  --oeb-soft-2:#eef3f6;
}
#oebGlobalAudioPlayer.oeb-sticky-player{
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:center !important;
  width:min(1120px, calc(100% - 24px)) !important;
  min-height:58px !important;
  padding:7px 10px !important;
  bottom:12px !important;
  border-radius:18px !important;
  border:1px solid rgba(47,111,148,.18) !important;
  background:rgba(244,248,250,.96) !important;
  box-shadow:0 14px 40px rgba(47,111,148,.20) !important;
  opacity:0 !important;
  pointer-events:none !important;
  transform:translate(-50%, 18px) scale(.985) !important;
  transition:opacity .22s ease, transform .22s ease !important;
  backdrop-filter:blur(16px) !important;
}
#oebGlobalAudioPlayer.oeb-sticky-player.is-visible{
  opacity:1 !important;
  pointer-events:auto !important;
  transform:translate(-50%, 0) scale(1) !important;
}
#oebGlobalAudioPlayer .oeb-player-cover{
  width:42px !important;height:42px !important;border-radius:11px !important;object-fit:cover !important;background:var(--oeb-green) !important;
}
#oebGlobalAudioPlayer .oeb-player-title{font-size:13px !important;line-height:1.12 !important;margin:0 !important;color:var(--oeb-text) !important;font-weight:900 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
#oebGlobalAudioPlayer .oeb-player-subtitle,#oebGlobalAudioPlayer .oeb-player-next{font-size:10.5px !important;line-height:1.1 !important;color:rgba(79,79,79,.72) !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
#oebGlobalAudioPlayer .oeb-player-tools{display:none !important;}
#oebGlobalAudioPlayer .oeb-player-controls{gap:5px !important;flex-wrap:nowrap !important;}
#oebGlobalAudioPlayer .oeb-player-btn{width:40px !important;height:40px !important;background:#fff !important;color:var(--oeb-deep) !important;border:0 !important;box-shadow:0 6px 16px rgba(47,111,148,.18) !important;font-size:16px !important;}
#oebGlobalAudioPlayer .oeb-player-mini{min-width:32px !important;height:32px !important;padding:0 8px !important;border:0 !important;background:transparent !important;color:var(--oeb-deep) !important;font-size:12px !important;font-weight:900 !important;}
#oebGlobalAudioPlayer .oeb-player-mini:hover{background:rgba(84,186,235,.15) !important;transform:none !important;color:var(--oeb-deep) !important;}
#oebGlobalAudioPlayer .oeb-player-clear{font-size:22px !important;background:transparent !important;color:rgba(79,79,79,.60) !important;}
#oebGlobalAudioPlayer .oeb-player-progress{height:4px !important;margin-top:5px !important;background:rgba(47,111,148,.15) !important;cursor:pointer !important;overflow:hidden !important;}
#oebGlobalAudioPlayer .oeb-player-progress span{background:linear-gradient(90deg,var(--oeb-blue),var(--oeb-deep)) !important;}
#oebGlobalAudioPlayer .oeb-player-time{font-size:10px !important;margin-top:2px !important;color:rgba(79,79,79,.65) !important;}
#oebGlobalAudioPlayer .oeb-player-speed{display:inline-flex !important;align-items:center !important;height:32px !important;border-radius:999px !important;background:rgba(84,186,235,.12) !important;padding:0 6px !important;color:var(--oeb-deep) !important;font-size:0 !important;}
#oebGlobalAudioPlayer .oeb-player-speed select{border:0 !important;background:transparent !important;color:var(--oeb-deep) !important;font-weight:900 !important;font-size:12px !important;padding:0 !important;max-width:54px !important;}
#oebGlobalAudioPlayer .oeb-volume-control{display:none !important;}
#oebGlobalAudioPlayer .oeb-player-drawer{position:absolute !important;left:0 !important;right:0 !important;bottom:calc(100% + 10px) !important;max-height:min(360px,60vh) !important;overflow:auto !important;background:rgba(244,248,250,.98) !important;border:1px solid rgba(47,111,148,.18) !important;border-radius:18px !important;box-shadow:0 18px 50px rgba(47,111,148,.18) !important;padding:12px !important;}
#oebGlobalAudioPlayer .oeb-player-drawer[hidden]{display:none !important;}
#oebGlobalAudioPlayer .oeb-player-drawer-head{display:flex !important;justify-content:space-between !important;align-items:center !important;margin-bottom:8px !important;color:var(--oeb-deep) !important;}
#oebGlobalAudioPlayer .oeb-player-drawer-head button{border:0 !important;background:transparent !important;font-size:22px !important;cursor:pointer !important;color:var(--oeb-deep) !important;}
#oebGlobalAudioPlayer .oeb-player-drawer-list{display:grid !important;gap:7px !important;}
#oebGlobalAudioPlayer .oeb-player-drawer-item{text-align:left !important;border:0 !important;border-radius:13px !important;background:#fff !important;padding:10px 12px !important;cursor:pointer !important;box-shadow:0 5px 18px rgba(47,111,148,.08) !important;}
#oebGlobalAudioPlayer .oeb-player-drawer-item span{display:block !important;font-weight:900 !important;color:var(--oeb-text) !important;}
#oebGlobalAudioPlayer .oeb-player-drawer-item small{color:var(--oeb-deep) !important;font-weight:800 !important;}
.oeb-html-audio-btn{background:var(--oeb-soft) !important;color:var(--oeb-deep) !important;border:1px solid rgba(47,111,148,.18) !important;box-shadow:0 8px 20px rgba(47,111,148,.10) !important;}
.oeb-html-play-now{background:var(--oeb-blue) !important;color:#fff !important;border:0 !important;}
@media (max-width:760px){
  #oebGlobalAudioPlayer.oeb-sticky-player{grid-template-columns:34px minmax(0,1fr) auto !important;width:calc(100% - 14px) !important;bottom:7px !important;border-radius:15px !important;min-height:52px !important;padding:6px 7px !important;gap:7px !important;}
  #oebGlobalAudioPlayer .oeb-player-cover{width:34px !important;height:34px !important;border-radius:9px !important;}
  #oebGlobalAudioPlayer .oeb-player-title{font-size:12px !important;}
  #oebGlobalAudioPlayer .oeb-player-subtitle,#oebGlobalAudioPlayer .oeb-player-next{display:none !important;}
  #oebGlobalAudioPlayer .oeb-player-controls{grid-column:auto !important;gap:1px !important;}
  #oebGlobalAudioPlayer .oeb-player-btn{width:36px !important;height:36px !important;}
  #oebGlobalAudioPlayer .oeb-player-mini{min-width:27px !important;height:30px !important;padding:0 5px !important;font-size:11px !important;}
  #oebGlobalAudioPlayer .oeb-player-speed{display:none !important;}
  #oebGlobalAudioPlayer .oeb-player-time{display:none !important;}
}
