/* assets/css/webtv.css */
:root{
  --pmsyt-unit: 1vw;
	
  --bg:#f7fafc;
  --card:#ffffff;
  --fg:#1f2937;
  --muted:#5b6b7a;
  --line:#e6eaf0;
  --accent:#00a66b;
  --accent-weak:#bff1de;
  --ring: rgba(0,166,107,.25);
  --rad:10px;
  --gap:1rem;
  --shadow-s:0 2px 8px rgba(0,0,0,.06);
  --shadow-m:0 8px 24px rgba(0,0,0,.08);
  --thumb-h:92px;
  --background:var(--bg);
  
  --pmsyt-radius-outer: calc(var(--pmsyt-unit) * 1.2);
  --pmsyt-radius-inner: calc(var(--pmsyt-unit) * 0.8);
  --pmsyt-radius-pill: calc(var(--pmsyt-unit) * 2);
  --pmsyt-radius-thumb: calc(var(--pmsyt-unit) * 0.7);

  --pmsyt-shadow-main: 0 calc(var(--pmsyt-unit) * 1.2) calc(var(--pmsyt-unit) * 3.5) rgba(0,0,0,0.55);
  --pmsyt-shadow-cover: 0 calc(var(--pmsyt-unit) * 1.2) calc(var(--pmsyt-unit) * 3) rgba(0,0,0,0.45);
  --pmsyt-shadow-btn: 0 calc(var(--pmsyt-unit) * 0.5) calc(var(--pmsyt-unit) * 1.2) rgba(0,0,0,0.4);
  --pmsyt-shadow-btn-strong: 0 calc(var(--pmsyt-unit) * 0.9) calc(var(--pmsyt-unit) * 2.2) rgba(0,0,0,0.6);
	
  --pmsyt-color-bg-main: radial-gradient(circle at 10% 0, #1f2937 0, #050816 55%);
  --pmsyt-color-bg-cover-fallback: radial-gradient(circle at 0 0, #111827 0, #020617 55%);
  --pmsyt-color-overlay-hover: radial-gradient(circle at 50% 50%, rgba(15,23,42,0.25), transparent 60%);
  --pmsyt-color-text-main: #e5e7eb;
  --pmsyt-color-text-strong: #f9fafb;
  --pmsyt-color-accent: #22c55e;
  --pmsyt-color-accent-2: #0ea5e9;
  --pmsyt-color-border-soft: rgba(148,163,184,0.5);

  --pmsyt-progress-height: calc(var(--pmsyt-unit) * 0.35);
  --pmsyt-control-size: calc(var(--pmsyt-unit) * 1.8);
  --pmsyt-gap-controls: calc(var(--pmsyt-unit) * 0.6);
  --pmsyt-volume-width: calc(var(--pmsyt-unit) * 4.5);
  --pmsyt-volume-height: calc(var(--pmsyt-unit) * 0.25);

  --pmsyt-font-size-base: calc(var(--pmsyt-unit) * 0.9);

  --pmsyt-cover-play-size: calc(var(--pmsyt-unit) * 4.5);
  --pmsyt-cover-play-triangle-base: calc(var(--pmsyt-unit) * 1.3);
  --pmsyt-cover-play-triangle-height: calc(var(--pmsyt-unit) * 0.9);
}

@media (max-width: 1024px) {
	:root{
	  --pmsyt-unit: 2vw;
	}
}

@media (max-width: 480px) {
	:root{
	  --pmsyt-unit: 4vw;
	}
}

.card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--rad);
  box-shadow:var(--shadow-s);
}

.ytacf-glare{
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, rgba(255,255,255,.0) 40%, rgba(255,255,255,.35) 60%, rgba(255,255,255,0) 80%);
  transform:translateX(-120%);
  transition:transform .6s ease;
  mix-blend-mode:screen;
  pointer-events:none;
}

a:hover .ytacf-glare{
  transform:translateX(0);
}

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

