/* ==========================================================================
   AC MANAGER · area Esperienze — shell "Aurora" in versione scura e futuristica
   Si carica dopo ac-ui.css solo sulle pagine Esperienze (body.ac-esp-page). Il resto del tema
   (vetro scuro e neon dei moduli Vouchiva) è in ac-esperienze.css.
   Stessa struttura della shell chiara (barra in basso su telefono, barra laterale su desktop),
   colori scuri con riflessi viola/ciano.
   ========================================================================== */

/* Token della shell in versione scura: la shell chiara li usa tutti, quindi quasi tutto si adegua da solo */
body.ac-esp-page.ac-app-layout{
  --bg:#060814;
  --ink:#e9ecff; --ink-2:#cfd5ff; --ink-3:#8f98c4;
  --line:rgba(148,163,255,.16); --line-2:rgba(148,163,255,.30);
  --blue-50:rgba(139,123,255,.16); --blue-100:rgba(139,123,255,.30);
  --blue-500:#8b7bff; --blue-600:#8b7bff; --blue-700:#d6d1ff;
  --bad-50:rgba(251,113,133,.14); --bad-700:#fb7185;
  --glass:rgba(12,16,40,.74);
  --shadow-1:0 18px 50px -26px rgba(0,0,0,.9);
  color:var(--esp-text);color-scheme:dark;
  background-color:#060814;
  background-image:
    radial-gradient(900px 520px at 8% -8%,rgba(109,91,255,.28),transparent 62%),
    radial-gradient(760px 480px at 100% 4%,rgba(34,211,238,.16),transparent 60%),
    radial-gradient(700px 520px at 50% 108%,rgba(244,114,182,.13),transparent 60%);
  background-attachment:fixed;
}
body.ac-esp-page.ac-app-layout::before{display:none}
body.ac-esp-page.ac-app-layout :focus-visible{outline-color:rgba(34,211,238,.6)}

/* ---------- Header ---------- */
body.ac-esp-page.ac-app-layout #ac-custom-header::before{
  background:rgba(8,10,26,.78);border-bottom:1px solid var(--esp-line);
  box-shadow:0 10px 40px -20px rgba(109,91,255,.6);
}
body.ac-esp-page.ac-app-layout #ac-custom-header::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(139,123,255,.85),rgba(34,211,238,.85),transparent);opacity:.75;
}
body.ac-esp-page.ac-app-layout .header-logo img,
body.ac-esp-page.ac-app-layout .menu-header .ac-brand img{filter:brightness(0) invert(1) drop-shadow(0 0 10px rgba(139,123,255,.55))}

