/* FastNest — skins de tema para as páginas compartilhadas (coleção, produto, about, contact) O tema ativo (escolhido ao visitar a home V1–V9) é aplicado como classe no pelo theme.js. V1 = padrão do style.css (sem classe). */ /* ============================================================ BASE ESCURA (V2 Showroom, V5 Film, V8 Noir) ============================================================ */ body.t-v2, body.t-v5, body.t-v8{ --bg:#23261E; --card:#343A2C; --paper:#343A2C; --ink:#F4F2E9; --mut:#B9BCA9; --olive:#C4C7B4; --sage:#8E927E; --sage-l:rgba(247,225,193,.16); --sand-l:rgba(247,225,193,.10); --clay-l:rgba(194,154,129,.2); --sh:0 16px 36px -18px rgba(0,0,0,.55); --sh-hover:0 30px 54px -22px rgba(0,0,0,.72); } body.t-v2 .annc, body.t-v5 .annc, body.t-v8 .annc{background:#191C14} body.t-v2 footer, body.t-v5 footer, body.t-v8 footer{background:#191C14} /* botões: no escuro o primário vira areia */ body.t-v2 .btn, body.t-v5 .btn, body.t-v8 .btn{background:var(--sand);border-color:var(--sand);color:#2E3327;box-shadow:0 14px 26px -14px rgba(0,0,0,.6)} body.t-v2 .btn:hover, body.t-v5 .btn:hover, body.t-v8 .btn:hover{background:var(--cream)} body.t-v2 .btn.ghost, body.t-v5 .btn.ghost, body.t-v8 .btn.ghost{background:transparent;color:var(--ink);border-color:rgba(247,225,193,.35)} body.t-v2 .btn.ghost:hover, body.t-v5 .btn.ghost:hover, body.t-v8 .btn.ghost:hover{border-color:var(--sand);color:var(--sand)} /* preços e destaques em dourado */ body.t-v2 .prod .price, body.t-v5 .prod .price, body.t-v8 .prod .price, body.t-v2 .pdp .price, body.t-v5 .pdp .price, body.t-v8 .pdp .price, body.t-v2 .room-items .v, body.t-v5 .room-items .v, body.t-v8 .room-items .v, body.t-v2 .pc .pr, body.t-v5 .pc .pr, body.t-v8 .pc .pr, body.t-v2 .fbt .tot .v, body.t-v5 .fbt .tot .v, body.t-v8 .fbt .tot .v, body.t-v2 .drawer .line.total .v, body.t-v5 .drawer .line.total .v, body.t-v8 .drawer .line.total .v, body.t-v2 .ck .tot .v, body.t-v5 .ck .tot .v, body.t-v8 .ck .tot .v, body.t-v2 .ck .rowi .v, body.t-v5 .ck .rowi .v, body.t-v8 .ck .rowi .v, body.t-v2 .citem .p, body.t-v5 .citem .p, body.t-v8 .citem .p, body.t-v2 .room .img .price-tag b, body.t-v5 .room .img .price-tag b, body.t-v8 .room .img .price-tag b, body.t-v2 .ship .result .big, body.t-v5 .ship .result .big, body.t-v8 .ship .result .big{color:var(--sand)} /* filtros ativos */ body.t-v2 .fbtn.on, body.t-v5 .fbtn.on, body.t-v8 .fbtn.on{background:var(--sand);color:#2E3327;border-color:var(--sand)} /* resultado do frete no escuro */ body.t-v2 .ship .result.free, body.t-v5 .ship .result.free, body.t-v8 .ship .result.free{background:rgba(143,181,115,.16);border-color:rgba(143,181,115,.4)} body.t-v2 .ship .result.paid, body.t-v5 .ship .result.paid, body.t-v8 .ship .result.paid{background:rgba(247,225,193,.1);border-color:rgba(247,225,193,.3)} body.t-v2 .ship .result.err, body.t-v5 .ship .result.err, body.t-v8 .ship .result.err{background:rgba(217,106,85,.15);border-color:rgba(217,106,85,.4)} body.t-v2 .sugg button:hover, body.t-v5 .sugg button:hover, body.t-v8 .sugg button:hover{background:rgba(247,225,193,.08)} /* chips e destaques de texto */ body.t-v2 .hl, body.t-v5 .hl, body.t-v8 .hl{background:rgba(247,225,193,.14);color:var(--sand)} body.t-v2 .promo-chip, body.t-v5 .promo-chip, body.t-v8 .promo-chip{color:var(--sand);border-color:rgba(247,225,193,.3)} body.t-v2 .drawer .top button svg, body.t-v5 .drawer .top button svg, body.t-v8 .drawer .top button svg{stroke:var(--ink)} body.t-v2 .citem .qrow button, body.t-v5 .citem .qrow button, body.t-v8 .citem .qrow button{background:transparent;color:var(--mut)} body.t-v2 .acts a:hover, body.t-v5 .acts a:hover, body.t-v8 .acts a:hover{background:rgba(247,225,193,.12)} body.t-v2 .acts svg, body.t-v5 .acts svg, body.t-v8 .acts svg{stroke:var(--ink)} body.t-v2 .nav ul a:hover, body.t-v5 .nav ul a:hover, body.t-v8 .nav ul a:hover{color:var(--sand)} body.t-v2 .news input, body.t-v5 .news input, body.t-v8 .news input{background:#FDFBF5;color:#23261E} body.t-v2 .c-form input, body.t-v2 .c-form textarea, body.t-v2 .c-form select, body.t-v5 .c-form input, body.t-v5 .c-form textarea, body.t-v5 .c-form select, body.t-v8 .c-form input, body.t-v8 .c-form textarea, body.t-v8 .c-form select{background:#2A2E23;color:var(--ink);border-color:var(--sage-l)} body.t-v2 .ship input, body.t-v5 .ship input, body.t-v8 .ship input{background:#2A2E23;color:var(--ink)} body.t-v2 .qty, body.t-v5 .qty, body.t-v8 .qty{background:var(--card)} body.t-v2 .qty input, body.t-v5 .qty input, body.t-v8 .qty input{color:var(--ink)} body.t-v2 .c-ok, body.t-v5 .c-ok, body.t-v8 .c-ok{background:rgba(143,181,115,.16);border-color:rgba(143,181,115,.4)} /* --- toques próprios de cada escuro --- */ /* V2 Showroom: molduras em arco */ body.t-v2{--r-card:26px;--r-block:38px} body.t-v2 .prod .ph{border-radius:44% 44% 0 0/26% 26% 0 0} body.t-v2 .gal .main{border-radius:46% 46% 26px 26px/30% 30% 26px 26px} /* V5 Film: mais cinema, cantos discretos */ body.t-v5{--r-card:20px;--r-block:26px} /* V8 Noir: brilho dourado no hover */ body.t-v8 .prod, body.t-v8 .cat, body.t-v8 .why-c, body.t-v8 .rev{border:1px solid rgba(247,225,193,.12)} body.t-v8 .prod:hover, body.t-v8 .cat:hover{border-color:rgba(247,225,193,.55);box-shadow:0 26px 46px -22px rgba(0,0,0,.7),0 0 34px rgba(247,225,193,.1)} /* ============================================================ V3 — ZEN (creme profundo, calmo) ============================================================ */ body.t-v3{ --bg:#F9EDDE; --card:#FDF8F0; --paper:#FFFFFF; --r-card:24px; --r-block:36px; --sh:0 14px 30px -20px rgba(59,58,45,.22); --sh-hover:0 26px 44px -24px rgba(59,58,45,.3); } body.t-v3 .prod .info, body.t-v3 .pc .inf{text-align:center} body.t-v3 .prod .row{justify-content:center;gap:14px} /* ============================================================ V4 — COLLAGE (scrapbook: bordas brancas, rotação leve) ============================================================ */ body.t-v4{ --bg:#FBEEDA; --card:#FFFFFF; --r-card:6px; --r-block:14px; --sh:0 18px 36px -18px rgba(35,38,30,.32); --sh-hover:0 30px 50px -22px rgba(35,38,30,.42); } body.t-v4 .prod{border:8px solid #fff;border-bottom-width:26px;transform:rotate(-.6deg)} body.t-v4 .prod:nth-child(even){transform:rotate(.7deg)} body.t-v4 .prod:hover{transform:rotate(0) translateY(-6px)} body.t-v4 .gal .main{border:10px solid #fff;border-bottom-width:36px} body.t-v4 .btn{border-radius:12px} body.t-v4 .fbtn{border-radius:10px} body.t-v4 .annc{background:var(--clay);color:#fff} /* ============================================================ V6 — BOUTIQUE CRÈME (claro, terracota, rodapé areia) ============================================================ */ body.t-v6{ --bg:#FDF8F0; --card:#FFFFFF; --paper:#FFFFFF; --ink:#33362B; --mut:#8A8574; --r-card:22px; --r-block:34px; --sh:0 16px 36px -22px rgba(51,54,43,.22); --sh-hover:0 30px 50px -24px rgba(51,54,43,.32); } body.t-v6 .btn{background:#33362B;border-color:#33362B} body.t-v6 .btn:hover{background:#A97F66;border-color:#A97F66} body.t-v6 .annc{background:var(--clay);color:#fff} body.t-v6 .annc b{color:#fff} body.t-v6 .kicker, body.t-v6 .pdp .type{color:var(--clay)} body.t-v6 .prod .price, body.t-v6 .pdp .price, body.t-v6 .room-items .v, body.t-v6 .fbt .tot .v, body.t-v6 .drawer .line.total .v, body.t-v6 .ck .tot .v{color:#A97F66} body.t-v6 .prod .info{text-align:center} body.t-v6 .prod .row{justify-content:center;gap:14px} body.t-v6 footer{background:var(--sand);color:#7A5B47} body.t-v6 .foot h4{color:#A97F66} body.t-v6 .foot a:hover{color:#33362B} body.t-v6 .foot .tag{color:#A97F66} body.t-v6 .legal{border-top-color:rgba(169,127,102,.25);color:#A97F66} body.t-v6 footer{border-radius:44px 44px 0 0} /* ============================================================ V7 — COLOR BLOCK (bordas grossas, sombra sólida) ============================================================ */ body.t-v7{ --bg:#F9EDDE; --card:#FFFFFF; --r-card:16px; --r-block:22px; --sh:5px 5px 0 rgba(35,38,30,.16); --sh-hover:9px 9px 0 rgba(35,38,30,.22); } body.t-v7 header{border-bottom:3px solid var(--pine);background:var(--bg)} body.t-v7 .prod, body.t-v7 .cat, body.t-v7 .acc, body.t-v7 .why-c, body.t-v7 .c-card, body.t-v7 .ship, body.t-v7 .fbt, body.t-v7 .rev, body.t-v7 .c-form, body.t-v7 .room .box, body.t-v7 .quote .box, body.t-v7 .gal .main{border:2.5px solid var(--pine)} body.t-v7 .prod:hover, body.t-v7 .cat:hover{transform:translate(-3px,-3px)} body.t-v7 .btn{border-radius:14px;border-width:2.5px;box-shadow:5px 5px 0 rgba(35,38,30,.22)} body.t-v7 .btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 rgba(35,38,30,.26)} body.t-v7 .btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 rgba(35,38,30,.26)} body.t-v7 .fbtn{border-width:2px;border-color:var(--pine);border-radius:12px;color:var(--ink)} body.t-v7 .fbtn.on{color:#F9EDDE} body.t-v7 .ship input, body.t-v7 .c-form input, body.t-v7 .c-form textarea, body.t-v7 .c-form select, body.t-v7 .news input{border:2px solid var(--pine);border-radius:12px} body.t-v7 .gal .thumbs button{border-width:2px;border-color:var(--pine);border-radius:10px} body.t-v7 .gal .thumbs button.on{border-color:var(--clay)} /* ============================================================ V9 — BREEZE (branco arejado, sálvia, pílulas) ============================================================ */ body.t-v9{ --bg:#FDFCF8; --card:#FFFFFF; --ink:#31352A; --mut:#84887A; --sage-l:#EDEFE6; --r-card:28px; --r-block:40px; --sh:0 16px 34px -24px rgba(49,53,42,.3); --sh-hover:0 34px 56px -26px rgba(49,53,42,.4); } body.t-v9 .btn{background:#6C705E;border-color:#6C705E} body.t-v9 .btn:hover{background:#2E3327;border-color:#2E3327} body.t-v9 .annc{background:#6C705E} body.t-v9 .prod .ph{margin:10px 10px 0;border-radius:20px} body.t-v9 .prod .info{text-align:center} body.t-v9 .prod .row{justify-content:center;gap:14px} body.t-v9 .prod .price{background:var(--sage-l);color:#6C705E;border-radius:999px;padding:4px 16px;font-size:16px} body.t-v9 .prod:hover{transform:translateY(-8px) rotate(-.5deg)} body.t-v9 footer{background:#6C705E;border-radius:60px 60px 0 0} body.t-v9 .kicker{color:#8E9280} body.t-v9 header{top:10px;margin:0 14px;border-radius:999px;border:1px solid var(--sage-l);box-shadow:0 18px 40px -24px rgba(49,53,42,.35)} /* ============================================================ Switcher genérico injetado nas páginas compartilhadas ============================================================ */ .vsw-inj{position:fixed;left:24px;bottom:22px;z-index:150;display:flex;gap:4px;background:rgba(251,248,241,.92);backdrop-filter:blur(8px);border:1px solid rgba(108,112,94,.25);border-radius:999px;padding:5px;box-shadow:0 14px 30px -16px rgba(35,38,30,.3)} .vsw-inj a{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:800 10px/1 "Karla",sans-serif;color:#6C705E;transition:.2s;text-decoration:none} .vsw-inj a:hover{color:#23261E} .vsw-inj a.on{background:#2E3327;color:#F9EDDE} body.t-v2 .vsw-inj, body.t-v5 .vsw-inj, body.t-v8 .vsw-inj{background:rgba(35,38,30,.85);border-color:rgba(247,225,193,.25)} body.t-v2 .vsw-inj a, body.t-v5 .vsw-inj a, body.t-v8 .vsw-inj a{color:#8E927E} body.t-v2 .vsw-inj a:hover, body.t-v5 .vsw-inj a:hover, body.t-v8 .vsw-inj a:hover{color:#F9EDDE} body.t-v2 .vsw-inj a.on, body.t-v5 .vsw-inj a.on, body.t-v8 .vsw-inj a.on{background:#F7E1C1;color:#23261E}