/* Playnings Landing · menu header e torna su · © 2026 Pierluigi Gentili - PGLab */
html { scroll-behavior: smooth; }
[id="inizio"], [id="funzionalita"], [id="rete"], [id="ricerca"], [id="campi"], [id="profilo"], [id="come-funziona"], [id="ruoli"], [id="faq"], [id="contatti"] { scroll-margin-top: 84px; }

/* Header fisso */
.pln-lp-header { position: sticky !important; top: 0; z-index: 999; transition: box-shadow .2s, background-color .2s; }
body.admin-bar .pln-lp-header { top: 32px; }
.pln-lp-header.is-scrolled { box-shadow: 0 8px 24px rgba(0,0,0,.28); background-color: rgba(13,20,18,.96) !important; backdrop-filter: blur(6px); }

/* Voci di menu */
.pln-lp-nav .elementor-icon-list-icon { display: none !important; }
.pln-lp-nav .elementor-icon-list-item a { position: relative; padding: 6px 0; transition: color .15s; }
.pln-lp-nav .elementor-icon-list-item a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; border-radius: 2px; background: #2FAB8E; transform: scaleX(0); transition: transform .2s; }
.pln-lp-nav .elementor-icon-list-item a:hover::after, .pln-lp-nav .elementor-icon-list-item a.is-active::after { transform: scaleX(1); }
.pln-lp-nav .elementor-icon-list-item a.is-active .elementor-icon-list-text { color: #fff !important; }
.pln-lp-burger { cursor: pointer; }
.pln-lp-burger .elementor-icon { display: flex; }

/* Mobile: menu a tendina */
@media (max-width: 767px) {
  .pln-lp-navwrap { order: 3; display: none !important; }
  .pln-lp-header :has(> .pln-lp-navwrap) { flex-wrap: wrap !important; }
  .pln-lp-header.menu-open .pln-lp-navwrap { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
  .pln-lp-header.menu-open .pln-lp-navwrap { display: flex !important; padding: 8px 0 6px !important; border-top: 1px solid rgba(255,255,255,.1); margin-top: 10px; }
  .pln-lp-header.menu-open .pln-lp-nav .elementor-icon-list-items { flex-direction: column !important; align-items: stretch !important; width: 100%; gap: 0 !important; }
  .pln-lp-header.menu-open .pln-lp-nav .elementor-icon-list-item { margin: 0 !important; padding: 0 !important; }
  .pln-lp-header.menu-open .pln-lp-nav .elementor-icon-list-item a { display: block; padding: 13px 4px; border-bottom: 1px solid rgba(255,255,255,.07); font-size: 16px; }
  .pln-lp-header.menu-open .pln-lp-nav .elementor-icon-list-item a::after { display: none; }
  .pln-lp-header.menu-open .pln-lp-nav .elementor-widget-container, .pln-lp-header.menu-open .pln-lp-nav { width: 100%; }
}

/* Torna su */
.pln-lp-top { position: fixed; right: 22px; bottom: 22px; z-index: 998; width: 50px; height: 50px; border-radius: 50%; background: #2FAB8E; color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 26px rgba(13,20,18,.3); opacity: 0; visibility: hidden; transform: translateY(14px); transition: opacity .25s, transform .25s, visibility .25s, background-color .15s; text-decoration: none; }
.pln-lp-top.is-visible { opacity: 1; visibility: visible; transform: none; }
.pln-lp-top:hover, .pln-lp-top:focus-visible { background: #1E7F69; color: #fff; }
.pln-lp-top:focus-visible { outline: 3px solid #9FE3CF; outline-offset: 3px; }
.pln-lp-top svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 767px) { .pln-lp-top { right: 16px; bottom: 16px; width: 46px; height: 46px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .pln-lp-top, .pln-lp-header { transition: none; } }