/* Campanella */
body.ac-esp-page.ac-app-layout .ac-campanella-btn{background:rgba(255,255,255,.06);border:1px solid var(--esp-line-2);color:#cfd5ff;box-shadow:none}
body.ac-esp-page.ac-app-layout .ac-campanella-btn:hover{background:rgba(139,123,255,.16);border-color:var(--esp-violet);box-shadow:0 0 18px rgba(139,123,255,.45)}
body.ac-esp-page.ac-app-layout .ac-campanella-badge{box-shadow:0 0 0 2px #0a0d20}
body.ac-esp-page.ac-app-layout .ac-campanella-pannello{background:rgba(255,255,255,.97);color:#0B1220;border-color:rgba(148,163,255,.35);box-shadow:0 24px 60px -16px rgba(0,0,0,.7),0 0 0 1px rgba(139,123,255,.25)}
body.ac-esp-page.ac-app-layout .ac-campanella-pannello a{color:#0B1220}

/* ---------- Barra in basso (telefono) ---------- */
body.ac-esp-page.ac-app-layout #ac-tabbar{
  background:rgba(10,13,32,.82);border:1px solid var(--esp-line-2);
  box-shadow:0 18px 40px -12px rgba(0,0,0,.75),0 0 0 1px rgba(139,123,255,.12),inset 0 1px 0 rgba(255,255,255,.06);
}
body.ac-esp-page.ac-app-layout #ac-tabbar .ac-tab{color:#8f98c4}
body.ac-esp-page.ac-app-layout #ac-tabbar .ac-tab.on{
  color:#fff;background:linear-gradient(135deg,rgba(139,123,255,.34),rgba(34,211,238,.18));
  box-shadow:inset 0 0 0 1px rgba(139,123,255,.45),0 0 18px -4px rgba(139,123,255,.55);
}
body.ac-esp-page.ac-app-layout #ac-tabbar .ac-tab.on svg.ac-i{color:#22d3ee}

/* Assistente: pulsante in tinta, pannello chiaro (il suo contenuto è chiaro) */
body.ac-esp-page.ac-app-layout .ac-ass-fab{background:linear-gradient(145deg,#6d5bff,#0e7490);box-shadow:0 16px 30px -8px rgba(109,91,255,.7),0 0 0 6px rgba(139,123,255,.16)}

/* ---------- Menu (foglio dal basso su telefono, barra laterale su desktop) ---------- */
body.ac-esp-page.ac-app-layout #ac-menu-overlay{background:rgba(3,4,14,.62)}
body.ac-esp-page.ac-app-layout #ac-popup-menu,
body.ac-esp-page.ac-app-layout #ac-popup-menu.active{
  background:rgba(10,13,32,.96);border:1px solid var(--esp-line-2);
  box-shadow:0 -20px 50px -10px rgba(0,0,0,.7),0 0 0 1px rgba(139,123,255,.10);
}
body.ac-esp-page.ac-app-layout .menu-header{background:transparent;color:var(--esp-text)}
body.ac-esp-page.ac-app-layout .menu-header h3{color:#fff}
body.ac-esp-page.ac-app-layout #close-menu{background:rgba(255,255,255,.08);color:#cfd5ff}
body.ac-esp-page.ac-app-layout #close-menu:hover{background:rgba(255,255,255,.14)}
body.ac-esp-page.ac-app-layout #ac-popup-menu li a{color:#cfd5ff}
body.ac-esp-page.ac-app-layout #ac-popup-menu li a:hover{background:rgba(139,123,255,.14);color:#fff}
body.ac-esp-page.ac-app-layout #ac-popup-menu li a:hover svg.ac-i{color:#22d3ee}
body.ac-esp-page.ac-app-layout #ac-popup-menu li a.ac-menu-corrente,
body.ac-esp-page.ac-app-layout #ac-popup-menu ul.ac-menu-sub li a.ac-menu-corrente{
  background:rgba(139,123,255,.18);color:#fff;box-shadow:inset 3px 0 0 var(--esp-cyan);
}
body.ac-esp-page.ac-app-layout #ac-popup-menu li a.ac-menu-corrente svg.ac-i{color:#22d3ee}
body.ac-esp-page.ac-app-layout #ac-popup-menu li.ac-menu-has-sub.open > a{color:#fff}
body.ac-esp-page.ac-app-layout #ac-popup-menu li.ac-menu-has-sub.open > a svg.ac-i:not(.ac-chev){color:#22d3ee}
body.ac-esp-page.ac-app-layout #ac-popup-menu ul.ac-menu-sub{border-left-color:rgba(139,123,255,.35)}
body.ac-esp-page.ac-app-layout #ac-popup-menu ul.ac-menu-sub li a{color:#aab2e0}
body.ac-esp-page.ac-app-layout #ac-popup-menu ul.ac-menu-sub li a:hover{color:#fff}
body.ac-esp-page.ac-app-layout #ac-popup-menu li a.logout-link:hover{background:rgba(251,113,133,.14) !important}

body.ac-esp-page.ac-app-layout .ac-menu-user{background:rgba(255,255,255,.04);border-color:var(--esp-line);box-shadow:none}
body.ac-esp-page.ac-app-layout .ac-menu-avatar{background:rgba(201,154,62,.16);border-color:rgba(201,154,62,.5);color:#ebd59b}
body.ac-esp-page.ac-app-layout .ac-menu-footer-btn{background:rgba(255,255,255,.04);border-color:var(--esp-line-2);color:#cfd5ff}
body.ac-esp-page.ac-app-layout .ac-menu-footer-btn:hover,
body.ac-esp-page.ac-app-layout .ac-menu-footer-btn.ac-menu-corrente{background:rgba(139,123,255,.16);border-color:var(--esp-violet);color:#fff}

@media (min-width:1024px){
  body.ac-esp-page.ac-app-layout #ac-popup-menu,
  body.ac-esp-page.ac-app-layout #ac-popup-menu.active{
    background:rgba(10,13,32,.80);
    -webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);
    box-shadow:0 18px 50px -26px rgba(0,0,0,.9),0 0 0 1px rgba(139,123,255,.10),inset 0 1px 0 rgba(255,255,255,.05);
  }
  body.ac-esp-page.ac-app-layout #ac-custom-header::after{display:none}
  body.ac-esp-page.ac-app-layout #ac-popup-menu li a.ac-menu-corrente{box-shadow:inset 3px 0 0 var(--esp-cyan),0 0 22px -8px rgba(139,123,255,.6)}
  body.ac-esp-page.ac-app-layout #ac-popup-menu ul.ac-menu-sub li a.ac-menu-corrente{box-shadow:inset 3px 0 0 var(--esp-cyan)}
  body.ac-esp-page.ac-app-layout .ac-esp-wrap{padding:6px 8px 56px}
}

/* ---------- Contenuto ---------- */
body.ac-esp-page.ac-app-layout #ac-main-content{max-width:none}
body.ac-esp-page.ac-app-layout .ac-esp-wrap{padding:6px 12px 40px}

/* ac-esperienze.css dà bordo e ombra alla testata: qui li gestisce lo pseudo-elemento */
body.ac-esp-page.ac-app-layout #ac-custom-header{background:transparent;border:0;box-shadow:none}