/* /assets/travail.css */
/* ───────────────────────────────────────────────────────────
   Design tokens (dark, minimal, pro) 
   ─────────────────────────────────────────────────────────── */
:root{
  --kp-bg:#0b0b10;
  --kp-surface:#131421;
  --kp-elev:#181825;
  --kp-stroke:#26273a;
  --kp-stroke-soft:#2f3047;
  --kp-text:#f5f7fb;

  --kdn-ar-accent:#0a84ff;
  --kdn-ar-accent-2:#64D2FF;
  --kg-surface:rgba(255,255,255,.06);

  --kp-dim:#b7bcd0;
  --kp-accent:#4fd1c5; /* soft gold */
  --kp-accent-strong:#ffd700;
  --kp-danger:#ff5a5a;
  --kp-radius:12px;
  --kp-radius-lg:16px;
  --kp-shadow-lg:0 12px 40px rgba(0,0,0,.45), 0 1px 10px rgba(0,0,0,.25);
  --kp-shadow-sm:0 2px 10px rgba(0,0,0,.24);
  --kp-focus:0 0 0 3px rgba(255,216,102,.25);

  /* Rail width for mini controls */
  --rail:3em;
}

/* Reset-ish */
.kaidan-travail-videos *{box-sizing:border-box}
.kaidan-travail-videos img{display:block;max-width:100%;height:auto}

/* ───────────────────────────────────────────────────────────
   Tabs (À la Une / Mes Vidéos)
   ─────────────────────────────────────────────────────────── */
.kaidan-espace-tabs{
  display:flex;gap:1.8rem;justify-content:center;align-items:center;
  padding:0.25rem 0 1.25rem;border-bottom:1px solid var(--kp-stroke-soft);
}
.espace-tab-btn, .espace-tab-btn:hover {
  appearance:none;background:transparent;border:1px solid var(--kp-stroke);
  color:var(--kp-text)!important;font:600 0.98rem/1.1 "Inter",system-ui,sans-serif;
  padding:.55rem .9rem;border-radius:999px;display:inline-flex;gap:.45rem;
  align-items:center;box-shadow:var(--kp-shadow-sm);
  text-transform:capitalize;
}
.espace-tab-btn:hover{border-color:var(--kp-stroke-soft);transform:translateY(-1px)}
.espace-tab-btn.active{
  border-color:transparent;background:linear-gradient(180deg,#1b1c2a,#141526);
  outline:0;box-shadow:0 0 0 1px #2c2d41 inset, var(--kp-shadow-sm);
}
.espace-tab-btn:focus-visible{outline:none;box-shadow:var(--kp-focus)}

/* Tab contents */
.espace-tab-content{display:none;animation:fadein .28s ease both}
.espace-tab-content.active{display:block}

@media (max-width: 767px){ 
  .espace-tab-btn, .espace-tab-btn:hover {
    padding: 0.5em 1.2em;
    /*flex-direction: column-reverse;*/
    font-size:0.9em;
    gap:0.2rem;
  } 
  .kaidan-espace-tabs{ gap:1.2em; }
}

@media (max-width: 600px){ 
  .kaidan-espace-tabs{ gap:0.5em; }
  .espace-tab-btn, .espace-tab-btn:hover { padding: 0.7em 1.1em 0.5em 1.1em; }
}

/* ───────────────────────────────────────────────────────────
   Recommendations grid (featured) & Library grid (user)
   ─────────────────────────────────────────────────────────── */
.kaidan-reco-videos-list,
.kaidan-youtube-list{
  list-style:none;margin:1rem auto 0!important;padding:0!important;
  display:grid;grid-template-columns:1fr;gap:14px;max-width:1400px;
}
@media (min-width: 700px){ .kaidan-reco-videos-list, .kaidan-youtube-list{grid-template-columns:1fr 1fr} }
@media (min-width: 1080px){ .kaidan-reco-videos-list, .kaidan-youtube-list{grid-template-columns:1fr 1fr 1fr} }

/* Items */
.kaidan-reco-videos-list > li,
.kaidan-youtube-item{
  border:0;
  border-radius:var(--kp-radius);box-shadow:var(--kp-shadow-sm);
  overflow:hidden;
}
.kaidan-reco-videos-list > li:hover,
.kaidan-youtube-item:hover{
  border-color:var(--kp-stroke-soft);box-shadow:var(--kp-shadow-lg);transform:translateY(-2px)
}

/* ───────────────────────────────────────────────────────────
   Recommendation card content (lazy embed + add button)
   ─────────────────────────────────────────────────────────── */
.kaidan-yt-lazy-embed{
  position:relative;width:100%;aspect-ratio:16/9;background:#0e0f18;
  border-radius:calc(var(--kp-radius) - 2px);overflow:hidden;border:1px solid #ffffff12;
}
.kaidan-yt-lazy-embed img{width:100%;height:100%;object-fit:cover}
.kaidan-yt-play-btn{
  position:absolute;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);
  pointer-events:none;border:0;border-radius:999px;font-size:1.8rem;line-height:1;
  padding:.7rem .95rem;background:rgba(0,0,0,.5);color:var(--kp-accent);
  box-shadow:0 6px 26px rgba(0,0,0,.55)
}
/* (neutralized below) .kaidan-add-gallery-btn definition kept for legacy */

/* ───────────────────────────────────────────────────────────
   Library item layout — (VERTICAL RAIL DEPRECATED)
   ─────────────────────────────────────────────────────────── */
.kaidan-youtube-item{
  display:flex;
  flex-direction:column; /* ensures info bar sits BELOW the video */
  /* align-items:stretch; */
  position:relative;
}

/* ⚠️ NEUTRALIZED: hide legacy vertical rail everywhere */
.video-controls{ display:none !important; }

/* Video area */
.kaidan-youtube-video-lazy{
  position:relative;  flex:1;  min-width:0;aspect-ratio:16/9;background:#0e0f18;  overflow:hidden; 
}
.kaidan-youtube-video-lazy img,
.kaidan-youtube-video-lazy iframe{
  width:100%;height:100%;object-fit:cover;display:block;
}

