/* =========================================
   FORCE TERMINAL STYLE ON HOME – MOBILE
   senza toccare HTML
========================================= */

@media (max-width: 768px){

  /* forza tutto il blocco */
  body .b2lMiniTerminalWrap,
  body .b2lMiniTerminalWrap *{
    box-sizing: border-box !important;
  }

  body .b2lMiniTerminalWrap{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body .b2lMiniTerminalWrap .b2lMiniTerminalBox{
    display: block !important;
    padding: 12px 10px !important;
    background: #ffffff !important;
    border: 1px solid rgba(0,0,0,0.12) !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 28px rgba(0,0,0,0.10) !important;
  }

  /* TOP BAR */
  body .b2lMiniTerminalWrap .b2lTopRow{
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    border-bottom: 1px solid rgba(0,0,0,0.10) !important;
    padding-bottom: 10px !important;
  }

  body .b2lMiniTerminalWrap .b2lBrand{
    display: flex !important;
    gap: 10px !important;
  }

  body .b2lMiniTerminalWrap .b2lLiveDot{
    display: inline-block !important;
  }

  body .b2lMiniTerminalWrap .b2lBadgeRow{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
  }

  /* INDICATORS */
  body .b2lMiniTerminalWrap .b2lMiniBar{
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 10px !important;
  }

  body .b2lMiniTerminalWrap .b2lIndicators{
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body .b2lMiniTerminalWrap .b2lInd{
    display: flex !important;
    width: 100% !important;
    background: rgba(0,0,0,0.03) !important;
    border: 1px solid rgba(0,0,0,0.10) !important;
    border-radius: 12px !important;
    padding: 10px !important;
  }

  /* BREAKING TICKER */
  body .b2lMiniTerminalWrap .b2lTicker{
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 10px !important;
  }

  body .b2lMiniTerminalWrap .b2lBreaking{
    display: inline-flex !important;
  }

  body .b2lMiniTerminalWrap .b2lTickerTrack{
    display: block !important;
    overflow: hidden !important;
  }

  /* NEWS LIST */
  body .b2lMiniTerminalWrap .b2lNewsScrollArea{
    display: block !important;
    border: 1px solid rgba(0,0,0,0.10) !important;
    border-radius: 12px !important;
    margin-top: 12px !important;
  }

  body .b2lMiniTerminalWrap .b2lNewsScrollInner{
    display: block !important;
    padding: 8px !important;
    overflow: auto !important;
  }

  body .b2lMiniTerminalWrap .b2lNewsScrollInner li,
  body .b2lMiniTerminalWrap .b2lNewsScrollInner .news-item,
  body .b2lMiniTerminalWrap .b2lNewsScrollInner .mcrypto-item{
    display: block !important;
    background: rgba(0,0,0,0.02) !important;
    border: 1px solid rgba(0,0,0,0.10) !important;
    border-radius: 12px !important;
    margin: 8px 0 !important;
    padding: 12px !important;
  }

  body .b2lMiniTerminalWrap .b2lNewsScrollInner img{
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
  }

  /* FOOTER */
  body .b2lMiniTerminalWrap .b2lFooter{
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-top: 10px !important;
  }
}
body .site-header,
body #dt_header,
body .dt-header,
body #masthead{
  position: relative;
  z-index: 999999;
}
@keyframes b2lMenuPulse{
  0%{ transform:scale(1); opacity:0.65; box-shadow:0 0 0 0 rgba(211,47,47,0.35); }
  60%{ transform:scale(1.15); opacity:1; box-shadow:0 0 0 10px rgba(211,47,47,0.00); }
  100%{ transform:scale(1); opacity:0.65; box-shadow:0 0 0 0 rgba(211,47,47,0.00); }
}

/* Spazio tra Home e Live News */
li.b2l-live-dot,
.b2l-live-dot.menu-item{
  margin-left:18px !important;
}

/* Se il tema mette la classe direttamente sul link */
a.b2l-live-dot{
  margin-left:18px !important;
}

/* Allineamento e spazio interno per la pallina */
li.b2l-live-dot > a,
.b2l-live-dot.menu-item > a,
a.b2l-live-dot{
  display:inline-flex !important;
  align-items:center !important;
  position:relative !important;
  padding-left:22px !important;
}

/* Pallina rossa, posizione corretta */
li.b2l-live-dot > a:before,
.b2l-live-dot.menu-item > a:before,
a.b2l-live-dot:before{
  content:"" !important;
  position:absolute !important;
  left:8px !important;
  top:50% !important;
  width:10px !important;
  height:10px !important;
  margin-top:-5px !important;
  border-radius:999px !important;
  background:#d32f2f !important;
  box-shadow:0 0 0 4px rgba(211,47,47,0.12) !important;
  animation:b2lPulse 1.05s infinite !important;
}

.menu-highlight,
.menu-highlight > a,
.menu-highlight a{
  font-weight: 800 !important;
  color: #0f766e !important;
  background: rgba(15,118,110,0.10) !important;
  border-radius: 10px !important;
  padding: 6px 10px !important;
  display: inline-block !important;
}
/* Safari iOS: evita marker e comportamenti strani di summary */
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }