/** * tema-chiaro.css — MetaLibro * Override completo per il tema chiaro su tutte le pagine. * Attivato dalla classe .tema-chiaro sul o . */ /* -------------------------------------- PALETTE CHIARA bg: #F5F0E8 (beige caldo) bg2: #EDE6D8 bg3: #E5DCC8 surface: #FFFDF7 (quasi bianco caldo) surface2:#F0E9D8 gold: #8a6400 (oro scuro leggibile) text: #1a1208 (quasi nero caldo) text-dim:#7a6a4a border: rgba(138,100,0,0.18) -------------------------------------- */ /* -- Variabili CSS — sovrascrive tutte le varianti usate nei file -- */ .tema-chiaro, body.tema-chiaro { /* Variabili standard (account, gruppi, gruppo, messaggi, nuovo_topic...) */ --bg: #F5F0E8; --bg2: #EDE6D8; --bg3: #E5DCC8; --surface: #FFFDF7; --surface2: #F0E9D8; --gold: #8a6400; --gold2: #c9a227; --gold-dim: #c9a227; --gold-glow: rgba(138,100,0,0.12); --text: #1a1208; --text-dim: #7a6a4a; --text-faint: #b8a888; --border: rgba(138,100,0,0.18); --border2: rgba(138,100,0,0.35); --white: #1a1208; --ink: #FFFDF7; /* Variabili navbar (index, cerca, account) */ --s0: #F5F0E8; --s1: #EDE6D8; --s2: #E5DCC8; --s3: #D8CEB8; --s-hover: #D0C4A8; --tp: #1a1208; --ts: rgba(26,18,8,0.55); --tm: rgba(26,18,8,0.3); --b0: rgba(138,100,0,0.1); --b1: rgba(138,100,0,0.22); /* Variabili forum/topic/ai */ --void: #F5F0E8; --deep: #EDE6D8; --l1: #EDE6D8; --l2: #E5DCC8; --l3: #D8CEB8; --l4: #CEC4A8; --lift: #FFFDF7; --lift2: #F0E9D8; --dark: #EDE6D8; --mid: #E5DCC8; --surf: #FFFDF7; --card: #FFFDF7; background: #F5F0E8; color: #1a1208; } /* -- html e body base -- */ html.tema-chiaro, body.tema-chiaro { background: #F5F0E8 !important; color: #1a1208 !important; } /* -------------------------------------- NAVBAR (#ml-nav) -------------------------------------- */ body.tema-chiaro #ml-nav { background: transparent; } body.tema-chiaro #ml-nav.solid { background: rgba(245,240,232,.96) !important; border-bottom: 1px solid rgba(138,100,0,0.12) !important; box-shadow: 0 1px 0 rgba(138,100,0,0.06) !important; } body.tema-chiaro .nav-logo, body.tema-chiaro .nav-logo-guest { color: #1a1208; } body.tema-chiaro .nav-logo em, body.tema-chiaro .nav-logo-guest em { color: #8a6400; } body.tema-chiaro .logo-icon { background: rgba(138,100,0,0.08); border-color: rgba(138,100,0,0.3); } body.tema-chiaro .logo-icon svg { stroke: #8a6400; } body.tema-chiaro .nav-links a { color: rgba(26,18,8,0.55); } body.tema-chiaro .nav-links a:hover, body.tema-chiaro .nav-links a.active { color: #1a1208; } body.tema-chiaro .nav-links a::after { background: #8a6400; } body.tema-chiaro .user-avatar-btn { background: rgba(138,100,0,0.05); border-color: rgba(138,100,0,0.12); } body.tema-chiaro .user-avatar-btn:hover { background: rgba(138,100,0,0.1); border-color: rgba(138,100,0,0.2); } body.tema-chiaro .nav-username { color: rgba(26,18,8,0.6); } body.tema-chiaro .nav-av-img { border-color: rgba(138,100,0,0.3); } body.tema-chiaro .user-dropdown { background: rgba(255,253,247,.98); border-color: rgba(138,100,0,0.15); box-shadow: 0 20px 60px rgba(138,100,0,0.15); } body.tema-chiaro .dd-name { color: #1a1208; } body.tema-chiaro .dd-role { color: rgba(26,18,8,0.45); } body.tema-chiaro .user-dropdown a { color: rgba(26,18,8,0.6) !important; } body.tema-chiaro .user-dropdown a:hover { background: #F0E9D8 !important; color: #1a1208 !important; } body.tema-chiaro .user-dropdown a.dd-out { color: rgba(180,50,50,0.7) !important; } body.tema-chiaro .nav-reg-btn { background: #8a6400; color: #FFFDF7; } body.tema-chiaro .nav-hamburger { background: #EDE6D8; border-color: rgba(138,100,0,0.15); color: rgba(26,18,8,0.6); } body.tema-chiaro .nav-mobile-menu { background: rgba(245,240,232,.97); border-color: rgba(138,100,0,0.12); } body.tema-chiaro .nav-mobile-menu a { color: rgba(26,18,8,0.6); } body.tema-chiaro .nav-mobile-menu a:hover { background: #EDE6D8; color: #1a1208; } body.tema-chiaro .nav-mobile-menu a.mob-cta { color: #8a6400; } body.tema-chiaro .nav-mobile-menu a.mob-out { color: rgba(180,50,50,0.7); } body.tema-chiaro .mob-divider { background: rgba(138,100,0,0.1); } /* -------------------------------------- ELEMENTI COMUNI -------------------------------------- */ body.tema-chiaro a { color: inherit; } /* Breadcrumb */ body.tema-chiaro .forum-breadcrumb, body.tema-chiaro .breadcrumb { background: #EDE6D8; border-color: rgba(138,100,0,0.15); } body.tema-chiaro .forum-breadcrumb-inner a { color: #8a6400; } body.tema-chiaro .forum-breadcrumb-inner { color: rgba(26,18,8,0.5); } /* Cards / Box */ body.tema-chiaro .box, body.tema-chiaro .card, body.tema-chiaro [class*="-card"], body.tema-chiaro [class*="-box"] { background: #FFFDF7; border-color: rgba(138,100,0,0.15); color: #1a1208; } body.tema-chiaro .box-header, body.tema-chiaro .card-header { border-color: rgba(138,100,0,0.12); } body.tema-chiaro .box-header h3, body.tema-chiaro .card-header h3 { color: #1a1208; } /* Input / Form */ body.tema-chiaro input[type="text"], body.tema-chiaro input[type="email"], body.tema-chiaro input[type="password"], body.tema-chiaro input[type="search"], body.tema-chiaro input[type="number"], body.tema-chiaro textarea, body.tema-chiaro select { background: #EDE6D8 !important; border-color: rgba(138,100,0,0.2) !important; color: #1a1208 !important; -webkit-text-fill-color: #1a1208 !important; -webkit-box-shadow: 0 0 0px 1000px #EDE6D8 inset !important; } body.tema-chiaro input::placeholder, body.tema-chiaro textarea::placeholder { color: rgba(26,18,8,0.35) !important; -webkit-text-fill-color: rgba(26,18,8,0.35) !important; } body.tema-chiaro input:focus, body.tema-chiaro textarea:focus, body.tema-chiaro select:focus { background: #E5DCC8 !important; border-color: rgba(138,100,0,0.45) !important; -webkit-box-shadow: 0 0 0px 1000px #E5DCC8 inset !important; outline: none; } /* Bottoni gold */ body.tema-chiaro .btn-gold, body.tema-chiaro [class*="btn-salva"], body.tema-chiaro [class*="btn-carica"] { background: #8a6400; color: #FFFDF7; border-color: #8a6400; } /* Separatori / bordi */ body.tema-chiaro hr, body.tema-chiaro [class*="-sep"], body.tema-chiaro [class*="-divider"] { border-color: rgba(138,100,0,0.12); background: rgba(138,100,0,0.12); } /* -------------------------------------- INDEX / HOME -------------------------------------- */ body.tema-chiaro .hero-section, body.tema-chiaro .hero, body.tema-chiaro [class*="hero"] { background: #F5F0E8; } body.tema-chiaro .section-title, body.tema-chiaro [class*="-title"] { color: #1a1208; } body.tema-chiaro [class*="-subtitle"], body.tema-chiaro [class*="-desc"] { color: #7a6a4a; } /* -------------------------------------- FORUM / TOPIC / SEZIONE -------------------------------------- */ body.tema-chiaro .forum-section, body.tema-chiaro .sc, body.tema-chiaro .section-card { background: #FFFDF7; border-color: rgba(138,100,0,0.15); } body.tema-chiaro .sc:hover { background: #F0E9D8; } body.tema-chiaro .sc-name, body.tema-chiaro .forum-title { color: #1a1208; } body.tema-chiaro .sc-desc, body.tema-chiaro .forum-desc { color: #7a6a4a; } body.tema-chiaro .topic-row { border-color: rgba(138,100,0,0.1); } body.tema-chiaro .topic-row:hover { background: #F0E9D8; } body.tema-chiaro .topic-row a { color: #1a1208; } body.tema-chiaro .topic-meta { color: #7a6a4a; } body.tema-chiaro .topic-risposte { color: #8a6400; } /* Messaggio forum */ body.tema-chiaro .msg-wrap, body.tema-chiaro .message-bubble, body.tema-chiaro [class*="msg-body"], body.tema-chiaro [class*="messaggio"] { background: #FFFDF7; border-color: rgba(138,100,0,0.12); color: #1a1208; } body.tema-chiaro .msg-text, body.tema-chiaro [class*="-testo"] { color: #1a1208; } body.tema-chiaro .msg-meta, body.tema-chiaro [class*="-meta"] { color: #7a6a4a; } /* -------------------------------------- LIBRO / AUTORE / GENERE -------------------------------------- */ body.tema-chiaro .libro-card, body.tema-chiaro .book-card, body.tema-chiaro [class*="libro-"], body.tema-chiaro [class*="book-"] { background: #FFFDF7; border-color: rgba(138,100,0,0.15); } body.tema-chiaro .libro-title, body.tema-chiaro .book-title { color: #1a1208; } body.tema-chiaro .libro-author, body.tema-chiaro .book-author { color: #7a6a4a; } body.tema-chiaro .rating-stars { color: #8a6400; } body.tema-chiaro .recensione-text { color: #1a1208; } /* -------------------------------------- MESSAGGI PRIVATI -------------------------------------- */ body.tema-chiaro .chat-area, body.tema-chiaro .chat-sidebar, body.tema-chiaro [class*="chat-"] { background: #F5F0E8; border-color: rgba(138,100,0,0.12); } body.tema-chiaro .bubble-in { background: #FFFDF7; color: #1a1208; border-color: rgba(138,100,0,0.15); } body.tema-chiaro .bubble-out { background: #8a6400; color: #FFFDF7; } body.tema-chiaro .conv-item { border-color: rgba(138,100,0,0.08); } body.tema-chiaro .conv-item:hover { background: #F0E9D8; } body.tema-chiaro .conv-name { color: #1a1208; } body.tema-chiaro .conv-preview { color: #7a6a4a; } body.tema-chiaro .msg-box-item { border-color: rgba(138,100,0,0.1); } body.tema-chiaro .msg-box-item:hover { background: #F0E9D8; } body.tema-chiaro .msg-box-name { color: #1a1208; } body.tema-chiaro .msg-box-preview { color: #7a6a4a; } body.tema-chiaro .msg-box-unread { background: #8a6400; color: #FFFDF7; } /* -------------------------------------- SHOP / CLASSIFICHE / ARTICOLI -------------------------------------- */ body.tema-chiaro .shop-item, body.tema-chiaro .cornice-card, body.tema-chiaro [class*="shop-"], body.tema-chiaro [class*="rank-"], body.tema-chiaro [class*="classifica"] { background: #FFFDF7; border-color: rgba(138,100,0,0.15); color: #1a1208; } body.tema-chiaro [class*="rank-name"], body.tema-chiaro [class*="classifica-nome"] { color: #1a1208; } body.tema-chiaro [class*="rank-score"], body.tema-chiaro [class*="classifica-punteggio"] { color: #8a6400; } body.tema-chiaro .article-card, body.tema-chiaro [class*="articolo-"], body.tema-chiaro [class*="article-"] { background: #FFFDF7; border-color: rgba(138,100,0,0.15); } body.tema-chiaro [class*="-body"], body.tema-chiaro [class*="content-"] { color: #1a1208; } /* -------------------------------------- AI / QUIZ / LETTORI SIMILI -------------------------------------- */ body.tema-chiaro .ai-page, body.tema-chiaro [class*="ai-"] { background: #F5F0E8; } body.tema-chiaro .ai-header, body.tema-chiaro .hdr { background: rgba(245,240,232,.95); border-color: rgba(138,100,0,0.12); } body.tema-chiaro .ai-body { background: #F5F0E8; } body.tema-chiaro .ai-logo-text { color: #1a1208; } body.tema-chiaro .ai-logo-sub { color: #7a6a4a; } body.tema-chiaro .ai-msg-bubble-ai { background: #FFFDF7; border-color: rgba(138,100,0,0.15); color: #1a1208; } body.tema-chiaro .ai-msg-bubble-user { background: #8a6400; color: #FFFDF7; } body.tema-chiaro .ai-input-area { background: #EDE6D8; border-color: rgba(138,100,0,0.15); } body.tema-chiaro .ai-coins { color: #8a6400; } body.tema-chiaro .bonus-banner { background: rgba(138,100,0,0.08); border-color: rgba(138,100,0,0.2); } body.tema-chiaro .quiz-card, body.tema-chiaro [class*="quiz-"] { background: #FFFDF7; border-color: rgba(138,100,0,0.15); color: #1a1208; } body.tema-chiaro [class*="simili-"], body.tema-chiaro [class*="lettore-"] { background: #FFFDF7; border-color: rgba(138,100,0,0.15); color: #1a1208; } /* -------------------------------------- GRUPPI / MIA LIBRERIA -------------------------------------- */ body.tema-chiaro .gruppo-card, body.tema-chiaro [class*="gruppo-"], body.tema-chiaro [class*="group-"] { background: #FFFDF7; border-color: rgba(138,100,0,0.15); color: #1a1208; } body.tema-chiaro [class*="libreria-"], body.tema-chiaro [class*="library-"], body.tema-chiaro .ml-col { background: #F5F0E8; } body.tema-chiaro .ml-book-card, body.tema-chiaro [class*="ml-"] { background: #FFFDF7; border-color: rgba(138,100,0,0.12); color: #1a1208; } /* -------------------------------------- MODAL / OVERLAY generici -------------------------------------- */ body.tema-chiaro [class*="modal"], body.tema-chiaro [class*="overlay"]:not(#medal3dOverlay) { background: rgba(245,240,232,0.98); color: #1a1208; } /* -------------------------------------- QUICK LINKS / INFO ROWS -------------------------------------- */ body.tema-chiaro .quick-link { background: #FFFDF7; border-color: rgba(138,100,0,0.15); color: #1a1208; } body.tema-chiaro .quick-link:hover { background: #F0E9D8; border-color: rgba(138,100,0,0.3); } body.tema-chiaro .quick-link.danger { color: rgba(180,50,50,0.8); border-color: rgba(180,50,50,0.2); } body.tema-chiaro .quick-link.danger:hover { background: rgba(180,50,50,0.08); } body.tema-chiaro .info-row { border-color: rgba(138,100,0,0.1); } body.tema-chiaro .info-value { color: #1a1208; } body.tema-chiaro .info-label { color: #7a6a4a; } /* -------------------------------------- MOBILE TAB BAR -------------------------------------- */ body.tema-chiaro .mob-tabs { background: rgba(245,240,232,.97) !important; border-top-color: rgba(138,100,0,0.15) !important; } body.tema-chiaro .mob-tab { color: rgba(26,18,8,0.3); } body.tema-chiaro .mob-tab.active { color: #8a6400; } body.tema-chiaro .mob-tab.active svg { stroke: #8a6400; } body.tema-chiaro .mob-tab::before { background: #8a6400; } body.tema-chiaro .mob-tab.active .mob-tab-icon { background: rgba(138,100,0,0.1); } /* -------------------------------------- PASS DEL LETTORE -------------------------------------- */ body.tema-chiaro .bp-wrap { background: linear-gradient(160deg,#fdf8ee,#f5f0e8); border-color: rgba(138,100,0,0.2); } body.tema-chiaro .bp-wrap::before { background: radial-gradient(ellipse 80% 100% at 50% 0%,rgba(138,100,0,0.07),transparent 70%); } body.tema-chiaro .bp-hero { border-color: rgba(138,100,0,0.1); } body.tema-chiaro .bp-level-title, body.tema-chiaro .bp-xp-numbers { color: #1a1208; } body.tema-chiaro .bp-level-season { color: rgba(138,100,0,0.7); } body.tema-chiaro .bp-wallet { background: rgba(138,100,0,0.06); border-color: rgba(138,100,0,0.18); } body.tema-chiaro .bp-xp-label { color: #7a6a4a; } body.tema-chiaro .bp-track { background: rgba(138,100,0,0.08); } body.tema-chiaro .bp-xp-next { color: #7a6a4a; } body.tema-chiaro .bp-missions-toggle { color: #1a1208; } body.tema-chiaro .bp-missions-toggle:hover { background: rgba(138,100,0,0.04); } body.tema-chiaro .bp-missions-accordion { border-color: rgba(138,100,0,0.1); } body.tema-chiaro .bp-missions-toggle-title { color: #1a1208; } body.tema-chiaro .bp-missions-toggle-sub { color: #7a6a4a; } body.tema-chiaro .bp-mission:hover { background: rgba(138,100,0,0.04); } body.tema-chiaro .bp-mission-name { color: #1a1208; } body.tema-chiaro .bp-mission-desc { color: #7a6a4a; } body.tema-chiaro .bp-mission-icon { background: rgba(138,100,0,0.07); border-color: rgba(138,100,0,0.12); } body.tema-chiaro .bp-reward-card { background: linear-gradient(160deg,#f8f2e4,#f0e9d6); border-color: rgba(138,100,0,0.12); } body.tema-chiaro .bp-reward-card.disponibile { background: linear-gradient(160deg,#fdf4d8,#f5e8b0); border-color: rgba(138,100,0,0.4); } body.tema-chiaro .bp-reward-card.disponibile .bp-card-label { color: #3a2a0a; } body.tema-chiaro .bp-reward-card.riscattata { background: linear-gradient(160deg,#eaf4ea,#d8eed8); } /* -------------------------------------- ACHIEVEMENT -------------------------------------- */ body.tema-chiaro .ach-badge.bloccato { background: rgba(0,0,0,0.05); border-color: rgba(0,0,0,0.1); } body.tema-chiaro .ach-nome-badge { color: #7a6a4a; } body.tema-chiaro .ach-item.sbloccato .ach-nome-badge { color: #1a1208; } /* -------------------------------------- MODAL MEDAGLIA 3D -------------------------------------- */ body.tema-chiaro #medal3dOverlay { background: radial-gradient(ellipse at 40% 25%, rgba(245,240,232,.99) 0%, rgba(237,230,216,.99) 70%, rgba(229,220,200,1) 100%) !important; } body.tema-chiaro #m3dName { color: #1a1208 !important; } body.tema-chiaro #m3dDesc { color: #7a6a4a !important; } body.tema-chiaro #m3dHint { color: rgba(138,100,0,.6) !important; } body.tema-chiaro #medal3dOverlay button { background: rgba(138,100,0,.1) !important; border-color: rgba(138,100,0,.35) !important; color: #8a6400 !important; } /* -------------------------------------- WIDGET GUFETTO AI -------------------------------------- */ body.tema-chiaro .ai-owl-widget { background: linear-gradient(135deg,#fdf8ee 0%,#f5eecc 50%,#fdf8ee 100%); border-color: rgba(138,100,0,0.25); } body.tema-chiaro .ai-owl-title { color: #1a1208; } body.tema-chiaro .ai-owl-sub { color: rgba(138,100,0,0.7); } body.tema-chiaro .ai-owl-bubble { background: rgba(138,100,0,0.05); border-color: rgba(138,100,0,0.18); color: #3a2a0a; } body.tema-chiaro .ai-owl-bubble::before { background: rgba(138,100,0,0.05); border-color: rgba(138,100,0,0.18); } body.tema-chiaro .ai-owl-typing span { background: rgba(138,100,0,0.4); } body.tema-chiaro .ai-owl-dismiss { color: #7a6a4a; } body.tema-chiaro .ai-owl-dismiss:hover { color: #1a1208; } body.tema-chiaro .ai-owl-pulse { border-color: #fdf8ee; } /* -------------------------------------- LIBRO DEL GIORNO / AI FEATURES -------------------------------------- */ body.tema-chiaro .ldg-box { background: linear-gradient(160deg,#fdf4d8,#f5f0e8); border-color: rgba(138,100,0,0.2); } body.tema-chiaro .ldg-titolo { color: #1a1208; } body.tema-chiaro .ldg-autore { color: #7a6a4a; } body.tema-chiaro .ldg-motivo { color: #5a4a2a; } body.tema-chiaro .ai-feature-link { background: #FFFDF7; border-color: rgba(138,100,0,0.15); color: #1a1208; } body.tema-chiaro .ai-feature-link:hover { background: #F0E9D8; } body.tema-chiaro .ai-feature-link-title { color: #1a1208; } body.tema-chiaro .ai-feature-link-sub { color: #7a6a4a; } /* -------------------------------------- SETTINGS TOGGLE -------------------------------------- */ body.tema-chiaro .sett-row { border-color: rgba(138,100,0,0.12); } body.tema-chiaro .sett-row:hover { background: #F0E9D8; } body.tema-chiaro .sett-title { color: #1a1208; } body.tema-chiaro .sett-desc { color: #7a6a4a; } body.tema-chiaro .sett-toggle { background: rgba(0,0,0,0.08); border-color: rgba(0,0,0,0.15); } body.tema-chiaro .sett-toggle.on { background: #8a6400; border-color: #8a6400; } /* -------------------------------------- FOOTER (ridondante ma sicuro) -------------------------------------- */ body.tema-chiaro #ml-footer { background: #F5F0E8; } body.tema-chiaro #ml-footer::before { background: linear-gradient(90deg,transparent,rgba(138,100,0,0.5),transparent); } body.tema-chiaro .ft-hero { background: linear-gradient(180deg,rgba(138,100,0,0.05),transparent); border-color: rgba(138,100,0,0.12); } body.tema-chiaro .ft-logo-icon { background: rgba(138,100,0,0.08); border-color: rgba(138,100,0,0.35); } body.tema-chiaro .ft-logo-icon svg { stroke: #8a6400; } body.tema-chiaro .ft-tagline { color: rgba(138,100,0,0.6); } body.tema-chiaro .ft-col-title-txt { color: #8a6400; } body.tema-chiaro .ft-col-title-line { background: linear-gradient(to right,rgba(138,100,0,0.3),transparent); } body.tema-chiaro .ft-form-card { background: rgba(138,100,0,0.04); border-color: rgba(138,100,0,0.18); } body.tema-chiaro .ft-list li a, body.tema-chiaro .ft-list li span.ft-row { color: rgba(26,18,8,0.65); border-color: rgba(138,100,0,0.1); } body.tema-chiaro .ft-list li a:hover { color: #8a6400; } body.tema-chiaro .ft-dot { background: rgba(138,100,0,0.45); } body.tema-chiaro .ft-bottom { border-color: rgba(138,100,0,0.12); } body.tema-chiaro .ft-copy { color: rgba(26,18,8,0.5); } body.tema-chiaro .ft-copy strong { color: rgba(138,100,0,0.8); } body.tema-chiaro #ml-footer .ft-btn { background: rgba(138,100,0,0.1) !important; border-color: rgba(138,100,0,0.4) !important; color: #8a6400 !important; }