/* DoliPlay Editorial Light 1.0.2 — SHORTS ONLY. Applied after global engagement.css.
   No changes to embedded YouTube player or non-Shorts video pages. */
html:has(.shorts-page[data-clean-shorts]),body:has(.shorts-page[data-clean-shorts]){
  background:#ffffff!important; color:#111827!important;
}
body:has(.shorts-page[data-clean-shorts]) .shell,
body:has(.shorts-page[data-clean-shorts]) .shell main,
.shorts-page[data-clean-shorts],
.shorts-page[data-clean-shorts] .shorts-head,
.shorts-page[data-clean-shorts] .shorts-feed,
.shorts-page[data-clean-shorts] .short-feed-item,
.shorts-page[data-clean-shorts] .short-stage,
.shorts-page[data-clean-shorts] .short-video-column,
.shorts-page[data-clean-shorts] .short-player-wrap,
.shorts-page[data-clean-shorts] .short-player {
  background:#ffffff!important;
}
.shorts-page[data-clean-shorts] .short-feed-item,
.shorts-page[data-clean-shorts] .short-stage {
  box-shadow:none!important;
  border-color:transparent!important;
}
.shorts-page[data-clean-shorts] .short-stage {
  padding:12px!important;
  gap:0!important;
  margin:0 auto!important;
}
.shorts-page[data-clean-shorts] .short-video-column {
  margin:0 auto!important;
  box-shadow:none!important;
  background:#fff!important;
}
.shorts-page[data-clean-shorts] .short-player-wrap {
  background:#fff!important;
  border-radius:14px!important;
  box-shadow:0 8px 32px rgba(15,23,42,.10)!important;
  overflow:hidden;
}
.shorts-page[data-clean-shorts] .short-player,
.shorts-page[data-clean-shorts] .short-player iframe {
  background:transparent!important;
}
/* Defensive: no right-side engagement rail even if an old cached fragment remains. */
.shorts-page[data-clean-shorts] .short-engagement,
.shorts-page[data-clean-shorts] .dp-short-engagement-control,
.shorts-page[data-clean-shorts] .short-actions,
.shorts-page[data-clean-shorts] .short-comments-panel {
  display:none!important;
}
/* Only the navigation arrows stay outside the video on desktop. */
.shorts-page[data-clean-shorts] .short-nav-controls {z-index:10!important;}
.shorts-page[data-clean-shorts] .short-overlay {background:linear-gradient(180deg,transparent 68%,rgba(0,0,0,.48) 100%)!important;}
.shorts-page[data-clean-shorts] .short-info {max-width:100%!important;padding-right:0!important;}
/* Portrait 9:16 source keeps its natural proportions. Only YouTube can determine the
   internal background/letterboxing of its own cross-origin iframe. */
@media (min-width:701px){
  .shorts-page[data-clean-shorts] .shorts-feed {background:#fff!important;border:0!important;}
  .shorts-page[data-clean-shorts] .short-feed-item {width:100%!important;max-width:100%!important;}
  .shorts-page[data-clean-shorts] .short-stage {width:100%!important;max-width:100%!important;}
  .shorts-page[data-clean-shorts] .short-video-column {height:min(85vh,850px)!important;aspect-ratio:9/16!important;width:auto!important;}
}
@media (max-width:700px){
  .shorts-page[data-clean-shorts] .short-stage {padding:0!important;}
  .shorts-page[data-clean-shorts] .short-video-column {height:100%!important;width:100%!important;aspect-ratio:auto!important;}
  .shorts-page[data-clean-shorts] .short-player-wrap {height:100%!important;width:100%!important;border-radius:0!important;box-shadow:none!important;}
}

/* 1.0.9: arrows must be clickable and show actual feed navigation state. */
@media (min-width:701px){
 .shorts-page[data-clean-shorts] .short-nav-controls{z-index:85!important;pointer-events:auto!important;}
 .shorts-page[data-clean-shorts] .short-nav-button{cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important;}
 .shorts-page[data-clean-shorts] .short-nav-button:disabled{opacity:.38!important;cursor:not-allowed!important;}
 .shorts-page[data-clean-shorts] .short-nav-button:focus-visible{outline:3px solid #2563eb!important;outline-offset:3px!important;}
}
/* Fully opaque promotional Product Tag: prevents native video graphics bleeding into it. */
.shorts-page[data-clean-shorts] a.dpm-product-tag.dpm-product-tag--short{
 background:#fff!important;background-color:#fff!important;opacity:1!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
 isolation:isolate!important;z-index:90!important;
}
.shorts-page[data-clean-shorts] a.dpm-product-tag.dpm-product-tag--short::before,
.shorts-page[data-clean-shorts] a.dpm-product-tag.dpm-product-tag--short::after{content:none!important;display:none!important;}
.shorts-page[data-clean-shorts] a.dpm-product-tag.dpm-product-tag--short .dpm-pt-copy,
.shorts-page[data-clean-shorts] a.dpm-product-tag.dpm-product-tag--short .dpm-pt-image,
.shorts-page[data-clean-shorts] a.dpm-product-tag.dpm-product-tag--short .dpm-pt-arrow{position:relative;z-index:1;}