/* PLAYLIST */
.ytacf-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--gap);
}

.ytacf-side{
  position:relative;
}

.ytacf-list{
  display:flex;
  flex-direction:column;
  gap:.65rem;
  padding:.5rem;
  overflow:auto;
  scroll-behavior:smooth;
  scrollbar-width:thin;
}

.ytacf-list::-webkit-scrollbar{
  height:10px;
  width:10px;
}

.ytacf-list::-webkit-scrollbar-thumb{
  background:#dbe3ea;
  border-radius:999px;
}

.ytacf-fade{
  position:sticky;
  bottom:0;
  height:26px;
  background:linear-gradient(to bottom, rgba(255,255,255,0), var(--card));
  border-bottom-left-radius:var(--rad);
  border-bottom-right-radius:var(--rad);
  pointer-events:none;
}

.ytacf-item{
  display:grid;
  grid-template-columns:40% 1fr;
  gap:.75rem;
  align-items:center;
  padding:.5rem;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  transition:
    transform .12s ease,
    box-shadow .12s ease,
    border-color .12s ease;
}

.ytacf-item:hover{
  transform:translateY(-1px);
  box-shadow:var(--shadow-m);
  border-color:#d9e1ea;
}

.ytacf-item.is-active{
  outline:2px solid var(--accent);
  outline-offset:0;
}

.ytacf-thumb{
  position:relative;
  border-radius:8px;
  overflow:hidden;
  isolation:isolate;
}

.ytacf-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  aspect-ratio:16/9;
}

.ytacf-badge{
  position:absolute;
  left:.5rem;
  top:.5rem;
  background:var(--accent);
  color:#fff;
  font-weight:800;
  font-size:.7rem;
  padding:.2rem .5rem;
  border-radius:999px;
  box-shadow:0 8px 18px rgba(0,166,107,.25);
  text-transform:uppercase;
  letter-spacing:.25px;
}

.ytacf-meta{
  display:flex;
  flex-direction:column;
  gap:.2rem;
  min-width:0;
}

.ytacf-item-title{
  color:var(--fg);
  font-size:.95rem;
  margin:0;
  line-height:1.3;
}

.ytacf-item-date{
  color:var(--muted);
  font-size:.82rem;
}

.ytacf-player-media{
  position:relative;
  aspect-ratio:16/9;
  background:#000;
  border-bottom:1px solid var(--line);
}

.ytacf-now{
  display:flex;
  gap:.75rem;
  align-items:center;
  justify-content:space-between;
  padding:.8rem 1rem;
}

.ytacf-now-title{
  color:var(--fg);
  font-weight:700;
  text-decoration:none;
  line-height:1.25;
  display:block;
  flex:1;
}

.ytacf-now-title:hover{
  text-decoration:underline;
}

.ytacf-now-date{
  color:var(--muted);
  font-size:.9rem;
  white-space:nowrap;
  margin-left:1rem;
}

@media (min-width:768px){
  .ytacf-grid{grid-template-columns:2fr 1fr;}
  [data-player]{order:1;}
  [data-side]{order:2;}
}

@media (max-width:767.98px){
  [data-side]{order:1;}
  [data-player]{order:2;}
  .ytacf-list{padding-bottom:.25rem;}
}

/* POST HEADER */
.pmswt-post-header-wrap{
  position:relative;
}

.pmswt-post-hero{
  position:relative;
  background-size:cover;
  background-position:center;
  color:#fff;
  display:flex;
  align-items:center;
}

/* sfumature laterali */
.pmswt-post-hero::before,
.pmswt-post-hero::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:80px;
  pointer-events:none;
  z-index:1;
}

.pmswt-post-hero::before{
  left:0;
  background:linear-gradient(to right, rgba(0,0,0,.85), transparent);
}

.pmswt-post-hero::after{
  right:0;
  background:linear-gradient(to left, rgba(0,0,0,.85), transparent);
}

