.ytlb-wrap{display:block;position:relative;width:100%;padding:0 8px}
/* raw wrap: aucune marge/padding, affichage inline */
.ytlb-wrap--raw{display:inline-block;padding:0;margin:0;width:auto}

/* Stack: intro au-dessus */
.ytlb-intro{margin:0 0 8px 0;text-align:left}
/* Row layout: text left + icon image right */
.ytlb-row{display:flex;gap:12px;justify-content:space-between}
.ytlb-row--top{align-items:flex-start}
.ytlb-row--center{align-items:center}
.ytlb-row--bottom{align-items:flex-end}
.ytlb-intro-inline{flex:1;text-align:left}
.ytlb-wrap .ytlb-icon{display:inline-flex;align-items:center;justify-content:center;border:0;padding:0;cursor:pointer;background:transparent;border-radius:0}
.ytlb-wrap .ytlb-icon img{display:block;width:100%;height:auto;max-height:100%;border-radius:0}

/* Compact mode */
.ytlb-compact-row{display:flex;gap:12px;align-items:flex-start}
.ytlb-compact-text{flex:1 1 auto}
.ytlb-thumbbtn{position:relative;display:inline-block;border:0;background:transparent;padding:0;cursor:pointer}
.ytlb-thumbimg{display:block;width:100%;aspect-ratio:16/9;background-size:cover;background-position:center;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.15)}
.ytlb-play-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:38px;background:transparent}
.ytlb-play-circle:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border-radius:999px;background:rgba(255,0,0,0.92)}
.ytlb-play-circle:after{content:"";position:absolute;left:20px;top:12px;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent #fff}

/* Compact stacked variants (top/bottom) with alignment */
.ytlb-compact--bottom .ytlb-thumbbtn,
.ytlb-compact--top .ytlb-thumbbtn{display:block}

.ytlb-compact--align-left .ytlb-compact-text{text-align:left}
.ytlb-compact--align-left .ytlb-thumbbtn{margin-left:0;margin-right:auto}

.ytlb-compact--align-center .ytlb-compact-text{text-align:center}
.ytlb-compact--align-center .ytlb-thumbbtn{margin-left:auto;margin-right:auto}

.ytlb-compact--align-right .ytlb-compact-text{text-align:right}
.ytlb-compact--align-right .ytlb-thumbbtn{margin-left:auto;margin-right:0}

/* raw image trigger: aucune bordure/marge/ombre */
.ytlb-raw-trigger{display:inline-block;border:0;background:transparent;padding:0;cursor:pointer}
.ytlb-raw-trigger img{display:block;max-width:100%;height:auto;border:0;margin:0;border-radius:0;box-shadow:none}

/* Responsive */
@media (max-width:768px){
  .ytlb-compact-row{flex-direction:column}
}

/* Stacked trigger (standard modes) */
.ytlb-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;cursor:pointer;padding:0;width:100%;max-width:100%}
.ytlb-trigger:focus{outline:2px solid #3b82f6;outline-offset:2px}
.ytlb-thumb{width:100%;aspect-ratio:16/9;display:block;background-size:cover;background-position:center;border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.18)}
.ytlb-play{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:24px;line-height:1;color:#fff}

/* Modal */
.ytlb-modal{position:fixed;inset:0;display:none;z-index:9999}
.ytlb-modal[aria-hidden="false"]{display:block}
.ytlb-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.75)}
.ytlb-dialog{position:relative;max-width:min(90vw,1200px);margin:6vh auto;background:transparent}
.ytlb-ratio-16x9 .ytlb-frame{aspect-ratio:16/9}
.ytlb-ratio-4x3 .ytlb-frame{aspect-ratio:4/3}
.ytlb-ratio-1x1 .ytlb-frame{aspect-ratio:1/1}
.ytlb-frame{position:relative;width:100%;background:#000;border-radius:12px;overflow:hidden}
.ytlb-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ytlb-close{position:absolute;top:-44px;right:0;background:#fff;border:0;border-radius:8px;padding:8px 10px;font-size:20px;cursor:pointer}
@media (max-width:768px){.ytlb-dialog{margin:10vh auto;max-width:94vw}.ytlb-close{top:-40px}}