/* Rounded corners rules related to the (now hidden) rail kept harmless */
.video-controls.left + .kaidan-youtube-video-lazy{
  border-radius:0 var(--kp-radius) var(--kp-radius) 0;
}
.video-controls.right ~ .kaidan-youtube-video-lazy{
  border-radius:var(--kp-radius) 0 0 var(--kp-radius);
}

/* Compact on small screens */
@media (max-width: 640px){
  .video-controls{width:52px;min-width:52px}
}

/* ───────────────────────────────────────────────────────────
   NEW — Unified info/actions bar (below video)
   (title, channel, heart + counter, mini-player, copy, drag handle)
   ─────────────────────────────────────────────────────────── */
.kaidan-card-bar{
  display:flex;align-items:center;justify-content:space-between;gap:.8rem;
  padding:.7rem .85rem 0.3rem;
  margin-top:0!important;
}

.kaidan-card-bar:hover{
 background: color-mix(in srgb, var(--kp-elev) 94%, var(--kp-bg) 6%); 
}

.kaidan-card-meta{
  flex:1;min-width:0;  display:grid; /* display:contents; */ grid-template-rows:auto auto;row-gap:0;
}
.kaidan-card-meta .title{
  font:700 .98rem/1.25 "Inter",system-ui,sans-serif;color:var(--kp-text);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;text-overflow:ellipsis;word-break:break-word;
}
.kaidan-card-meta .channel{
  font:600 .86rem/1.2 "Inter",system-ui,sans-serif;color:var(--kp-dim);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* Actions (icons-only, compact) */
.kaidan-card-actions{
  display:flex;align-items:center;gap:.35rem;flex-wrap:nowrap;
}
.kaidan-card-actions > button{
  appearance:none;background:transparent;border:1px solid transparent;border-radius:10px;
  color:var(--kp-text);cursor:pointer;padding:.35rem;line-height:1;font-size:1.05rem;
  min-height:36px;min-width:36px;/* display:inline-flex; */ align-items:center;justify-content:center;
  gap:0;
}
.kaidan-card-actions > button:hover{background:#ffffff10;border-color:#ffffff12}
.kaidan-card-actions > button:focus-visible{outline:none;box-shadow:var(--kp-focus)}
/* Heart + counter */
.kaidan-like{gap:.35rem}
.kaidan-like .count{font:700 .88rem/1 "Inter",system-ui,sans-serif;color:var(--kp-dim)}
.kaidan-like.active{color:var(--kp-accent-strong)}
/* Mini player / copy / drag visual emphasis */
.open-mini-player, .copy-link, .kaidan-youtube-handle{color:var(--kp-accent-strong)}
/* Delete (if present in library) */
.kaidan-card-delete{color:var(--kp-danger)}
  .kaidan-card-bar{flex-wrap:wrap}

  .kaidan-card-actions{width:100%;justify-content:flex-end}

/* ───────────────────────────────────────────────────────────
   Add form
   ─────────────────────────────────────────────────────────── */
#kaidan-youtube-form{
  display:flex;gap:.6rem;align-items:center;max-width:860px;margin:1rem 0 0
}
#kaidan-youtube-form input[type="url"]{
  flex:1;min-width:0;background:#111320;border:1px solid var(--kp-stroke);
  border-radius:12px;color:var(--kp-text);padding:.75rem .9rem;font:500 .98rem/1.1 "Inter",system-ui,sans-serif;
}
#kaidan-youtube-form input[type="url"]::placeholder{color:#8f94ad}
#kaidan-youtube-form input[type="url"]:focus{outline:none;border-color:#3a3b56;}
#kaidan-youtube-form button{
  appearance:none;border:0;border-radius:12px;padding:.78rem 1.05rem;
  font:700 .95rem/1 "Inter",system-ui,sans-serif;cursor:pointer;
  background:linear-gradient(180deg,#ffd866,#ffc83d);color:#151515;
}
#kaidan-youtube-form button:hover{transform:translateY(-1px)}
#kaidan-youtube-error{color:#ff6b6b;font:600 .9rem/1.2 "Inter",system-ui,sans-serif}

/* Limit label */
#kaidan-youtube-limit{margin-top:.65rem;font:600 .85rem/1.1 "Inter",system-ui,sans-serif;color:var(--kp-dim)}

/* Spacing harmonization */
.kaidan-youtube-list,
.kaidan-youtube-item,
#kaidan-youtube-form{margin-bottom:0}

/* ───────────────────────────────────────────────────────────
   Mini Player (dock L/R, interior rail, collapsed shows rail)
   ─────────────────────────────────────────────────────────── */
#kaidan-mini-player{
  position:fixed;bottom:calc( 61px + env(safe-area-inset-bottom,0px));right:14px;left:auto;z-index:999999;
  width:min(420px, 96vw);background:var(--kp-elev);border:1px solid var(--kp-stroke);
  border-radius:var(--kp-radius-lg);box-shadow:var(--kp-shadow-lg);
  display:none;flex-direction:row;animation:fadeinOpacity .25s ease; /* opacity only */
  overflow:hidden;
  will-change:transform;
  backface-visibility:hidden;
  transform:translateX(0); /* base state */
  touch-action:manipulation;
}
#kaidan-mini-player.active{display:flex}

/* Order rail/iframe by side — INTERIOR when expanded */
#kaidan-mini-player .mini-controls{
  width:var(--rail);min-width:var(--rail);display:flex;flex-direction:column;gap:.35rem;
  align-items:center;justify-content:flex-start;padding:.5rem 0;
  background:linear-gradient(180deg,#1b1c29,#151626)
}
#kaidan-mini-player.side-right .mini-controls{order:0;border-right:1px solid var(--kp-stroke)} /* interior (left of video) */
#kaidan-mini-player.side-left  .mini-controls{order:2;border-left:1px solid var(--kp-stroke)}  /* interior (right of video) */

