/* Copiato/adattato dal layout del precedente shortcode [sv_video_dashboard]. */
.svvd-root{
        position:relative;
        background:var(--svvd-bg);
        color:var(--svvd-fg);
        font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;
        width:100%;
        --svvd-red:#ff0033;
        --svvd-glow: 0 0 0 6px rgba(255,0,51,.10);
        --svvd-border: rgba(15,15,15,.10);
        --svvd-border-dark: rgba(255,255,255,.12);
        --svvd-shadow: 0 16px 40px rgba(15,15,15,.10);
        --svvd-shadow2: 0 10px 22px rgba(15,15,15,.10);
        --svvd-shadow-dark: 0 18px 44px rgba(0,0,0,.55);
        --svvd-grad: linear-gradient(135deg, rgba(255,0,51,.14), rgba(255,45,85,.10), rgba(255,255,255,0));
        --svvd-grad-dark: linear-gradient(135deg, rgba(255,0,51,.20), rgba(255,45,85,.10), rgba(0,0,0,0));
      }
      .svvd-preview{height:420px;}
      .svvd-shell{height:100%; display:flex; flex-direction:column;}

      /* TOPBAR */
      .svvd-top{
        display:flex; align-items:center; justify-content:space-between;
        padding:14px 16px;
        border-bottom:1px solid var(--svvd-border-dark);
        background: rgba(20,20,20,.92);
        backdrop-filter: blur(10px);
        position:sticky; top:0; z-index:50;
      }
      .svvd-top:before{
        content:"";
        position:absolute; inset:0;
        background: var(--svvd-grad-dark);
        pointer-events:none;
      }
      .svvd-top > *{position:relative; z-index:2;}
      .svvd-brand{display:flex; align-items:center; gap:10px; font-weight:900; letter-spacing:.2px;}
      .svvd-dot{width:10px;height:10px;border-radius:999px;background:var(--svvd-red);box-shadow: 0 0 0 5px rgba(255,0,51,.14);}
      .svvd-actions{display:flex; gap:10px; align-items:center;} /* placeholder per non toccare layout */

      /* STORIES BAR (opzionale) */
      .svvd-stories{
        padding:10px 12px;
        border-bottom:1px solid var(--svvd-border-dark);
        background: rgba(20,20,20,.75);
        backdrop-filter: blur(10px);
      }
      .svvd-stories-track{
        display:flex;gap:12px;overflow:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory;
        scrollbar-width:thin;
        scrollbar-color: rgba(255,255,255,.55) rgba(255,255,255,.06);
      }
      .svvd-story{flex:0 0 auto;width:112px;scroll-snap-align:start;cursor:pointer;user-select:none;}
      .svvd-story .svvd-storyimg{
        height:152px;border-radius:16px;background-size:cover;background-position:center;position:relative;
        background-color: #1b1b1b;
        border:1px solid rgba(255,255,255,.12);
        overflow:hidden;
        box-shadow: var(--svvd-shadow-dark);
        transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
      }
      .svvd-story:hover .svvd-storyimg{
        transform: translateY(-2px);
        border-color: rgba(255,0,51,.28);
        box-shadow: 0 18px 46px rgba(0,0,0,.60);
      }
      .svvd-story .svvd-storyimg:before{content:"";position:absolute;inset:-2px;border-radius:18px;border:2px solid rgba(255,0,51,.70);box-shadow:0 0 0 5px rgba(255,0,51,.08);pointer-events:none;opacity:.85;}
      .svvd-story .svvd-storyimg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.62));}
      .svvd-story .svvd-playbadge{
        position:absolute;right:10px;bottom:10px;width:28px;height:28px;border-radius:999px;
        background:rgba(255,255,255,.92);color:#111;border:1px solid rgba(15,15,15,.10);
        display:flex;align-items:center;justify-content:center;font-size:12px;z-index:2;
        box-shadow: 0 8px 18px rgba(0,0,0,.18);
      }
      .svvd-story .svvd-storyt{margin-top:8px;font-size:12.5px;line-height:1.15;font-weight:900;opacity:.95;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

      /* MAIN LAYOUT (immutato) */
      .svvd-main{display:grid;grid-template-columns: 1.55fr .9fr;gap:14px;padding:14px;align-items:start;}
      .svvd-playercol{min-width:0; display:flex; flex-direction:column; gap:12px;}
      .svvd-playerwrap{
        position:relative; border-radius:18px; overflow:hidden; background:#000;
        border:1px solid rgba(255,255,255,.12);
        box-shadow: var(--svvd-shadow-dark);
      }

      /* IMA ad slot (overlay): resta nascosto finché l'ad NON è realmente in riproduzione */
      .svvd-adslot{
        position:absolute; inset:0; z-index:10;
        display:none;
        background: transparent;
      }
      .svvd-adslot > *{ width:100% !important; height:100% !important; }
      .svvd-adslot iframe{ border:0 !important; }

      .svvd-poster{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:7;}
      .svvd-poster-img{position:absolute; inset:0; background-size:cover; background-position:center; background-color:#0f0f16; transform:scale(1.02);}
      .svvd-poster:before{content:""; position:absolute; inset:0; background: radial-gradient(80% 60% at 50% 30%, rgba(255,255,255,.08), rgba(0,0,0,.35) 55%, rgba(0,0,0,.75));}
      .svvd-playicon{
        position:relative; z-index:2; width:74px;height:74px;border-radius:999px;
        background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.82));
        color:#111; border:1px solid rgba(15,15,15,.12);
        display:flex; align-items:center; justify-content:center; font-size:30px;
        box-shadow: 0 18px 36px rgba(0,0,0,.28);
      }
      .svvd-poster:hover .svvd-playicon{box-shadow: 0 22px 46px rgba(0,0,0,.34), var(--svvd-glow);}

      .svvd-vbox{width:100%; aspect-ratio: 16 / 9; background:#000; display:flex; align-items:center; justify-content:center;}
      .svvd-video{width:100%; height:100%; display:block; background:#000; object-fit: contain;}

      .svvd-fsbtn{
        position:absolute; right:12px; bottom:12px; z-index:11;
        width:42px;height:42px; border-radius:14px;
        background: rgba(255,255,255,.92);
        color:#111; border:1px solid rgba(15,15,15,.12);
        cursor:pointer; display:flex; align-items:center; justify-content:center;
        font-size:18px; box-shadow: 0 12px 26px rgba(0,0,0,.22);
        transition: transform .12s ease, box-shadow .12s ease;
      }
      .svvd-fsbtn:hover{transform: translateY(-1px); box-shadow: 0 18px 36px rgba(0,0,0,.26), var(--svvd-glow);}

      .svvd-advbadge{position:absolute;top:12px;left:12px;z-index:12;display:none;pointer-events:none;}
      .svvd-advpill{
        display:inline-flex;align-items:center;gap:10px;padding:9px 12px;border-radius:999px;
        background: rgba(255,255,255,.92);
        border:1px solid rgba(15,15,15,.12);
        box-shadow: 0 12px 26px rgba(0,0,0,.22);
      }
      .svvd-advpill strong{font-weight:1000;font-size:12px;letter-spacing:.6px;color:var(--svvd-red);}
      .svvd-advpill em{font-style:normal;font-size:12px;opacity:.92;color:#111;}
      .svvd-advpill i{font-style:normal;font-size:12px;opacity:.92;color:#111;}

      .svvd-meta{padding:0 2px;}
      .svvd-h1{font-size:20px;font-weight:950;line-height:1.15;margin-bottom:8px;letter-spacing:-.2px;}
      .svvd-sub{display:flex; gap:10px; align-items:center; margin-bottom:10px; opacity:.95;}
      .svvd-read{
        color:#111; text-decoration:none;
        background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.86));
        border:1px solid rgba(15,15,15,.12);
        padding:8px 12px; border-radius:999px; font-weight:900;
        box-shadow: 0 12px 26px rgba(15,15,15,.10);
        transition: transform .12s ease, box-shadow .12s ease;
      }
      .svvd-read:hover{transform: translateY(-1px); box-shadow: 0 18px 36px rgba(15,15,15,.12), var(--svvd-glow);}

      .svvd-desc{opacity:.92; line-height:1.50; font-size:14px; max-width:980px;}

      .svvd-list{min-width:0; display:flex; flex-direction:column; min-height:0;}
      .svvd-listhead{font-weight:1000;letter-spacing:.2px;opacity:.95;padding:2px 2px 10px;display:flex;align-items:center;gap:10px;}
      .svvd-listhead:before{content:"";width:10px;height:10px;border-radius:999px;background:var(--svvd-red);box-shadow: 0 0 0 5px rgba(255,0,51,.10);display:inline-block;}
      .svvd-listitems{overflow:auto;display:flex;flex-direction:column;gap:10px;padding-right:6px;max-height: 520px;}

      .svvd-item{
        display:flex; gap:10px; cursor:pointer; border-radius:16px; padding:10px;
        background: rgba(255,255,255,.06);
        border:1px solid rgba(255,255,255,.10);
        box-shadow: 0 10px 22px rgba(0,0,0,.40);
        transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease, background .12s ease;
      }
      .svvd-item:hover{transform: translateY(-1px); border-color: rgba(255,0,51,.22); background: rgba(255,255,255,.08);}
      .svvd-item.active{
        border-color: rgba(255,0,51,.35);
        box-shadow: 0 18px 36px rgba(0,0,0,.52), var(--svvd-glow);
        background: rgba(255,0,51,.10);
      }
      .svvd-item .thumb{
        width:132px; height:74px; border-radius:14px; background-size:cover; background-position:center;
        position:relative; flex:0 0 auto; overflow:hidden;
        border:1px solid rgba(255,255,255,.10);
        background-color: #1b1b1b;
      }
      .svvd-item .thumb:before{content:"";position:absolute;inset:0;background: linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.45));}
      .svvd-item .thumb:after{
        content:"▶";
        position:absolute; inset:auto 8px 6px auto;
        width:24px;height:24px;border-radius:999px;
        background: rgba(255,255,255,.92);
        color:#111;
        display:flex;align-items:center;justify-content:center;
        font-size:11px;
        border:1px solid rgba(15,15,15,.10);
        box-shadow: 0 10px 18px rgba(0,0,0,.18);
      }
      .svvd-item .twrap{min-width:0;}
      .svvd-item .t{font-weight:950;font-size:13px;line-height:1.15;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
      .svvd-item .e{font-size:12px;opacity:.86;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

      /* se storiesbar OFF: niente spazio extra, tutto resta compatto */
      .svvd-nostories .svvd-main{ padding-top:14px; }

      @media (max-width: 980px){
        .svvd-main{grid-template-columns: 1fr;}
        .svvd-listitems{max-height: 320px;}
        .svvd-story{width:96px;}
        .svvd-story .svvd-storyimg{height:132px; border-radius:14px;}
      }