/* ============================================================ MARYSTÈ · TEMA CHIARO (accessibilità) Si attiva con , scelto in Impostazioni (localStorage msTema='chiaro'). Le pagine restano Iride ma su fondo panna-lilla chiaro, per chi sta male col scuro. ============================================================ */ /* --- token comuni (le pagine Iride usano questi nomi) --- */ html.chiaro{ --ink:#332a4d; --ink-soft:rgba(51,42,77,.78); --ink-dim:rgba(51,42,77,.55); --card:rgba(255,255,255,.82); --line:rgba(90,63,158,.16); /* set del player */ --bg:#efeaf7; --bgc:#ffffff; --txt:#332a4d; --txt2:rgba(51,42,77,.66); --border:rgba(90,63,158,.16); --shadow:0 4px 18px rgba(90,63,158,.10); /* set login-corso */ --gold:#7a58c0; --gold-light:rgba(122,88,192,.1); --gold-dark:#6a4fa8; --cream:#f6f2fc; --dark:#2b2140; --text:#332a4d; --text-light:rgba(51,42,77,.6); } /* --- fondo pagina + niente cielo scuro --- */ html.chiaro body{ background:linear-gradient(175deg,#f3eefc 0%,#efe9f8 45%,#faf6f0 100%) !important; background-attachment:fixed !important; color:var(--ink) !important; } html.chiaro #sky,html.chiaro #glsky,html.chiaro #aurora,html.chiaro #bloom{display:none !important} /* --- header scuri -> vetro chiaro --- */ html.chiaro .hdr{ background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.55)) !important; border-bottom:1px solid rgba(90,63,158,.12) !important; } html.chiaro .hdr-back{background:rgba(90,63,158,.08) !important;border-color:rgba(90,63,158,.15) !important;color:#332a4d !important} html.chiaro .hdr-back svg{stroke:#332a4d !important} /* --- testi bianchi fissi -> inchiostro scuro --- */ html.chiaro .corso-nm,html.chiaro .cont-nm,html.chiaro .promo-tx b, html.chiaro .store-name,html.chiaro .premio-name,html.chiaro .badge-name, html.chiaro .cert-title,html.chiaro .info-row-name,html.chiaro .cicli-title, html.chiaro .sconto-info-title,html.chiaro .pkd-box-nm,html.chiaro .empty-t, html.chiaro .sec-t,html.chiaro .modal-title,html.chiaro .row-name, html.chiaro .fid-card-info-value,html.chiaro .fid-card-info-title, html.chiaro .profilo-row-name,html.chiaro .profilo-card-title, html.chiaro .bonus-title,html.chiaro .bonus-nm,html.chiaro .chat-intro-t, html.chiaro .corso-disc .p,html.chiaro .locked-title,html.chiaro .intro-card-title, html.chiaro .ebook-title,html.chiaro .garanzia-title{color:#2b2140 !important} html.chiaro .cont-in,html.chiaro .promo-tx span,html.chiaro .store-address, html.chiaro .premio-desc,html.chiaro .badge-desc,html.chiaro .cert-desc, html.chiaro .row-val,html.chiaro .modal-msg,html.chiaro .ebook-desc, html.chiaro .intro-card-text,html.chiaro .locked-text{color:rgba(51,42,77,.62) !important} /* --- pannelli scuri fissi -> chiari --- */ html.chiaro .corso,html.chiaro .store-card,html.chiaro .premio,html.chiaro .badge, html.chiaro .sconto-box,html.chiaro .cicli-box,html.chiaro .info-box, html.chiaro .fid-card-info,html.chiaro .profilo-card,html.chiaro .sec.card, html.chiaro .card,html.chiaro .ebook-card,html.chiaro .success-card, html.chiaro form.card,html.chiaro .hero.hero-card,html.chiaro .garanzia{ background:rgba(255,255,255,.85) !important; border-color:rgba(90,63,158,.14) !important; box-shadow:0 6px 24px rgba(90,63,158,.10) !important; } html.chiaro .chip{background:rgba(255,255,255,.8) !important;border-color:rgba(90,63,158,.18) !important;color:#332a4d !important} html.chiaro .chip.on{color:#1a1030 !important} html.chiaro .cont{background:linear-gradient(135deg,rgba(139,154,236,.28),rgba(183,155,242,.2) 55%,rgba(126,226,208,.18)) !important;border-color:rgba(122,88,192,.3) !important} html.chiaro .cont-k,html.chiaro .cont-pct,html.chiaro .cont-go{color:#5a3f9e !important} html.chiaro .promo{background:linear-gradient(120deg,rgba(183,155,242,.2),rgba(230,169,201,.16)) !important;border-color:rgba(122,88,192,.3) !important} html.chiaro .promo-go{color:#5a3f9e !important} /* --- barre orari negozi --- */ html.chiaro .store-hours{background:rgba(90,63,158,.05) !important;border-top-color:rgba(90,63,158,.1) !important} html.chiaro .store-hour-day{color:rgba(51,42,77,.7) !important} html.chiaro .store-hour-day.today,html.chiaro .store-hour-time{color:#2b2140 !important} html.chiaro .store-hour-time.today{color:#6a4fa8 !important} html.chiaro .store-act-call,html.chiaro .store-act-share{background:rgba(90,63,158,.08) !important;border-color:rgba(90,63,158,.15) !important;color:#332a4d !important} /* --- player: barre sotto il video --- */ html.chiaro .res-bar,html.chiaro .ck-bar{background:linear-gradient(120deg,rgba(183,155,242,.3),rgba(230,169,201,.24)) !important;border-top-color:rgba(122,88,192,.3) !important} html.chiaro .res-bar-txt,html.chiaro .ck-bar-txt{color:#2b2140 !important} html.chiaro .res-bar-txt b{color:#1a1030 !important} html.chiaro .tab{color:rgba(51,42,77,.75) !important} html.chiaro .tab.active{color:#5a3f9e !important;text-shadow:none !important} html.chiaro .toast{background:rgba(43,33,64,.95) !important;color:#fff !important} /* --- modal scuri (punti/player) --- */ html.chiaro .modal{background:#ffffff !important;border-color:rgba(90,63,158,.15) !important} html.chiaro .modal-inp{background:rgba(90,63,158,.06) !important;border-color:rgba(90,63,158,.18) !important;color:#2b2140 !important} html.chiaro .modal-inp::placeholder{color:rgba(51,42,77,.4) !important} html.chiaro .modal-btn.cancel{background:rgba(90,63,158,.08) !important;color:#332a4d !important;border-color:rgba(90,63,158,.15) !important} /* --- login / form --- */ html.chiaro .inp,html.chiaro .field-input,html.chiaro .form-group input,html.chiaro .form-group select,html.chiaro .field input,html.chiaro .field select{ background:rgba(255,255,255,.9) !important;border-color:rgba(90,63,158,.2) !important;color:#2b2140 !important} html.chiaro .inp::placeholder,html.chiaro .field-input::placeholder{color:rgba(51,42,77,.4) !important} html.chiaro .tabs{background:rgba(90,63,158,.07) !important;border-color:rgba(90,63,158,.14) !important} html.chiaro .welcome-txt{color:rgba(51,42,77,.7) !important} html.chiaro .login-logo,html.chiaro .splash-logo,html.chiaro header.brand img.logo,html.chiaro .logo-img{filter:none !important} html.chiaro .splash{background:linear-gradient(175deg,#f3eefc,#faf6f0) !important} html.chiaro .splash-tag,html.chiaro .guest-link,html.chiaro .forgot,html.chiaro .divider{color:rgba(51,42,77,.55) !important} html.chiaro .social-btn{background:#ffffff !important;color:#2b2140 !important;border-color:rgba(90,63,158,.18) !important} html.chiaro .social-apple{background:#111 !important;color:#fff !important} /* --- loader --- */ html.chiaro .ld{background:linear-gradient(175deg,#f3eefc,#faf6f0) !important} /* eccezioni: testi con colore proprio (es. Elimina account) */ html.chiaro .row-name[style*="color"]{color:#c03838 !important} html.chiaro .chip.on{background:linear-gradient(120deg,#8b9aec,#b79bf2 42%,#e6a9c9 70%,#7ee2d0) !important} html.chiaro .bdg.free{background:rgba(46,160,140,.14) !important;color:#1e7a68 !important} html.chiaro .bdg.new{background:rgba(214,120,166,.16) !important;color:#a8487c !important} html.chiaro .bdg.done{background:rgba(46,160,140,.16) !important;color:#1e7a68 !important} html.chiaro .hdr-greet,html.chiaro .hdr-greet b{color:#332a4d !important;-webkit-text-fill-color:#332a4d !important;text-shadow:none !important} html.chiaro .bnav-inner{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(250,247,255,.98)) !important;border-top:1px solid rgba(90,63,158,.15) !important;box-shadow:0 -10px 26px -18px rgba(90,63,158,.35) !important} html.chiaro .bn-i{stroke:rgba(51,42,77,.55) !important} html.chiaro .bn-l{color:rgba(51,42,77,.55) !important} html.chiaro .bn.act .bn-i{stroke:#6a4fa8 !important} html.chiaro .bn.act .bn-l{color:#6a4fa8 !important} html.chiaro .bnav-pill{background:linear-gradient(160deg,rgba(139,154,236,.3),rgba(183,155,242,.22)) !important} html.chiaro .bn-i{stroke:url(#iridnav) !important;opacity:.7} html.chiaro .bn.act .bn-i{stroke:url(#iridnav) !important;opacity:1}