#kaidan-mini-player .mini-controls button{
  appearance:none;background:transparent;color:var(--kp-text);
  border:1px solid transparent;border-radius:10px;cursor:pointer;
  padding:.35rem .35rem;font-size:1.05rem;line-height:1;
  min-height:36px;min-width:36px;display:inline-flex;align-items:center;justify-content:center;
}
#kaidan-mini-player .mini-controls button:hover{background:#ffffff10;border-color:#ffffff12}
#kaidan-mini-player .close-mini-player{color:var(--kp-danger);font-weight:800}
#kaidan-mini-player .mini-toggle-side{color:var(--kp-accent-strong);font-weight:600}
#kaidan-mini-player .mini-collapse{color:var(--kp-accent-strong);font-weight:600}

/* Video area */
#kaidan-mini-player .mini-player-iframe-wrap{
  flex:1;aspect-ratio:16/9;background:#000;display:block;
}
#kaidan-mini-player iframe{width:100%;height:100%;display:block;border:0}

/* Collapsed:
   - translate the whole container so ONLY the rail remains visible
   - when collapsed, move rail to the EXTERIOR edge so it’s the visible sliver
*/
#kaidan-mini-player.collapsed{pointer-events:auto;cursor:pointer}
#kaidan-mini-player.collapsed .mini-player-iframe-wrap{pointer-events:none}

/* Rail becomes exterior when collapsed */
#kaidan-mini-player.side-right.collapsed .mini-controls{border-left:1px solid var(--kp-stroke);border-right:0}
#kaidan-mini-player.side-left.collapsed  .mini-controls{border-right:1px solid var(--kp-stroke);border-left:0}

/* Slide amount equals rail width */
#kaidan-mini-player.side-right.collapsed{transform:translateX(calc(100% - var(--rail)))}
#kaidan-mini-player.side-left.collapsed{transform:translateX(calc(-100% + var(--rail)))}

#kaidan-mini-player.collapsed .mini-controls{box-shadow:inset 4px 0 0 #00000020}
#kaidan-mini-player.side-left.collapsed .mini-controls{box-shadow:inset -4px 0 0 #00000020}
#kaidan-mini-player.collapsed .mini-controls button{pointer-events:auto;cursor:pointer}

/* Docking sides convenience */
#kaidan-mini-player.side-right{right:5px;left:auto;bottom:54px;z-index:99999999;}
#kaidan-mini-player.side-left{left:5px;right:auto;bottom:54px;z-index:99999999;}

/* Mobile tweaks */
@media (max-width: 767px){
  #kaidan-mini-player.side-right{width:70vw;right:6px;left:auto;bottom: 54px;z-index:99999999;}
  #kaidan-mini-player.side-left{width:70vw;left:6px;right:auto;bottom: 54px;z-index:99999999; }
}
/* Mobile tweaks */
@media (min-width: 1150px){
  #kaidan-mini-player.side-right{width:26%;right:4px;left:auto;bottom: 0;z-index:99999999;}
  #kaidan-mini-player.side-left{width:26%;left:4px;right:auto;bottom: 0;z-index:99999999; }
}
/* ───────────────────────────────────────────────────────────
   Overlay (if you use fullscreen overlay elsewhere)
   ─────────────────────────────────────────────────────────── */
.kaidan-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.6);
  z-index:99990;display:none;align-items:center;justify-content:center
}
.kaidan-overlay.active{display:flex}

/* ───────────────────────────────────────────────────────────
   Animations & Prefers-reduced-motion
   ─────────────────────────────────────────────────────────── */
@keyframes fadein{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes fadeinOpacity{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion: reduce){
  .espace-tab-content{animation:none}
}

/* ───────────────────────────────────────────────────────────
   Utilities / fine-tuning
   ─────────────────────────────────────────────────────────── */
.kaidan-reco-videos-section{margin:1.2rem 0 2rem}

/* Make sure icons line up nicely (optional if you use Material Symbols) */
.material-symbols-rounded{font-variation-settings:'FILL' 0, 'wght' 600, 'GRAD' 0, 'opsz' 24}

/* Même rendu pour recos et bibliothèque */
.kaidan-yt-lazy-embed,
.kaidan-youtube-video-lazy {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;       /* garde un ratio stable, évite les sauts de layout */
  border-radius: 16px;
  overflow: hidden; 
  background: #000;            /* ou var(--bg-embed, #000) */
}

/* L’iframe et l’image remplissent le conteneur */
.kaidan-yt-lazy-embed > iframe,
.kaidan-youtube-video-lazy > iframe,
.kaidan-yt-lazy-embed > img,
.kaidan-youtube-video-lazy > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border: 0;
}

/* Bouton play centré sur les recos */
.kaidan-yt-lazy-embed .kaidan-yt-play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 64px;
  height: 64px;
  border: 0;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(0,0,0,.55);
  color: #fff;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

/* (legacy — neutralized below)
   .kaidan-yt-lazy-embed .kaidan-add-gallery-btn { … }
*/

/* (optionnel) petit effet au survol pour desktop */
@media (hover:hover) {
  .kaidan-yt-lazy-embed:hover .kaidan-yt-play-btn {
    background: rgba(0,0,0,.7);
    transform: translate(-50%, -50%) scale(1.04);
  }
}

/* Par défaut, le bouton + était masqué via show-add — sera neutralisé */

/* ==========================================================================
   KAIDAN — Travail (Vidéos) : Thémage intégral DARK / LIGHT / BLUE
   À coller **à la fin** de /assets/travail.css
   - Uniformise toutes les couleurs (fonds, textes, bordures, accents)
   - Couvre : tabs, cards, rails, boutons, formulaires, mini-player, overlays
   ========================================================================== */

/* =========================
   1) PACK VARIABLES PAR THÈME
   ========================= */

/* DARK  */
html[data-theme="dark"]{
  --kp-bg:#0b0b10;
  --kp-surface:#131421;
  --kp-elev:#181825;
  --kp-stroke:#26273a;
  --kp-stroke-soft:#2f3047;
  --kp-text:#f5f7fb;
  --kp-dim:#b7bcd0;

  --kp-accent:#4fd1c5;        
  --kp-accent-strong:#64D2FF;    
  --kp-danger:#ff6b6b;

  --kp-shadow-lg:0 12px 40px rgba(0,0,0,.45), 0 1px 10px rgba(0,0,0,.25);
  --kp-shadow-sm:0 2px 10px rgba(0,0,0,.24);
  --kp-focus:0 0 0 3px rgba(255,216,102,.25);
}

