/** * 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 { 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 .ml-col { background:#FFFDF7; border-color:rgba(138,100,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; } /* ====================================== INDEX.PHP — SHOWCASE CARDS & ELEMENTI ====================================== */ /* Testi generali più scuri */ body.tema-chiaro .dp-topic-title, body.tema-chiaro .dp-review-text, body.tema-chiaro .dp-rank-name, body.tema-chiaro .dp-art-title, body.tema-chiaro .dp-why-card h3, body.tema-chiaro .sc-slide-title, body.tema-chiaro .sc-xp-name, body.tema-chiaro .sc-forum-title { color: #1a1208; } body.tema-chiaro .dp-topic-sub, body.tema-chiaro .dp-art-date, body.tema-chiaro .dp-rank-votes, body.tema-chiaro .dp-why-card p, body.tema-chiaro .sc-slide-sub, body.tema-chiaro .sc-xp-labels, body.tema-chiaro .sc-forum-sub { color: #5a4a2a; } /* Pulsanti btn-ghost: sfondo chiaro invece di trasparente scuro */ body.tema-chiaro .btn-ghost { background: rgba(138,100,0,0.08) !important; border-color: rgba(138,100,0,0.28) !important; color: #5a3a00 !important; } body.tema-chiaro .btn-ghost:hover { background: rgba(138,100,0,0.15) !important; border-color: rgba(138,100,0,0.45) !important; color: #3a2000 !important; } /* Showcase card (il contenitore bianco delle slide) */ body.tema-chiaro .showcase-card { background: #FFFDF7; border-color: rgba(138,100,0,0.15); box-shadow: 0 4px 24px rgba(138,100,0,0.08); } /* Tab della showcase (AI / XP / Forum / Top) */ body.tema-chiaro .sc-tabs { background: #F0E9D8; border-color: rgba(138,100,0,0.12); } body.tema-chiaro .sc-tab { color: #7a6a4a; } body.tema-chiaro .sc-tab.active { color: #8a6400; border-bottom-color: #8a6400; } /* Pulsante sc-cta ("Scala la classifica →", "Prova l'AI gratis →") */ body.tema-chiaro .sc-cta { background: #F0E9D8 !important; border-color: rgba(138,100,0,0.3) !important; color: #5a3a00 !important; } body.tema-chiaro .sc-cta:hover { background: rgba(138,100,0,0.12) !important; border-color: #8a6400 !important; } /* Badge XP (oro/silver/bronze) — schiariti */ body.tema-chiaro .sc-badge.gold { background: linear-gradient(145deg, #fff3cc, #fde98a); border-color: rgba(138,100,0,0.4); } body.tema-chiaro .sc-badge.silver { background: linear-gradient(145deg, #e8e8f0, #d0d0e8); border-color: rgba(100,100,160,0.3); } body.tema-chiaro .sc-badge.bronze { background: linear-gradient(145deg, #fde8d8, #f0c8a8); border-color: rgba(160,80,40,0.3); } body.tema-chiaro .sc-badge.locked { background: rgba(0,0,0,0.06); border-color: rgba(0,0,0,0.1); } body.tema-chiaro .sc-badge span { color: #5a4a2a; } /* Barra XP */ body.tema-chiaro .sc-xp-track { background: rgba(138,100,0,0.12); } /* Forum rows nella showcase */ body.tema-chiaro .sc-forum-row { background: rgba(138,100,0,0.04); border-color: rgba(138,100,0,0.12); } body.tema-chiaro .sc-forum-row:hover { background: rgba(138,100,0,0.1); border-color: rgba(138,100,0,0.25); } /* Chat bubble AI — sfondo del testo diverso */ body.tema-chiaro .sc-chat-bubble.in { background: #F0E9D8; border-color: rgba(138,100,0,0.15); color: #1a1208; } body.tema-chiaro .sc-chat-bubble.out { background: #b17f00; color: #fff; } /* Punti paginazione showcase */ body.tema-chiaro .sc-dot { background: rgba(138,100,0,0.2); } body.tema-chiaro .sc-dot.active { background: #8a6400; } body.tema-chiaro .dp-why-card::before { color:rgba(201, 168, 76, 0.856); } /* Card dashboard (topic, review, rank, articoli, why) */ body.tema-chiaro .dp-topic-card, body.tema-chiaro .dp-review-card, body.tema-chiaro .dp-rank-card, body.tema-chiaro .dp-art-card, body.tema-chiaro .dp-why-card { background: #FFFDF7; border-color: rgba(138,100,0,0.12); } body.tema-chiaro .dp-topic-card:hover, body.tema-chiaro .dp-review-card:hover, body.tema-chiaro .dp-rank-card:hover, body.tema-chiaro .dp-art-card:hover, body.tema-chiaro .dp-why-card:hover { border-color: rgba(138,100,0,0.3); box-shadow: 0 8px 24px rgba(138,100,0,0.08); } /* Spot card (sezione hero) */ body.tema-chiaro .spot-card { background: #FFFDF7; border-color: rgba(138,100,0,0.14); } /* Sezione classifiche: solo lo sfondo beige, card invariate */ body.tema-chiaro .dp-section--deep { background: #EDE6D8 !important; } body.tema-chiaro .dp-rank-grid { background: #EDE6D8; } /* btn-primary: oro più chiaro e leggibile */ body.tema-chiaro .btn-primary { background: #b8860b !important; color: #fff !important; box-shadow: 0 4px 16px rgba(138,100,0,0.2) !important; } body.tema-chiaro .btn-primary:hover { background: #8a6400 !important; box-shadow: 0 8px 24px rgba(138,100,0,0.3) !important; } /* sc-chat-row: stesso sfondo della showcase-card */ body.tema-chiaro .sc-chat-row { background: #FFFDF7; } /* Spotlight libro N.1: velo molto più tenue nel tema chiaro */ /* ====================================== SPOTLIGHT — BILANCIAMENTO DESKTOP ====================================== */ .dp-spot { position: relative; overflow: hidden; } /* Riquadro chiaro a sinistra */ body.tema-chiaro .dp-spot-veil { position: absolute; top: 50%; left: 28px; bottom: auto; width: clamp(430px, 28.5vw, 495px); height: calc(100% - 62px); transform: translateY(-50%); background: linear-gradient( 135deg, rgba(255, 253, 247, .91), rgba(237, 230, 216, .78) ) !important; border: 1px solid rgba(138, 100, 0, .20); border-radius: 22px; box-shadow: 0 14px 34px rgba(35, 25, 5, .14), inset 0 1px 0 rgba(255, 255, 255, .75); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 1; } /* Testi sopra il riquadro */ .dp-spot-content { position: relative; z-index: 2; max-width: 410px; } /* Copertina a destra */ .dp-spot-cover { position: absolute; top: 50%; right: clamp(55px, 4.5vw, 90px); width: clamp(220px, 13vw, 265px); max-height: 84%; object-fit: contain; transform: translateY(-50%) rotate(-1.5deg); filter: drop-shadow(0 20px 18px rgba(0, 0, 0, .34)) drop-shadow(0 5px 5px rgba(0, 0, 0, .20)); z-index: 2; } /* Zoom leggero dello sfondo */ .dp-spot:hover::before { transform: scale(1.035); } body.tema-chiaro .review-quote-deco { color:rgba(201, 168, 76, 0.856) !important; } body.tema-chiaro .dp-spot-title { color: #1a1208 !important; } body.tema-chiaro .dp-spot-author { color: #5a4a2a !important; } body.tema-chiaro .dp-spot-votes-s { color: #7a6a4a !important; } body.tema-chiaro .dp-spot-badge-s { background: rgba(138,100,0,0.15) !important; border-color: rgba(138,100,0,0.35) !important; color: #5a3a00 !important; } body.tema-chiaro .dp-spot-stars-s .off { color: rgba(138,100,0,0.2) !important; } /* Hover shadow sulle card nelle sezioni */ body.tema-chiaro .dp-section .dp-topic-card:hover, body.tema-chiaro .dp-section--alt .dp-topic-card:hover, body.tema-chiaro .dp-section--deep .dp-topic-card:hover, body.tema-chiaro .dp-section .dp-review-card:hover, body.tema-chiaro .dp-section--alt .dp-review-card:hover, body.tema-chiaro .dp-section .dp-rank-card:hover, body.tema-chiaro .dp-section--deep .dp-rank-card:hover, body.tema-chiaro .dp-section .dp-art-card:hover, body.tema-chiaro .dp-section--alt .dp-art-card:hover, body.tema-chiaro .dp-section .dp-why-card:hover, body.tema-chiaro .dp-section--alt .dp-why-card:hover { box-shadow: 0 8px 32px rgba(138,100,0,0.14), 0 2px 8px rgba(138,100,0,0.08) !important; border-color: rgba(138,100,0,0.28) !important; } /* ── Hover fluido: override easing elastico con cubic-bezier morbido ── */ body.tema-chiaro .dp-topic-card, body.tema-chiaro .dp-review-card, body.tema-chiaro .dp-rank-card, body.tema-chiaro .dp-art-card, body.tema-chiaro .dp-why-card { transition: transform .22s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color .22s ease, box-shadow .22s ease, background .22s ease !important; will-change: transform; } /* ── Testi

leggermente più scuri in tema chiaro ── */ body.tema-chiaro .dp-section p, body.tema-chiaro .dp-section--alt p, body.tema-chiaro .dp-section--deep p { color: #3d2f10; } /* ================================================== PAGINA LIBRERIA — TEMA CHIARO ================================================== */ body.tema-chiaro.page-libreria { --lib-bg:#F5F0E8; --lib-bg-alt:#EDE6D8; --lib-surface:#FFFDF7; --lib-border:rgba(138,100,0,.15); --lib-border-strong:rgba(138,100,0,.30); --lib-gold:#8a6400; --lib-gold-soft:#b8860b; --lib-text:#1a1208; --lib-muted:#74674d; background:var(--lib-bg) !important; color:var(--lib-text) !important; } /* Elimina gli sfondi bianchi applicati genericamente */ body.tema-chiaro.page-libreria .ml-row, body.tema-chiaro.page-libreria .ml-row-header, body.tema-chiaro.page-libreria .ml-row-scroller-wrap, body.tema-chiaro.page-libreria .ml-scroll-clip, body.tema-chiaro.page-libreria .ml-row-scroller, body.tema-chiaro.page-libreria .ml-book-item, body.tema-chiaro.page-libreria .ml-book-link, body.tema-chiaro.page-libreria .ml-book-rank-wrap, body.tema-chiaro.page-libreria .reading-status-badges, body.tema-chiaro.page-libreria .hero-slide, body.tema-chiaro.page-libreria .hero-content, body.tema-chiaro.page-libreria .hero-actions { background:transparent !important; } /* ================================================== HERO ================================================== */ body.tema-chiaro.page-libreria #hero-section { background:var(--lib-bg) !important; padding-top:calc(var(--nav-h) + 16px); } body.tema-chiaro.page-libreria #hero-card { background:#1c19168f !important; border:1px solid rgba(138,100,0,.20); border-radius:18px; box-shadow: 0 18px 46px rgba(61,43,12,.17), 0 2px 8px rgba(61,43,12,.08); } body.tema-chiaro.page-libreria .hero-slide-bg { background-color:#17130d !important; filter:brightness(.57) saturate(.88) contrast(1.04); } body.tema-chiaro.page-libreria .hero-slide-bg::after { background: linear-gradient( 90deg, rgba(18,13,7,.94) 0%, rgba(18,13,7,.76) 32%, rgba(18,13,7,.30) 62%, transparent 100% ), linear-gradient( 0deg, rgba(18,13,7,.75) 0%, transparent 46% ) !important; } /* Il testo della hero deve rimanere chiaro */ body.tema-chiaro.page-libreria .hero-title { color:#fff !important; text-shadow:0 3px 16px rgba(0,0,0,.65); } body.tema-chiaro.page-libreria .hero-desc { color:rgba(255,255,255,.72) !important; } body.tema-chiaro.page-libreria .hero-author { color:#e1bc48 !important; } body.tema-chiaro.page-libreria .hero-cnt { color:rgba(255,255,255,.54) !important; } body.tema-chiaro.page-libreria .hero-badge { color:#fff !important; background:rgba(255,255,255,.12) !important; border-color:rgba(255,255,255,.20); box-shadow:none; } body.tema-chiaro.page-libreria .hero-btn-w { background:#FFFDF7 !important; color:#1a1208 !important; border-radius:999px; box-shadow:0 7px 20px rgba(0,0,0,.20); } body.tema-chiaro.page-libreria .hero-btn-w:hover { background:#fff !important; transform:translateY(-2px) scale(1.015); } body.tema-chiaro.page-libreria .hero-btn-d { background:rgba(255,255,255,.12) !important; color:#fff !important; border:1px solid rgba(255,255,255,.18); border-radius:999px; } body.tema-chiaro.page-libreria .hero-btn-d:hover { background:rgba(255,255,255,.22) !important; } body.tema-chiaro.page-libreria .hero-arrow { background:rgba(255,253,247,.88); border-color:rgba(138,100,0,.25); box-shadow:0 5px 16px rgba(0,0,0,.16); } body.tema-chiaro.page-libreria .hero-arrow svg { stroke:#3f2b08; filter:none; } body.tema-chiaro.page-libreria .hero-arrow:hover { background:#FFFDF7; border-color:rgba(138,100,0,.55); } body.tema-chiaro.page-libreria .hero-dot { background:rgba(138,100,0,.20) !important; } body.tema-chiaro.page-libreria .hero-dot.active { background:var(--lib-gold) !important; } /* ================================================== CONTENUTO E RIGHE ================================================== */ body.tema-chiaro.page-libreria #ml-content, body.tema-chiaro.page-libreria #ml-footer-wrap { background:var(--lib-bg) !important; } body.tema-chiaro.page-libreria #ml-content { padding-top:1.3rem; } body.tema-chiaro.page-libreria .ml-row { margin-bottom:.45rem; padding-bottom:.6rem; border-bottom:1px solid rgba(138,100,0,.09); } body.tema-chiaro.page-libreria .ml-row:last-child { border-bottom:none; } body.tema-chiaro.page-libreria .ml-row-title { color:var(--lib-text) !important; font-weight:750; letter-spacing:-.01em; } body.tema-chiaro.page-libreria .ml-row-count { color:var(--lib-muted) !important; } body.tema-chiaro.page-libreria .ml-row-link { color:var(--lib-gold) !important; opacity:.65; } body.tema-chiaro.page-libreria .ml-row-header:hover .ml-row-link { opacity:1; } /* ================================================== FRECCE DEGLI SCROLLER ================================================== */ body.tema-chiaro.page-libreria .scroller-arrow::before { background:linear-gradient( 90deg, rgba(245,240,232,.98) 32%, transparent 100% ) !important; } body.tema-chiaro.page-libreria .scroller-arrow.right::before { background:linear-gradient( 270deg, rgba(245,240,232,.98) 32%, transparent 100% ) !important; } body.tema-chiaro.page-libreria .scroller-arrow svg { stroke:#513708; filter:none; } body.tema-chiaro.page-libreria .scroller-arrow:hover svg { stroke:var(--lib-gold); } /* ================================================== COPERTINE ================================================== */ body.tema-chiaro.page-libreria .ml-book-poster { background:#17130d !important; border:1px solid rgba(138,100,0,.13); border-radius:9px; box-shadow: 0 4px 12px rgba(54,38,9,.12), 0 1px 3px rgba(54,38,9,.08); transition: transform .26s cubic-bezier(.22,.61,.36,1), box-shadow .26s ease, border-color .26s ease; } body.tema-chiaro.page-libreria .ml-book-item:hover .ml-book-poster { transform:translateY(-6px) scale(1.035); border-color:rgba(138,100,0,.48); box-shadow: 0 0 0 2px rgba(138,100,0,.32), 0 18px 38px rgba(54,38,9,.24); } /* Mantiene scuro il gradiente sopra le immagini */ body.tema-chiaro.page-libreria .ml-book-caption { background:linear-gradient( 0deg, rgba(8,6,3,.97) 0%, rgba(8,6,3,.78) 42%, rgba(8,6,3,.18) 76%, transparent 100% ) !important; } body.tema-chiaro.page-libreria .ml-book-caption-title { color:#fff !important; } body.tema-chiaro.page-libreria .ml-book-caption-meta { color:rgba(255,255,255,.62) !important; } body.tema-chiaro.page-libreria .ml-book-badge { color:#fff !important; background:rgba(20,15,8,.82) !important; border-color:rgba(255,255,255,.22); } body.tema-chiaro.page-libreria .ml-book-badge.gold { color:#f3d567 !important; background:rgba(74,52,8,.86) !important; border-color:rgba(225,188,72,.60); } /* Metadati delle card orizzontali */ body.tema-chiaro.page-libreria .ml-book-meta-below { background:transparent !important; } body.tema-chiaro.page-libreria .ml-book-meta-title { color:var(--lib-text) !important; } body.tema-chiaro.page-libreria .ml-book-meta-sub { color:var(--lib-muted) !important; } /* ================================================== CLASSIFICA ================================================== */ body.tema-chiaro.page-libreria .ml-book-rank-num { color:#EEE4D1; -webkit-text-stroke: clamp(2px,.3vw,4px) rgba(138,100,0,.68); text-shadow:0 5px 16px rgba(67,45,7,.12); } body.tema-chiaro.page-libreria .ml-book-item:hover .ml-book-rank-wrap { opacity:.32; } /* ================================================== STATO DI LETTURA ================================================== */ body.tema-chiaro.page-libreria .rs-trigger { background:rgba(255,253,247,.94) !important; border-color:rgba(138,100,0,.22); color:#5d5037; box-shadow: 0 5px 14px rgba(30,20,4,.18), inset 0 1px 0 rgba(255,255,255,.8); } body.tema-chiaro.page-libreria .rs-trigger[data-current="none"] { color:#6e6043; border-color:rgba(138,100,0,.22); } body.tema-chiaro.page-libreria .rs-trigger[data-current="none"]::before { background:rgba(138,100,0,.28); } body.tema-chiaro.page-libreria .rs-dropdown { background:rgba(255,253,247,.98) !important; border-color:rgba(138,100,0,.20); box-shadow: 0 16px 38px rgba(55,38,8,.22), 0 2px 7px rgba(55,38,8,.10); } body.tema-chiaro.page-libreria .rs-btn { background:transparent !important; } body.tema-chiaro.page-libreria .rs-btn.active { background:rgba(138,100,0,.09) !important; } body.tema-chiaro.page-libreria .rs-btn[data-status="read"]:hover { background:rgba(76,175,80,.12) !important; } body.tema-chiaro.page-libreria .rs-btn[data-status="reading"]:hover { background:rgba(33,150,243,.12) !important; } body.tema-chiaro.page-libreria .rs-btn[data-status="to_read"]:hover { background:rgba(138,100,0,.11) !important; } /* ================================================== SUGGERIMENTI E RICERCA ================================================== */ body.tema-chiaro.page-libreria .suggestion-genre { border-bottom-color:rgba(138,100,0,.10) !important; } body.tema-chiaro.page-libreria .suggestion-genre:hover { background:rgba(138,100,0,.07) !important; } body.tema-chiaro.page-libreria .sg-label { color:var(--lib-text) !important; } body.tema-chiaro.page-libreria .sg-label strong, body.tema-chiaro.page-libreria .sg-arrow { color:var(--lib-gold) !important; } body.tema-chiaro.page-libreria .sg-count { color:var(--lib-muted) !important; } body.tema-chiaro.page-libreria #nav-search-btn { background:rgba(138,100,0,.06); border-color:rgba(138,100,0,.15); color:#5a4a2a; } body.tema-chiaro.page-libreria #nav-search-btn:hover { background:rgba(138,100,0,.12); border-color:rgba(138,100,0,.35); color:var(--lib-gold); } /* ================================================== MOBILE ================================================== */ @media (max-width:640px) { body.tema-chiaro.page-libreria #hero-section { padding-top:calc(var(--nav-h) + 10px); } body.tema-chiaro.page-libreria #hero-card { border-radius:14px; box-shadow:0 10px 28px rgba(61,43,12,.16); } body.tema-chiaro.page-libreria .ml-row { padding-bottom:.8rem; } body.tema-chiaro.page-libreria .ml-row-link { opacity:1; transform:none; } /* Su telefono il titolo della card rimane visibile */ body.tema-chiaro.page-libreria .ml-book-caption { opacity:1; height:43%; } /* Il pulsante Aggiungi deve essere visibile anche senza hover */ body.tema-chiaro.page-libreria .rs-trigger[data-current="none"] { opacity:1; } body.tema-chiaro.page-libreria .ml-book-item:hover .ml-book-poster { transform:none; box-shadow: 0 4px 12px rgba(54,38,9,.14) !important; } body.tema-chiaro.page-libreria .ml-row--rank .ml-book-poster { box-shadow: -4px 5px 15px rgba(54,38,9,.22) !important; } body.tema-chiaro.page-libreria .ml-book-rank-num { color:#EEE4D1 !important; -webkit-text-stroke: 2.5px rgba(138,100,0,.72) !important; } } /* Rimuove solo lo sfondo bianco dietro al testo dei libri */ body.tema-chiaro.page-libreria .ml-book-caption-title, body.tema-chiaro.page-libreria .ml-book-caption-meta { background: transparent !important; border: none !important; box-shadow: none !important; } /* Pulsanti in basso a destra delle copertine */ body.tema-chiaro.page-libreria .ml-ov-btn, body.tema-chiaro.page-libreria .ml-ov-btn.play { background: rgba(0, 0, 0, .48) !important; border-color: rgba(255, 255, 255, .65) !important; box-shadow: none !important; } /* Hover senza sfondo bianco */ body.tema-chiaro.page-libreria .ml-ov-btn:hover, body.tema-chiaro.page-libreria .ml-ov-btn.play:hover { background: rgba(0, 0, 0, .68) !important; border-color: #fff !important; } /* Icona play bianca */ body.tema-chiaro.page-libreria .ml-ov-btn.play svg { fill: #fff !important; stroke: #fff !important; } /* Icona del secondo pulsante */ body.tema-chiaro.page-libreria .ml-ov-btn:not(.play) svg { fill: none !important; stroke: #fff !important; } /* Sfondo dei numeri della classifica uguale alla sezione */ body.tema-chiaro.page-libreria .ml-book-rank-wrap, body.tema-chiaro.page-libreria .ml-book-rank-num { background: transparent !important; border: none !important; box-shadow: none !important; } body.tema-chiaro.page-libreria .ml-row--rank .ml-book-item { background: transparent !important; } /* ========================================= CARD ORIZZONTALI — TEMA CHIARO ========================================= */ body.tema-chiaro.page-libreria .ml-row--horizontal .ml-book-item, body.tema-chiaro.page-libreria .ml-row--horizontal .ml-book-link, body.tema-chiaro.page-libreria .ml-row--horizontal .ml-book-meta-below, body.tema-chiaro.page-libreria .ml-row--horizontal .ml-book-meta-title, body.tema-chiaro.page-libreria .ml-row--horizontal .ml-book-meta-sub { background: transparent !important; border: none !important; box-shadow: none !important; } body.tema-chiaro.page-libreria .ml-row--horizontal .ml-book-meta-title { color: #1a1208 !important; } body.tema-chiaro.page-libreria .ml-row--horizontal .ml-book-meta-sub { color: #74674d !important; } body.tema-chiaro.page-libreria .ml-row--horizontal .ml-book-meta-below { padding: 8px 3px 0 !important; } body.tema-chiaro.page-libreria .ml-row--horizontal .ml-book-meta-title { line-height: 1.2; font-weight: 700; } body.tema-chiaro.page-libreria .ml-row--horizontal .ml-book-meta-sub { margin-top: 3px; line-height: 1.25; } /* Card libri orizzontali */ body.tema-chiaro.page-libreria .ml-row--horizontal .ml-book-item, body.tema-chiaro.page-libreria .ml-row--horizontal .ml-book-link, body.tema-chiaro.page-libreria .ml-row--horizontal .ml-book-meta-below, body.tema-chiaro.page-libreria .ml-row--horizontal .ml-book-meta-title, body.tema-chiaro.page-libreria .ml-row--horizontal .ml-book-meta-sub { background: transparent !important; border: none !important; box-shadow: none !important; } body.tema-chiaro.page-libreria .ml-row--horizontal .ml-book-meta-below { padding: 8px 3px 0 !important; } body.tema-chiaro.page-libreria .ml-row--horizontal .ml-book-meta-title { color: #1a1208 !important; font-weight: 700; line-height: 1.2; } body.tema-chiaro.page-libreria .ml-row--horizontal .ml-book-meta-sub { color: #74674d !important; margin-top: 3px; line-height: 1.25; } /* ================================================== TEMA CHIARO — BORDI STRUTTURALI SOSTITUITI DA OMBRE ================================================== */ /* Card e contenitori principali */ body.tema-chiaro .box, body.tema-chiaro .card, body.tema-chiaro [class*="-card"], body.tema-chiaro [class*="-box"], body.tema-chiaro .forum-section, body.tema-chiaro .section-card, body.tema-chiaro .msg-wrap, body.tema-chiaro .message-bubble, body.tema-chiaro .bubble-in, body.tema-chiaro .shop-item, body.tema-chiaro .article-card, body.tema-chiaro .quiz-card, body.tema-chiaro .quick-link, body.tema-chiaro .showcase-card, body.tema-chiaro .sc-forum-row, body.tema-chiaro .ai-feature-link, body.tema-chiaro .ft-form-card { border-color: transparent !important; outline: none !important; box-shadow: 0 6px 14px -8px rgba(45, 31, 7, .34), 0 2px 5px -3px rgba(45, 31, 7, .18) !important; } /* Hover più evidente, ma compatto */ body.tema-chiaro .box:hover, body.tema-chiaro .card:hover, body.tema-chiaro [class*="-card"]:hover, body.tema-chiaro [class*="-box"]:hover, body.tema-chiaro .quick-link:hover, body.tema-chiaro .sc-forum-row:hover, body.tema-chiaro .ai-feature-link:hover { border-color: transparent !important; box-shadow: 0 12px 20px -11px rgba(45, 31, 7, .52), 0 4px 8px -5px rgba(45, 31, 7, .25) !important; } body.tema-chiaro.page-libreria .ml-book-poster { border: none !important; outline: none !important; box-shadow: 0 7px 14px -7px rgba(35, 24, 6, .42), 0 2px 5px -3px rgba(35, 24, 6, .22) !important; } body.tema-chiaro.page-libreria .ml-book-item:hover .ml-book-poster { border: none !important; outline: none !important; box-shadow: 0 14px 22px -11px rgba(35, 24, 6, .62), 0 5px 9px -6px rgba(35, 24, 6, .34) !important; } body.tema-chiaro.page-libreria #hero-card { border: none !important; outline: none !important; box-shadow: 0 14px 26px -14px rgba(45, 31, 7, .50), 0 5px 10px -7px rgba(45, 31, 7, .25) !important; }