.pmswt-post-hero-overlay{
  position:absolute;
  inset:0;
}

.pmswt-post-hero-inner{
  position:relative;
  z-index:2;
  max-width:960px;
  margin:0 auto;
  padding:3rem 1.5rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
}

.pmswt-post-hero-main{
  max-width:640px;
}

.pmswt-post-hero-cat{
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  opacity:.9;
  margin-bottom:.5rem;
}

.pmswt-post-hero-title{
  font-size:clamp(1.8rem,3vw,2.4rem);
  line-height:1.2;
  margin:0 0 .75rem;
}

.pmswt-post-hero-meta,
.pmswt-post-player-meta{
  font-size:.9rem;
  opacity:.85;
  display:flex;
  align-items:center;
  gap:.45rem;
}

.pmswt-post-hero-play{
  width:96px;
  height:96px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.85);
  background:rgba(0,0,0,.2);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:
    transform .15s ease,
    box-shadow .15s ease,
    background .15s ease;
}

.pmswt-post-hero-play:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 30px rgba(0,0,0,.35);
  background:rgba(0,0,0,.35);
}

.pmswt-post-hero-play-icon{
  width:0;
  height:0;
  border-top:14px solid transparent;
  border-bottom:14px solid transparent;
  border-left:22px solid #fff;
  margin-left:4px;
}

.pmswt-post-player{
  margin-top:1.5rem;
}

.pmswt-post-player-frame iframe{
  width:100%;
  aspect-ratio:16/9;
}

.pmswt-post-player-header{
  padding:1rem 0;
}

.pmswt-post-player-title{
  font-size:1.4rem;
  margin:0 0 .35rem;
}

.pmswt-post-player-title a{
  text-decoration:none;
  color:inherit;
}

.pmswt-post-player-title a:hover{
  text-decoration:underline;
}

.pmswt-is-hidden{
  display:none;
}

/* PLAYER GENERICO */
.pmswt-player{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  background:#000;
  overflow:hidden;
}

.pmswt-player-inner{
  width:100%;
  height:100%;
  position:relative;
}

.pmswt-player-cover{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:opacity .25s ease-out, visibility .25s ease-out;
  z-index:2;
}

.pmswt-player-cover--hidden{
  opacity:0;
  visibility:hidden;
}

.pmswt-player-play{
  border:none;
  border-radius:999px;
  padding:0;
  width:72px;
  height:72px;
  background:rgba(0,0,0,.55);
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.pmswt-player-play-icon{
  width:0;
  height:0;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
  border-left:18px solid #fff;
  margin-left:4px;
}

.pmswt-player-iframe-wrap{
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
}

/* BADGE NUOVO / CONTINUA */
.pmswt-new-badge{
  display:inline-flex;
  align-items:center;
  padding:.2rem .6rem;
  border-radius:999px;
  font-size:.7rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.pmswt-badge-new{
  background:#00a66b;
  color:#fff;
}

.pmswt-badge-continue{
  background:#111827;
  color:#f9fafb;
}

/* PULSANTE SALVA/SALVATO */
/* di default: mostra solo l'icona "non salvato" */
.pmsyt-save-toggle__icon-saved {
    display: none;
}

/* quando il post è salvato (data-saved="1"): nascondi l'icona "non salvato"
   e mostra quella "salvato" */
.pmsyt-save-toggle[data-saved="1"] .pmsyt-save-toggle__icon-unsaved {
    display: none;
}

.pmsyt-save-toggle[data-saved="1"] .pmsyt-save-toggle__icon-saved {
    display: inline-flex;
}

.pmsyt-save-toggle__inner {
    display: inline-flex;
    align-items: center;
    gap: var(--pmsyt-save-gap, 8px);
}

/* opzionale, per gestire la direzione in base alla posizione scelta */
.pmsyt-save-toggle--icon-left .pmsyt-save-toggle__inner {
    flex-direction: row;
}

.pmsyt-save-toggle--icon-right .pmsyt-save-toggle__inner {
    flex-direction: row-reverse;
}

.pmsyt-save-toggle--icon-top .pmsyt-save-toggle__inner {
    flex-direction: column;
}

.pmsyt-save-toggle--icon-bottom .pmsyt-save-toggle__inner {
    flex-direction: column-reverse;
}

/* LISTA CONTINUA
 */
#pmsyt-continue-root {
    min-width: 260px;
    max-width: 420px;
    max-height: 70vh;
    overflow-y: auto;
}

.pmsyt-continue-header {
    padding: 8px 12px;
    border-bottom: 1px solid rgba(0,0,0,0.06);
}

.pmsyt-continue-header h3 {
    font-size: 14px;
    margin: 0;
}

#pmsyt-continue-list {
    padding: 8px;
}