/* LIGHT  */
html[data-theme="light"]{
  --kp-bg:#f6f7fb;
  --kp-surface:#f2f2f2;
  --kp-elev:#ffffff;
  --kp-stroke:#e7e9f0;
  --kp-stroke-soft:#e3e6ef;
  --kp-text:#0f1115;
  --kp-dim:#5b6270;

  --kp-accent:#4fd1c5;          
  --kp-accent-strong:#007AFF;    
  --kp-danger:#e54343;

  --kp-shadow-lg:0 12px 34px rgba(0,0,0,.10), 0 1px 6px rgba(0,0,0,.06);
  --kp-shadow-sm:0 2px 10px rgba(0,0,0,.08);
  --kp-focus:0 0 0 3px rgba(134,24,24,.25);
}

/* BLUE  */
html[data-theme="blue"]{
  --kp-bg:#050a15;
  --kp-surface:#091123;
  --kp-elev:#0b152a;
  --kp-stroke:#132036;
  --kp-stroke-soft:#1b2a44;
  --kp-text:#e4eafb;
  --kp-dim:#9cb0d0;

  --kp-accent:#4fd1c5;           
  --kp-accent-strong:#64D2FF;
  --kp-danger:#ff8a8a;

  --kp-shadow-lg:0 10px 38px rgba(3,7,16,.68), 0 1px 10px rgba(3,7,16,.45);
  --kp-shadow-sm:0 2px 10px rgba(3,7,16,.35);
  --kp-focus:0 0 0 3px rgba(134,24,24,.32);
}

/* =========================
   2) HARMONISATION GLOBALE
   ========================= */

/* Textes et états secondaires */
html[data-theme] .kaidan-bibliotheque-wrap,
html[data-theme] #kaidan-youtube-limit{
  color:var(--kp-dim) !important;
}

/* =========================
   3) TABS
   ========================= */
html[data-theme] .espace-tab-btn{
  border-color:var(--kp-stroke) !important;
  color:var(--kp-text) !important;
  box-shadow:var(--kp-shadow-sm) !important;
  background:transparent !important;
}
html[data-theme] .espace-tab-btn:hover{
  border-color:var(--kp-stroke-soft) !important;
  transform:translateY(-1px);
}
html[data-theme] .espace-tab-btn:focus-visible{
  outline:none !important;
  box-shadow:var(--kp-focus) !important;
}
/* Tab actif — fond adapté au thème */
html[data-theme="dark"] .espace-tab-btn.active{
  background:linear-gradient(180deg,#1b1c2a,#141526) !important;
  box-shadow:0 0 0 1px #2c2d41 inset, var(--kp-shadow-sm) !important;
  border-color:transparent !important;
}
html[data-theme="blue"] .espace-tab-btn.active{
  background:linear-gradient(180deg,#0e1b34,#0a1427) !important;
  box-shadow:0 0 0 1px rgba(19,32,54,.8) inset, var(--kp-shadow-sm) !important;
  border-color:transparent !important;
}
html[data-theme="light"] .espace-tab-btn.active{
  background:linear-gradient(180deg,#ffffff,#f2f2f2) !important;
  box-shadow:0 0 0 1px rgba(0,0,0,.06) inset, var(--kp-shadow-sm) !important;
  border-color:transparent !important;
  color:var(--kp-text) !important;
}

/* =========================
   4) CARTES VIDÉO / EMBEDS
   ========================= */
html[data-theme] .kaidan-yt-lazy-embed{
  border-color: color-mix(in srgb, var(--kp-text) 8%, transparent) !important;
  background:#000 !important; /* garde du contraste sur les miniatures */
}

/* Bouton Play (couleur = accent) */
html[data-theme] .kaidan-yt-play-btn{
  color:var(--kp-accent) !important;
  background:rgba(0,0,0,.55) !important;
}

/* Bouton “+ Ajouter” (neutralisé plus bas) */
html[data-theme] .kaidan-yt-lazy-embed .kaidan-add-gallery-btn,
html[data-theme] .kaidan-add-gallery-btn{
  background:var(--kp-accent) !important;
  color:#141414 !important;
  border:1.5px solid color-mix(in srgb, #000 70%, var(--kp-accent) 30%) !important;
  box-shadow:0 8px 24px color-mix(in srgb, var(--kp-accent) 25%, rgba(0,0,0,.35)) !important;
}

/* =========================
   5) RAIL & CONTRÔLES (legacy hidden)
   ========================= */
html[data-theme="dark"] .video-controls,
html[data-theme="dark"] #kaidan-mini-player .mini-controls{
  background:linear-gradient(180deg, 
color-mix(in srgb, var(--kg-surface) 100%, transparent), 
color-mix(in srgb, var(--kg-surface) 70%, transparent)) !important;
}
html[data-theme="blue"] .video-controls,
html[data-theme="blue"] #kaidan-mini-player .mini-controls{
  background:linear-gradient(180deg,#0f1f3c,#0a162c) !important;
}
html[data-theme="light"] .video-controls,
html[data-theme="light"] #kaidan-mini-player .mini-controls{
  background:linear-gradient(180deg,#ffffff,#f6f7fb) !important;
}
html[data-theme] .video-controls.left{ border-right:1px solid var(--kp-stroke) !important; }
html[data-theme] .video-controls.right{ border-left:1px solid var(--kp-stroke) !important; }

html[data-theme] .video-controls .ctrl,
html[data-theme] #kaidan-mini-player .mini-controls button{
  color:var(--kp-text) !important;
  border-color:transparent !important;
}
html[data-theme="light"] .video-controls .ctrl:hover,
html[data-theme="light"] #kaidan-mini-player .mini-controls button:hover{
  background:rgba(0,0,0,.06) !important; border-color:rgba(0,0,0,.08) !important;
}
html[data-theme="dark"] .video-controls .ctrl:hover,
html[data-theme="blue"] .video-controls .ctrl:hover,
html[data-theme="dark"] #kaidan-mini-player .mini-controls button:hover,
html[data-theme="blue"] #kaidan-mini-player .mini-controls button:hover{
  background:#ffffff10 !important; border-color:#ffffff12 !important;
}

