/* GIOP FX V18F — XAUUSD TradingView live layer */
#home{
  position:relative;
}

/* TradingView resta sotto i contenuti GIOP FX */
#home .tv-xau-layer{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  opacity:0;
  transition:opacity .45s ease;
  background:
    radial-gradient(circle at 72% 42%,rgba(0,174,255,.11),transparent 30%),
    #03132e;
}

#home.tv-xau-ready .tv-xau-layer{
  opacity:.90;
}

/* Il vecchio canvas Twelve Data viene spento SOLO quando TradingView è realmente caricato */
#home.tv-xau-ready .xau-live-market,
#home.tv-xau-ready .xau-live-badge,
#home.tv-xau-ready .xau-live-shade{
  display:none !important;
}

/* L'iframe riempie la Home */
#home .tv-xau-layer .tradingview-widget-container,
#home .tv-xau-layer .tradingview-widget-container__widget{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
}

#home .tv-xau-layer iframe{
  width:100% !important;
  height:100% !important;
  border:0 !important;
  pointer-events:none !important;
}

/* Cinematic mask: preserva la leggibilità di titolo e logo */
#home .tv-xau-mask{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(1,5,12,.82) 0%,rgba(1,7,15,.56) 31%,rgba(2,18,35,.16) 64%,rgba(1,8,18,.30) 100%),
    linear-gradient(180deg,rgba(1,5,12,.18) 0%,transparent 38%,rgba(1,7,15,.34) 100%);
  box-shadow:inset 0 0 150px rgba(1,5,12,.42);
}

#home .tv-xau-status{
  position:absolute;
  right:26px;
  bottom:26px;
  z-index:8;
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 11px;
  border:1px solid rgba(77,255,184,.28);
  border-radius:8px;
  background:rgba(2,10,22,.70);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  color:#bfffe5;
  font-size:7px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
  pointer-events:none;
}

#home .tv-xau-status::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#4dffb8;
  box-shadow:0 0 12px #4dffb8;
}

#home:not(.tv-xau-ready) .tv-xau-status{
  display:none;
}

/* Mantiene i contenuti del sito davanti al grafico */
#home .content{position:relative;z-index:6 !important}
#home .hero-symbol{z-index:7 !important}
#home .hero-meta{z-index:7 !important}

/* Attribution TradingView — non viene rimossa */
#home .tv-xau-layer .tradingview-widget-copyright{
  position:absolute;
  left:10px;
  bottom:7px;
  z-index:5;
  font-size:7px;
  opacity:.48;
  pointer-events:auto;
}
#home .tv-xau-layer .tradingview-widget-copyright a{
  color:rgba(255,255,255,.72);
  text-decoration:none;
}

@media(max-width:900px){
  #home .tv-xau-layer{opacity:0}
  #home.tv-xau-ready .tv-xau-layer{opacity:.78}
  #home .tv-xau-mask{
    background:
      linear-gradient(180deg,rgba(1,5,12,.32),rgba(2,12,25,.12) 42%,rgba(1,7,15,.45)),
      linear-gradient(90deg,rgba(1,5,12,.60),rgba(2,12,25,.16));
  }
  #home .tv-xau-status{
    right:12px;
    bottom:12px;
    font-size:6px;
    padding:8px 9px;
  }
  #home .tv-xau-layer .tradingview-widget-copyright{
    left:8px;
    bottom:5px;
    font-size:6px;
  }
}

@media(prefers-reduced-motion:reduce){
  #home .tv-xau-layer{transition:none}
}

/* GIOP_HIDE_LEGACY_HOME_GRAPH_V1
   Il grafico definitivo della Home è TradingView.
   I precedenti grafici interni non devono più essere mostrati.
*/
#home .hero-market-stage,
#home .hero-mobile-chart{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}