.pmsyt-empty {
    font-size: 13px;
    margin: 0;
    opacity: 0.7;
}

/* Card */

.pmsyt-continue-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    text-decoration: none;
    color: inherit;
    border-radius: 8px;
    padding: 6px;
    margin-bottom: 4px;
    transition: background 0.15s ease, transform 0.15s ease;
}

.pmsyt-continue-item:hover {
    background: rgba(0,0,0,0.04);
    transform: translateY(-1px);
}

.pmsyt-continue-thumb {
    flex: 0 0 80px;
    border-radius: 6px;
    overflow: hidden;
    background: #eee;
}

.pmsyt-continue-thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.pmsyt-continue-body {
    flex: 1 1 auto;
    min-width: 0;
}

.pmsyt-continue-title {
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 4px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pmsyt-continue-meta {
    font-size: 11px;
    opacity: 0.8;
    display: flex;
    align-items: center;
    gap: 6px;
}

.pmsyt-continue-status {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.04em;
}

/*
 * WIDGET CHANNEL YOUTUBE DATA
 */
.pmsyt-channel-stats {
    text-decoration: none;
    display: inline-block;
}

.pmsyt-channel-stats__inner {
    display: flex;
    flex-direction: column;
}

.pmsyt-channel-stats__title {
    display: block;
}

.pmsyt-channel-stats__metrics {
    display: flex;
}

.pmsyt-channel-stats--row .pmsyt-channel-stats__metrics {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.pmsyt-channel-stats--column .pmsyt-channel-stats__metrics {
    flex-direction: column;
}

.pmsyt-channel-stats__metric {
    display: inline-flex;
    align-items: center;
}

.pmsyt-channel-stats__metric-icon {
    display: inline-flex;
}

/* TRANSCRIPT */
.show-video-transcript {
	width: 55%;
    overflow-y: auto;
	max-height: calc(var(--pmsyt-unit) * 7);
	box-shadow: var(--shadow-s);
}
.pmsyt-transcript-loaded {

}
.show-video-transcript .pmsyt-transcript-line {
    display: flex;
    gap: 0.5rem;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.show-video-transcript .pmsyt-transcript-line:hover {
    background-color: rgba(148, 163, 184, 0.15);
}

.show-video-transcript .pmsyt-transcript-line.is-active {
    background-color: rgba(56, 189, 248, 0.25); /* azzurrino evid evidenziato */
    border-left: 3px solid rgb(56, 189, 248);
}

.show-video-transcript .pmsyt-transcript-time {
    flex: 0 0 auto;
    font-family: monospace;
    opacity: 0.7;
}

.show-video-transcript .pmsyt-transcript-text {
    flex: 1 1 auto;
}

@media (max-width: 1024px) {
	.show-video-transcript {
		width: 100%;
	}
}

/* GENERATE PLAYERS */
/* Contenitore principale del blocco "Continua a guardare" */
.pmsyt-history-popup-target .pmsyt-header .pmsyt-wrapper:nth-child(odd) {
	display: none!Important;
}