/* Couleurs d’icônes spécifiques */
html[data-theme] .video-controls .ctrl.drag,
html[data-theme] .video-controls .ctrl.mini,
html[data-theme] #kaidan-mini-player .mini-toggle-side,
html[data-theme] #kaidan-mini-player .mini-collapse{
  color:var(--kp-accent-strong) !important;
}
html[data-theme] .video-controls .ctrl.delete,
html[data-theme] #kaidan-mini-player .close-mini-player{
  color:var(--kp-danger) !important;
}

/* =========================
   6) FORMULAIRE D’AJOUT
   ========================= */
html[data-theme] #kaidan-youtube-form input[type="url"]::placeholder{
  color:var(--kp-dim) !important;
}

/* Bouton “Ajouter” — gradient par thème */
html[data-theme="dark"]  #kaidan-youtube-form button{
  background:linear-gradient(135deg, color-mix(in srgb, var(--kdn-ar-accent) 92%, #fff 8%), color-mix(in srgb, var(--kdn-ar-accent-2) 86%, #fff 14%)) !important;
  color:#151515 !important;
}
html[data-theme="blue"]  #kaidan-youtube-form button,
html[data-theme="light"] #kaidan-youtube-form button{
  background:linear-gradient(135deg, color-mix(in srgb, var(--kdn-ar-accent) 92%, #fff 8%), color-mix(in srgb, var(--kdn-ar-accent-2) 86%, #fff 14%)) !important;
  color:#ffffff !important;
}

/* Erreur formulaire */
html[data-theme] #kaidan-youtube-error{
  color:var(--kp-danger) !important;
}

/* =========================
   7) MINI-PLAYER & OVERLAY
   ========================= */
html[data-theme] #kaidan-mini-player{
  background:var(--kp-elev) !important;
  border-color:var(--kp-stroke) !important;
  box-shadow:var(--kp-shadow-lg) !important;
  color:var(--kp-text) !important;
}

html[data-theme="light"] .kaidan-overlay{ background:rgba(0,0,0,.45) !important; }
html[data-theme="dark"]  .kaidan-overlay{ background:rgba(0,0,0,.60) !important; }
html[data-theme="blue"]  .kaidan-overlay{ background:rgba(3,7,16,.62) !important; }

/* =========================
   8) ACCESSOIRES / MISC
   ========================= */

/* Boutons focus (accessibilité) */
html[data-theme] .espace-tab-btn:focus-visible,
html[data-theme] #kaidan-youtube-form button:focus-visible,
html[data-theme] .video-controls .ctrl:focus-visible,
html[data-theme] #kaidan-mini-player .mini-controls button:focus-visible,
html[data-theme] .kaidan-card-actions > button:focus-visible{
  box-shadow:var(--kp-focus) !important;
  outline:none !important;
}

/* Coins arrondis cohérents sur vidéo */
html[data-theme] .kaidan-yt-lazy-embed,
html[data-theme] .kaidan-youtube-video-lazy{
  border-radius:var(--kp-radius-lg) !important;
}

/* Theme-specific for info bar and actions */
html[data-theme="dark"]  .kaidan-card-bar{ background: color-mix(in srgb, var(--kp-elev) 94%, var(--kp-bg) 6%); }
html[data-theme="light"] .kaidan-card-bar{ background: color-mix(in srgb, var(--kp-elev) 96%, #fff 4%); }
html[data-theme="blue"]  .kaidan-card-bar{ background: color-mix(in srgb, var(--kp-elev) 92%, #091123 8%); }

/* =========================
   9) GLOBAL NEUTRALIZATIONS (required by new UX)
   ========================= */

/* Hide the legacy overlay add button everywhere */
.kaidan-yt-lazy-embed .kaidan-add-gallery-btn,
.kaidan-add-gallery-btn{
  display:none !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Ensure any show-add state has no effect */
.kaidan-yt-lazy-embed.show-add .kaidan-add-gallery-btn{
  display:none !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* ───────────────────────────────────────────────────────────
   Search input spacing (kept)
   ─────────────────────────────────────────────────────────── */
#kaidan-search-input, #kaidan-search-input:hover, #kaidan-search-input:focus {
  margin-top:1em;
  width:100%;
  outline:0;
  border-color: transparent!important;
}

/* 🎨 Carte unifiée (barre d’infos sous la vidéo) */
.kaidan-yt-lazy-embed {
  position: relative;
}

.kaidan-card-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .15em;
  margin-top: .5rem;
}

.kaidan-card-meta {
  min-width: 0;
  flex: 1 1 auto;
}

/*.kaidan-card-title {
  display: block;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}*/

.kaidan-card-title {
  font-weight: 600;

  /* Ellipsis après 2 lignes */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* Chrome/Safari/Edge */
  line-clamp: 2;         /* syntaxe standard */
  overflow: hidden;

  /* Important : autoriser les retours à la ligne */
  white-space: normal;
  overflow-wrap: anywhere; /* évite qu’un mot trop long déborde */
  font-family:var(--kdn-font-sans);
letter-spacing:0.01em;
  margin-bottom:9px;
}

.kaidan-card-author {
  display: block;
  opacity: .8;
  font-size: .9em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.kaidan-card-actions {
  display: flex;
  align-items: center;
  gap: 0.3em;
/* margin-top:-1.5em; */
  flex: 0 0 auto;
}

.kaidan-like {
  /*display: inline-flex;*/
  align-items: center;
  gap: .25rem;
   /* margin-right: 0.5em; */
}

.kaidan-like .material-symbols-rounded {
  vertical-align: middle;
}

.kaidan-like[data-active="1"] .material-symbols-rounded {
  font-variation-settings: "FILL" 1;
}

.kaidan-like-count {
  display: none !important;
}

.kaidan-yt-play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 0;
  background: transparent;
  cursor: pointer;
}

/* ───────────────────────────────────────────────────────────
   PATCH — Icône cœur rempli quand la vidéo est dans la galerie
   (à coller à la fin de /assets/travail.css)
   ─────────────────────────────────────────────────────────── */

/* État actif : aligne sur data-active="1" OU classe .active */
.kaidan-card-actions .kaidan-like[data-active="1"],
.kaidan-card-actions .kaidan-like.active{
  color: var(--kp-accent-strong);
}

/* Remplissage du cœur (Material Symbols) + petit accent visuel */
.kaidan-card-actions .kaidan-like[data-active="1"] .material-symbols-rounded,
.kaidan-card-actions .kaidan-like.active .material-symbols-rounded,
.kaidan-card-actions .kaidan-like .material-symbols-rounded.active{
  font-variation-settings: "FILL" 1, "wght" 700, "GRAD" 0, "opsz" 24;
  transform: translateZ(0);
}

/* Transitions douces */


@media (min-width: 1025px) {
  .kaidan-card-actions.has-like-actions .kaidan-mini,
  .kaidan-card-actions.has-like-actions .kaidan-section-illustration,
  .kaidan-card-actions.has-like-actions .kaidan-copy,
  :is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-youtube-item .kaidan-card-actions.has-like-actions .kaidan-like {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(2px);
    transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
  }

  .kaidan-youtube-item:hover .kaidan-card-actions.has-like-actions .kaidan-mini,
  .kaidan-youtube-item:hover .kaidan-card-actions.has-like-actions .kaidan-section-illustration,
  .kaidan-youtube-item:hover .kaidan-card-actions.has-like-actions .kaidan-copy,
  :is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-youtube-item:hover .kaidan-card-actions.has-like-actions .kaidan-like,
  .kaidan-youtube-item:focus-within .kaidan-card-actions.has-like-actions .kaidan-mini,
  .kaidan-youtube-item:focus-within .kaidan-card-actions.has-like-actions .kaidan-section-illustration,
  .kaidan-youtube-item:focus-within .kaidan-card-actions.has-like-actions .kaidan-copy,
  :is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-youtube-item:focus-within .kaidan-card-actions.has-like-actions .kaidan-like,
  .kaidan-reco-videos-list > li:hover .kaidan-card-actions.has-like-actions .kaidan-mini,
  .kaidan-reco-videos-list > li:hover .kaidan-card-actions.has-like-actions .kaidan-section-illustration,
  .kaidan-reco-videos-list > li:hover .kaidan-card-actions.has-like-actions .kaidan-copy,
  .kaidan-reco-videos-list > li:focus-within .kaidan-card-actions.has-like-actions .kaidan-mini,
  .kaidan-reco-videos-list > li:focus-within .kaidan-card-actions.has-like-actions .kaidan-section-illustration,
  .kaidan-reco-videos-list > li:focus-within .kaidan-card-actions.has-like-actions .kaidan-copy,
  .kaidan-card-actions.has-like-actions .kaidan-mini:focus-visible,
  .kaidan-card-actions.has-like-actions .kaidan-section-illustration:focus-visible,
  .kaidan-card-actions.has-like-actions .kaidan-copy:focus-visible,
  .kaidan-card-actions.has-like-actions .kaidan-like:focus-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition: opacity .18s ease, transform .18s ease, visibility 0s linear 0s;
  }
}

.kaidan-bibliotheque-wrap {padding:0;}

@media (max-width: 1024px) {
  .kaidan-bibliotheque-wrap {padding:1em 8px;}
}

@media (min-width: 1025px) {
  .kdn-radio-head {display:none!important;}
}

#kaidan-meditation-youtube-limit {
  justify-self:end;
}

@media (min-width: 1025px) {
  .kaidan-tv .kaidan-reco-videos-list > li .kaidan-card-actions:not(.has-like-actions) .kaidan-mini,
  .kaidan-tv .kaidan-reco-videos-list > li .kaidan-card-actions:not(.has-like-actions) .kaidan-copy,
  .kaidan-doc-section .kaidan-reco-videos-list > li .kaidan-card-actions:not(.has-like-actions) .kaidan-mini,
  .kaidan-doc-section .kaidan-reco-videos-list > li .kaidan-card-actions:not(.has-like-actions) .kaidan-copy {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(2px);
    transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
  }

  .kaidan-tv .kaidan-reco-videos-list > li:hover .kaidan-card-actions:not(.has-like-actions) .kaidan-mini,
  .kaidan-tv .kaidan-reco-videos-list > li:hover .kaidan-card-actions:not(.has-like-actions) .kaidan-copy,
  .kaidan-tv .kaidan-reco-videos-list > li:focus-within .kaidan-card-actions:not(.has-like-actions) .kaidan-mini,
  .kaidan-tv .kaidan-reco-videos-list > li:focus-within .kaidan-card-actions:not(.has-like-actions) .kaidan-copy,
  .kaidan-doc-section .kaidan-reco-videos-list > li:hover .kaidan-card-actions:not(.has-like-actions) .kaidan-mini,
  .kaidan-doc-section .kaidan-reco-videos-list > li:hover .kaidan-card-actions:not(.has-like-actions) .kaidan-copy,
  .kaidan-doc-section .kaidan-reco-videos-list > li:focus-within .kaidan-card-actions:not(.has-like-actions) .kaidan-mini,
  .kaidan-doc-section .kaidan-reco-videos-list > li:focus-within .kaidan-card-actions:not(.has-like-actions) .kaidan-copy,
  .kaidan-tv .kaidan-reco-videos-list > li .kaidan-card-actions:not(.has-like-actions) .kaidan-mini:focus-visible,
  .kaidan-tv .kaidan-reco-videos-list > li .kaidan-card-actions:not(.has-like-actions) .kaidan-copy:focus-visible,
  .kaidan-doc-section .kaidan-reco-videos-list > li .kaidan-card-actions:not(.has-like-actions) .kaidan-mini:focus-visible,
  .kaidan-doc-section .kaidan-reco-videos-list > li .kaidan-card-actions:not(.has-like-actions) .kaidan-copy:focus-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition: opacity .18s ease, transform .18s ease, visibility 0s linear 0s;
  }
}
/* ============================================================================
   Identité appli moderne — onglets Vidéos ciblés
   Travail / Sommeil / Méditation uniquement
   ========================================================================== */

.kaidan-travail-videos,
.kaidan-sommeil-videos,
.kaidan-meditation-videos {
  --kv-bg: #10131f;
  --kv-soft: rgba(255, 255, 255, .055);
  --kv-card: rgba(255, 255, 255, .075);
  --kv-strong: rgba(255, 255, 255, .12);
  --kv-text: rgba(255, 255, 255, .94);
  --kv-muted: rgba(255, 255, 255, .62);
  --kv-accent: #8b7dff;
  --kv-accent-2: #4fd1c5;
  color: var(--kv-text);
}

html[data-theme="light"] .kaidan-travail-videos,
html[data-theme="light"] .kaidan-sommeil-videos,
html[data-theme="light"] .kaidan-meditation-videos {
  --kv-bg: #f6f7fb;
  --kv-soft: rgba(22, 28, 45, .055);
  --kv-card: rgba(22, 28, 45, .07);
  --kv-strong: rgba(22, 28, 45, .11);
  --kv-text: rgba(18, 24, 38, .94);
  --kv-muted: rgba(18, 24, 38, .58);
  --kv-accent: #6d5df7;
  --kv-accent-2: #0aa7a7;
}

html[data-theme="blue"] .kaidan-travail-videos,
html[data-theme="blue"] .kaidan-sommeil-videos,
html[data-theme="blue"] .kaidan-meditation-videos {
  --kv-bg: #07182d;
  --kv-soft: rgba(116, 184, 255, .08);
  --kv-card: rgba(116, 184, 255, .105);
  --kv-strong: rgba(116, 184, 255, .155);
  --kv-text: rgba(236, 247, 255, .96);
  --kv-muted: rgba(236, 247, 255, .66);
  --kv-accent: #3b82f6;
  --kv-accent-2: #66e2ff;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos),
:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) * {
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-espace-tabs {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  max-width: 100%;
  margin: 0 0 22px;
  padding: 5px;
  background: var(--kv-soft);
  border-radius: 999px;
  overflow-x: auto;
  scrollbar-width: none;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-espace-tabs::-webkit-scrollbar,
:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kdn-video-carousel__viewport::-webkit-scrollbar {
  display: none;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .espace-tab-btn {
  min-height: 42px;
  padding: 0 15px;
  border-radius: 999px;
  background: transparent !important;
  color: var(--kv-muted) !important;
  font-size: .92rem;
  font-weight: 850;
  letter-spacing: -.02em;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .espace-tab-btn.active {
  background: linear-gradient(135deg, var(--kv-accent), var(--kv-accent-2)) !important;
  color: #fff !important;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .espace-tab-btn:not(.active):hover {
  background: var(--kv-card) !important;
  color: var(--kv-text) !important;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .espace-tab-content {
  margin-top: 0;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .espace-tab-content,
:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-reco-videos-section {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: hidden;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kdn-video-discover-sections {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-top: 4px;
  overflow: hidden;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kdn-video-discover-group {
  --kdn-video-gap: 18px;
  --kdn-video-peek: 96px;
  --kdn-video-nav-size: 42px;
  --kdn-video-card-w: calc((100% - var(--kdn-video-peek) - var(--kdn-video-gap) - var(--kdn-video-gap)) / 3);
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: visible;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kdn-video-discover-group__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
margin: 30px 0 12px;
}

@media (max-width:767px) {
:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kdn-video-discover-group__head {
margin: 20px 0 12px;
}
}


:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos)
.kdn-video-discover-group:first-of-type
.kdn-video-discover-group__head {
margin: 0 0 12px;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kdn-video-discover-group__title {
  margin: 0;
  color: var(--kv-text);
  font-size: clamp(1.05rem, 2vw, 1.28rem);
  font-weight: 900;
  line-height: 1.1;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kdn-video-carousel {
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  overscroll-behavior-x: contain;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kdn-video-carousel__viewport {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  touch-action: pan-x pan-y pinch-zoom;
padding: 8px 0 8px;
Border-bottom:0.75px solid #ffffff10 !important;
}

html[data-theme="light"] :is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kdn-video-carousel__viewport {
Border-bottom:0.75px solid #00000015 !important;
}

@media (max-width:767px) {
:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kdn-video-carousel__viewport {
Padding: 0;
}
}


:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kdn-video-carousel__track {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: stretch;
  gap: var(--kdn-video-gap);
  width: max-content !important;
  min-width: 100%;
  max-width: none !important;
  margin: 0 !important;
  padding: 2px var(--kdn-video-peek) 8px 2px !important;
  list-style: none !important;
  will-change: auto;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kdn-video-carousel__track > li {
  flex: 0 0 var(--kdn-video-card-w);
  width: var(--kdn-video-card-w);
  min-width: 0;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kdn-video-carousel__nav {
  appearance: none !important;
  position: absolute;
  z-index: 4;
  top: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--kdn-video-nav-size);
  min-width: var(--kdn-video-nav-size);
  height: var(--kdn-video-nav-size);
  padding: 0 !important;
  border-radius: 999px;
  background: var(--kv-strong) !important;
  color: var(--kv-text) !important;
  cursor: pointer;
  transform: translateY(-50%);
  transition: opacity .16s ease, background .16s ease, color .16s ease;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kdn-video-carousel__nav[hidden] {
  display: none !important;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kdn-video-carousel__nav.is-prev {
  left: 8px;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kdn-video-carousel__nav.is-next {
  right: calc((var(--kdn-video-peek) - var(--kdn-video-nav-size)) / 2);
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kdn-video-carousel__nav:hover {
  background: var(--kv-text) !important;
  color: var(--kv-bg) !important;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kdn-video-carousel__nav .material-symbols-rounded {
  pointer-events: none;
  font-size: 30px;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-reco-videos-list:not(.kdn-video-carousel__track),
:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-youtube-list {
  gap: 16px;
  max-width: none;
  margin: 18px 0 0 !important;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-reco-videos-list > li,
:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-youtube-item {
  overflow: hidden;
  border-radius: 24px !important;
  transition: transform .16s ease, background .16s ease;
height:fit-content;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-reco-videos-list > li:hover,
:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-youtube-item:hover {
  transform: translateY(-1px);
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-yt-lazy-embed,
:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-youtube-video-lazy {
  overflow: hidden;
  border-radius: 24px 24px 18px 18px !important;
  background: rgba(0, 0, 0, .18) !important;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-yt-lazy-embed iframe,
:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-youtube-video-lazy iframe,
:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-yt-lazy-embed img,
:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-youtube-video-lazy img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-yt-play-btn {
  width: 54px;
  height: 54px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .92) !important;
  color: rgba(18, 24, 38, .95) !important;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-card-bar {
display: flex;
    align-items: center;
    gap: 3px;
    min-height: 66px;
    padding: 8px 13px 8px;
    background: transparent !important;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-card-meta {
  min-width: 100%;
  flex: 1 1 auto;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-card-title,
:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-youtube-title {
  display: -webkit-box;
  overflow: hidden;
  color: var(--kv-text) !important;
  font-size: .92rem;
  font-weight: 850;
  line-height: 1.16;
  letter-spacing: 0;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-card-author,
:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-youtube-author {
  overflow: hidden;
  margin-top: 4px;
  color: var(--kv-muted) !important;
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.15;
  white-space: nowrap;
  text-overflow: ellipsis;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-card-actions {
  flex: 0 0 auto;
  width: auto !important;
  margin-left: auto;
  justify-content: flex-end;
  gap: 6px;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-card-actions button,
:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-youtube-actions button {
  display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 38px;
    gap: 3px;
    min-width: 38px;
    border-radius: 999px;
  background: var(--kv-soft) !important;
  color: var(--kv-text) !important;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-card-actions button:hover,
:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-youtube-actions button:hover {
  background: var(--kv-strong) !important;
  color: var(--kv-text) !important;
    height: fit-content;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) #kaidan-youtube-form {
  display: flex;
  align-items: stretch;
  gap: 10px;
  max-width: none;
  margin: 18px 0 0;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) #kaidan-youtube-form input[type="url"] {
  min-height: 48px;
  border-radius: 18px;
  background: var(--kv-soft) !important;
  color: var(--kv-text) !important;
  padding: 0 15px;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) #kaidan-youtube-form input[type="url"]::placeholder {
  color: var(--kv-muted) !important;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) #kaidan-youtube-form button[type="submit"] {
  min-height: 48px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--kv-accent), var(--kv-accent-2)) !important;
  color: #fff !important;
  font-weight: 900;
  letter-spacing: 0;
}

:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kdn-video-empty,
:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-youtube-empty,
:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) #kaidan-youtube-error,
:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) span[id$="-youtube-error"] {
  margin-top: 12px;
  padding: 14px 15px;
  border-radius: 20px;
  background: var(--kv-soft) !important;
  color: var(--kv-muted) !important;
  font-weight: 750;
}

@media (max-width: 1024px) {
  :is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kdn-video-discover-group {
    --kdn-video-gap: 16px;
    --kdn-video-peek: 78px;
    --kdn-video-card-w: calc((100% - var(--kdn-video-peek) - var(--kdn-video-gap)) / 2);
  }
:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-reco-videos-list > li:hover, :is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-youtube-item:hover {
    background: none !important;
    transform: none;
}
}

@media (max-width: 767px) {
  :is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-espace-tabs {
   /* width: 100%;*/
    margin-bottom: 5px;
  }

  :is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .espace-tab-btn {
    flex: 1 1 0;
    min-width: max-content;
    padding: 0 13px;
    font-size: .88rem;
  }

  :is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kdn-video-discover-sections {
    gap: 26px;
  }

  :is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kdn-video-discover-group {
    --kdn-video-gap: 14px;
    --kdn-video-peek: 68px;
    --kdn-video-card-w: calc(100% - var(--kdn-video-peek));
  }

  :is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kdn-video-carousel__nav {
    display: none !important;
  }

  :is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-card-bar {
    min-height: 62px;
    padding: 11px 12px 11px;
  }

  :is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) #kaidan-youtube-form {
    flex-direction: column;
  }

  :is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) #kaidan-youtube-form button[type="submit"] {
    width: 100%;
  }
  :is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) #kaidan-youtube-form {
    display: grid;
    grid-template-columns: 1.8fr 1fr;
}
}
/* Optimisation mobile du module vidéo (Travail / Sommeil / Méditation) */
.kdn-video-library-loader {
  grid-column: 1 / -1;
  min-height: 1px;
  list-style: none;
  pointer-events: none;
}

@media (max-width: 767px) {
  :is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-reco-videos-list > li,
  :is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-youtube-item {
    content-visibility: auto;
    contain-intrinsic-size: 260px;
  }
}
/* Player Kaidan — couleur demandée pour Travail / Sommeil / Méditation */
:is(.kaidan-travail-videos, .kaidan-sommeil-videos, .kaidan-meditation-videos) .kaidan-yt-play-btn {
  background: #4fd1c5 !important;
  color: rgba(8, 15, 24, .96) !important;
}


body.kaidan-capacitor-android #kaidan-mini-player.side-right {bottom:80px !important;}
body.kaidan-capacitor-android #kaidan-mini-player.side-left {bottom:80px !important;}
body.kaidan-capacitor-ios #kaidan-mini-player.side-right {bottom:80px !important;}
body.kaidan-capacitor-ios #kaidan-mini-player.side-left {bottom:80px !important;}



/* KAIDAN — Sommeil / Vidéos — alignement bouton Ajouter */
:is(.kaidan-sommeil-videos, .kaidan-meditation-videos) #kaidan-youtube-form button[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  line-height: 1 !important;
  white-space: nowrap;
}

:is(.kaidan-sommeil-videos, .kaidan-meditation-videos) #kaidan-youtube-form button[type="submit"] .material-symbols-rounded {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto;
  width: 1em;
  height: 1em;
  font-size: 22px;
  line-height: 1 !important;
  vertical-align: middle;
}

:is(.kaidan-sommeil-videos, .kaidan-meditation-videos) #kaidan-youtube-form button[type="submit"] span:not(.material-symbols-rounded) {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}