/* ================================================================ MITSUYO STORE — LAYOUT 02: OBSIDIAN Preto e branco. Clean. Estilo Sephora. Aplica-se via [data-theme="neon"] no . ================================================================ */ [data-theme="neon"] { --accent: #000000; --accent-hover: #222222; --gold: #000000; --bg: #ffffff; --bg2: #f5f5f5; --bg3: #eeeeee; --surface: #ffffff; --text: #000000; --text2: #333333; --muted: #767676; --border: #e0e0e0; --border2: #ebebeb; --radius: 0px; --radius-lg: 0px; --shadow-sm: 0 1px 4px rgba(0,0,0,.08); --shadow-lg: 0 8px 32px rgba(0,0,0,.12); --t: .15s ease; } /* ── Base ──────────────────────────────────────────────────────── */ [data-theme="neon"] body, [data-theme="neon"] .sakura-home-page, [data-theme="neon"] .sakura-site-shell { background: #fff; color: #000; font-family: 'Plus Jakarta Sans', sans-serif; } /* ── Topline ───────────────────────────────────────────────────── */ [data-theme="neon"] .sakura-topline { background: #000; border-bottom: none; } [data-theme="neon"] .sakura-topline p { color: #fff; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; } [data-theme="neon"] .sakura-topline-list span { color: rgba(255,255,255,.65); border-color: rgba(255,255,255,.2); background: transparent; font-size: .68rem; letter-spacing: .06em; text-transform: uppercase; } /* ── Header ────────────────────────────────────────────────────── */ [data-theme="neon"] .sakura-header-band { background: #fff; border-bottom: 1px solid #e0e0e0; box-shadow: none; } [data-theme="neon"] .sakura-header-wrap { background: #fff; } /* Logo */ [data-theme="neon"] .sakura-brand-bloom path, [data-theme="neon"] .sakura-brand-bloom circle { stroke: #000 !important; fill: none !important; } [data-theme="neon"] .sakura-brand-bloom [fill="#F8C8D5"], [data-theme="neon"] .sakura-brand-bloom [fill="#F9D8E2"], [data-theme="neon"] .sakura-brand-bloom [fill="#FFD7E3"], [data-theme="neon"] .sakura-brand-bloom [fill="#F7C0D1"] { fill: #f0f0f0 !important; } [data-theme="neon"] .sakura-brand-bloom [fill="#c8173e"] { fill: #000 !important; } [data-theme="neon"] .sakura-brand-bloom path[stroke="#c8173e"] { stroke: #000 !important; } [data-theme="neon"] .sakura-brand-copy strong { color: #000; -webkit-text-fill-color: #000; background: none; } [data-theme="neon"] .sakura-brand-copy small { color: #767676; letter-spacing: .25em; text-transform: uppercase; font-size: .55rem; } /* Busca */ [data-theme="neon"] .sakura-search { background: #f5f5f5; border: 1px solid #e0e0e0; border-radius: 0; } [data-theme="neon"] .sakura-search input { background: transparent; color: #000; font-size: .88rem; } [data-theme="neon"] .sakura-search input::placeholder { color: #999; } [data-theme="neon"] .sakura-search:focus-within { border-color: #000; box-shadow: none; } [data-theme="neon"] .sakura-search button { background: #000; border-radius: 0; } [data-theme="neon"] .sakura-search button svg { stroke: #fff; } [data-theme="neon"] .sakura-search button:hover { background: #333; } /* Ações do header */ [data-theme="neon"] .sakura-action-link { color: #000; font-size: .75rem; letter-spacing: .04em; text-transform: uppercase; font-weight: 700; } [data-theme="neon"] .sakura-action-link svg { stroke: #000; } [data-theme="neon"] .sakura-action-link:hover { color: #555; } [data-theme="neon"] .sakura-action-link:hover svg { stroke: #555; } [data-theme="neon"] .sakura-action-link-cart strong { background: #000; color: #fff; border-radius: 50%; } [data-theme="neon"] .sakura-welcome-badge { color: #767676; font-size: .7rem; text-transform: uppercase; letter-spacing: .06em; font-weight: 600; } [data-theme="neon"] .sakura-logout-link { color: #767676; } [data-theme="neon"] .sakura-logout-link svg { stroke: #767676; } [data-theme="neon"] .sakura-logout-link:hover { color: #000; } /* ── Navegação ─────────────────────────────────────────────────── */ [data-theme="neon"] .sakura-main-nav { background: #fff; border-top: 1px solid #e0e0e0; } [data-theme="neon"] .sakura-main-nav > a, [data-theme="neon"] .sakura-category-trigger { color: #000; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; } [data-theme="neon"] .sakura-main-nav > a:hover, [data-theme="neon"] .sakura-category-trigger:hover, [data-theme="neon"] .sakura-category-trigger.is-active { color: #000; border-bottom: 2px solid #000; } /* Dropdown de categorias */ [data-theme="neon"] .sakura-category-dropdown { background: #fff; border: 1px solid #e0e0e0; border-top: 2px solid #000; box-shadow: 0 8px 32px rgba(0,0,0,.1); border-radius: 0; } [data-theme="neon"] .sakura-category-dropdown::before { display: none; } [data-theme="neon"] .sakura-dropdown-copy, [data-theme="neon"] .sakura-category-copy { background: #000; border-right: none; } [data-theme="neon"] .sakura-dropdown-copy h2, [data-theme="neon"] .sakura-category-copy h2 { color: #fff; font-size: 1.4rem; font-weight: 800; } [data-theme="neon"] .sakura-dropdown-copy p, [data-theme="neon"] .sakura-category-copy p { color: rgba(255,255,255,.6); } [data-theme="neon"] .sakura-kicker, [data-theme="neon"] .sakura-category-copy .sakura-kicker { color: rgba(255,255,255,.5); background: transparent !important; border: none !important; letter-spacing: .15em; } [data-theme="neon"] .sakura-category-cta { background: #fff; color: #000; border-radius: 0; font-weight: 800; font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; } [data-theme="neon"] .sakura-category-cta:hover { background: #f0f0f0; transform: none; box-shadow: none; } [data-theme="neon"] .sakura-category-dropdown-card { background: #fff; border: 1px solid #e8e8e8; border-radius: 0; } [data-theme="neon"] .sakura-category-dropdown-card:hover { background: #f5f5f5; border-color: #000; box-shadow: none; } [data-theme="neon"] .sakura-category-dropdown-icon { background: #000; color: #fff; border-radius: 0; box-shadow: none; font-weight: 800; } [data-theme="neon"] .sakura-category-dropdown-body strong { color: #000; } [data-theme="neon"] .sakura-category-dropdown-body p { color: #767676; } /* ── Seções ────────────────────────────────────────────────────── */ [data-theme="neon"] .i3-section { background: #fff !important; } [data-theme="neon"] .i3-section:nth-child(even) { background: #f7f7f7 !important; } [data-theme="neon"] .i3-kicker { color: #000 !important; background: transparent !important; border: none !important; text-transform: uppercase !important; letter-spacing: .15em !important; font-size: .68rem !important; } [data-theme="neon"] .i3-kicker-promo { color: #000 !important; background: transparent !important; border: none !important; } [data-theme="neon"] .i3-section-head h2 { color: #000; font-weight: 800; } [data-theme="neon"] .i3-section-description { color: #767676; } [data-theme="neon"] .i3-section-link { color: #000; font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; text-decoration: underline; text-underline-offset: 3px; } [data-theme="neon"] .i3-section-link:hover { color: #555; } /* Info boxes */ [data-theme="neon"] .i3-info-band { background: #f5f5f5 !important; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } [data-theme="neon"] .i3-info-box { background: #fff; border: 1px solid #e8e8e8; border-radius: 0; box-shadow: none; } [data-theme="neon"] .i3-info-box:hover { border-color: #000; box-shadow: none; } [data-theme="neon"] .i3-info-box-icon { color: #000; } [data-theme="neon"] .i3-info-box h3 { color: #000; font-weight: 800; } [data-theme="neon"] .i3-info-box p { color: #767676; } /* Hero */ [data-theme="neon"] .i3-hero, [data-theme="neon"] .i3-hero-carousel { background: #111 !important; } /* CTA Band */ [data-theme="neon"] .i3-cta-band { background: #000 !important; border: none; } [data-theme="neon"] .i3-cta-band h2 { color: #fff; font-weight: 800; } [data-theme="neon"] .i3-cta-band p { color: rgba(255,255,255,.6); } [data-theme="neon"] .i3-cta-band .button-primary { background: #fff; color: #000; border-color: #fff; box-shadow: none; border-radius: 0; } [data-theme="neon"] .i3-cta-band .button-primary:hover { background: #e8e8e8; transform: none; box-shadow: none; } /* Editoriais */ [data-theme="neon"] .i3-editorial { background: #f7f7f7 !important; } [data-theme="neon"] .i3-editorial-copy h2 { color: #000; } [data-theme="neon"] .i3-editorial-copy p { color: #767676; } [data-theme="neon"] .i3-editorial-copy .eyebrow { color: #000; } /* Categorias */ [data-theme="neon"] .i3-category-card { background: #fff; border: 1px solid #e8e8e8; border-radius: 0; } [data-theme="neon"] .i3-category-card:hover { border-color: #000; box-shadow: none; } [data-theme="neon"] .i3-category-icon { background: #000; border-radius: 0; } [data-theme="neon"] .i3-category-card h3 { color: #000; } [data-theme="neon"] .i3-category-card p { color: #767676; } /* ── Cards de produto ──────────────────────────────────────────── */ [data-theme="neon"] .pcat-card { background: #fff; border: 1px solid #e8e8e8; border-radius: 0; box-shadow: none; } [data-theme="neon"] .pcat-card:hover { transform: none; border-color: #000; box-shadow: none; } [data-theme="neon"] .pcat-card-media { background: #f8f8f8; border-bottom: 1px solid #f0f0f0; } [data-theme="neon"] .pcat-card-badge { border-radius: 0; background: #000; color: #fff; font-size: .65rem; letter-spacing: .06em; text-transform: uppercase; } [data-theme="neon"] .pcat-card-badge-sale { background: #000; } [data-theme="neon"] .pcat-card-brand { color: #767676 !important; font-size: .66rem !important; text-transform: uppercase !important; letter-spacing: .1em !important; } [data-theme="neon"] .pcat-card-body h3, [data-theme="neon"] .pcat-card-body h3 a { color: #000; font-size: .88rem; font-weight: 500; } [data-theme="neon"] .pcat-card-body h3 a:hover { color: #555; } [data-theme="neon"] .pcat-price-before .old-price { color: #aaa; } [data-theme="neon"] .pcat-price-stack strong { color: #000; font-size: 1.15rem; } [data-theme="neon"] .pcat-discount-pill { background: #000; color: #fff; border-radius: 0; font-size: .65rem; letter-spacing: .04em; } [data-theme="neon"] .pcat-price-info { color: #767676; font-size: .74rem; } [data-theme="neon"] .pcat-stock-warn { color: #000; font-size: .7rem; text-transform: uppercase; letter-spacing: .06em; border-top: 1px solid #e8e8e8; padding-top: 4px; margin-top: 2px; } [data-theme="neon"] .pcat-wish-btn { background: rgba(255,255,255,.95); color: #000; border: 1px solid #e0e0e0; border-radius: 0; box-shadow: none; } [data-theme="neon"] .pcat-wish-btn:hover { background: #000; color: #fff; border-color: #000; transform: none; } [data-theme="neon"] .pcat-wish-btn.is-wished { background: #000; color: #fff; border-color: #000; } [data-theme="neon"] .pcat-wish-btn.is-wished svg { fill: #fff; stroke: #fff; } /* ── Botões ────────────────────────────────────────────────────── */ [data-theme="neon"] .button-primary { background: #000; color: #fff; border-color: #000; border-radius: 0; box-shadow: none; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; transition: background .15s, color .15s; } [data-theme="neon"] .button-primary:hover:not(:disabled) { background: #333; border-color: #333; box-shadow: none; transform: none; } [data-theme="neon"] .button-primary:disabled { background: #e0e0e0; color: #aaa; border-color: #e0e0e0; } [data-theme="neon"] .button-ghost, [data-theme="neon"] .button-outline { background: #fff; color: #000; border: 1px solid #000; border-radius: 0; } [data-theme="neon"] .button-ghost:hover, [data-theme="neon"] .button-outline:hover { background: #000; color: #fff; } /* ── Footer ────────────────────────────────────────────────────── */ [data-theme="neon"] .sakura-footer-band { background: #000; border-top: none; } [data-theme="neon"] .sakura-footer-block h3 { color: #fff; font-size: .72rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 800; } [data-theme="neon"] .sakura-footer-block p { color: rgba(255,255,255,.5); } [data-theme="neon"] .sakura-chip-row span { background: transparent; border: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.7); border-radius: 0; font-size: .68rem; text-transform: uppercase; letter-spacing: .06em; } [data-theme="neon"] .sakura-social-row span { background: transparent; border: 1px solid rgba(255,255,255,.25); color: rgba(255,255,255,.7); border-radius: 0; } [data-theme="neon"] .sakura-footer-bottom { border-top: 1px solid rgba(255,255,255,.1); } [data-theme="neon"] .sakura-footer-legal p { color: rgba(255,255,255,.3); font-size: .72rem; } [data-theme="neon"] .sakura-footer-links a { color: rgba(255,255,255,.5); font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; } [data-theme="neon"] .sakura-footer-links a:hover { color: #fff; } /* ── Formulários / Auth ────────────────────────────────────────── */ [data-theme="neon"] .sakura-main, [data-theme="neon"] .sakura-page-main, [data-theme="neon"] .auth-shell { background: #f5f5f5; } [data-theme="neon"] .auth-card, [data-theme="neon"] .panel-card { background: #fff; border: 1px solid #e0e0e0; border-radius: 0; box-shadow: none; } [data-theme="neon"] .auth-card h1 { color: #000; font-weight: 800; } [data-theme="neon"] .auth-card p { color: #767676; } [data-theme="neon"] .eyebrow { color: #767676; letter-spacing: .15em; text-transform: uppercase; font-size: .65rem; } [data-theme="neon"] .back-link { color: #767676; } [data-theme="neon"] .back-link:hover { color: #000; } [data-theme="neon"] .stack-form label { color: #333; font-weight: 600; } [data-theme="neon"] .stack-form input, [data-theme="neon"] .stack-form select, [data-theme="neon"] .stack-form textarea { background: #fff; border: 1px solid #d0d0d0; border-radius: 0; color: #000; } [data-theme="neon"] .stack-form input:focus, [data-theme="neon"] .stack-form select:focus, [data-theme="neon"] .stack-form textarea:focus { border-color: #000; box-shadow: none; outline: 2px solid #000; outline-offset: 0; } [data-theme="neon"] .auth-footnote a { color: #000; text-decoration: underline; } [data-theme="neon"] .auth-footnote a:hover { color: #555; } [data-theme="neon"] .pw-toggle { color: #aaa; } [data-theme="neon"] .pw-toggle:hover { color: #000; } /* ── Flash ─────────────────────────────────────────────────────── */ [data-theme="neon"] .flash-error { background: #fff; border: 1px solid #000; border-left: 4px solid #000; color: #000; border-radius: 0; } [data-theme="neon"] .flash-success { background: #fff; border: 1px solid #000; border-left: 4px solid #000; color: #000; border-radius: 0; } /* ── Account / Orders ──────────────────────────────────────────── */ [data-theme="neon"] .account-shell, [data-theme="neon"] .admin-shell { background: #f5f5f5; } [data-theme="neon"] .list-row { background: #fff; border: 1px solid #e8e8e8; border-radius: 0; } [data-theme="neon"] .list-row:hover { background: #f8f8f8; border-color: #000; } [data-theme="neon"] .admin-topbar { background: #fff; border: 1px solid #e0e0e0; border-radius: 0; } [data-theme="neon"] .admin-topbar h1 { color: #000; } [data-theme="neon"] .tab-btn { color: #767676; border-radius: 0; } [data-theme="neon"] .tab-btn.is-active { color: #000; border-bottom-color: #000; font-weight: 800; } /* ── Cart / Checkout ───────────────────────────────────────────── */ [data-theme="neon"] .order-summary-band { background: #f5f5f5; border: 1px solid #e0e0e0; border-radius: 0; } [data-theme="neon"] .payment-note { background: #f5f5f5; border: 1px solid #e0e0e0; border-radius: 0; color: #767676; } /* ── Catálogo ──────────────────────────────────────────────────── */ [data-theme="neon"] .pcat-shell { background: #fff; } [data-theme="neon"] .catalog-hero { background: #000 !important; border-bottom: none; } [data-theme="neon"] .catalog-hero h1 { color: #fff; font-weight: 800; } [data-theme="neon"] .catalog-hero p { color: rgba(255,255,255,.6); } [data-theme="neon"] .catalog-hero .eyebrow { color: rgba(255,255,255,.5); } [data-theme="neon"] .pcat-sidebar { background: #fff; border: 1px solid #e8e8e8; border-radius: 0; } [data-theme="neon"] .pcat-filter-section h3 { color: #000; text-transform: uppercase; letter-spacing: .08em; font-size: .72rem; } [data-theme="neon"] .pcat-filter-section label { color: #333; } [data-theme="neon"] .pcat-sort-select, [data-theme="neon"] .pcat-filter-select { background: #fff; border: 1px solid #d0d0d0; border-radius: 0; color: #000; } /* ── PDP ───────────────────────────────────────────────────────── */ [data-theme="neon"] .product-main { background: #fff; } [data-theme="neon"] .product-gallery-main { background: #f8f8f8; border: 1px solid #e8e8e8; border-radius: 0; } [data-theme="neon"] .product-gallery-thumb { background: #f8f8f8; border: 1px solid #e8e8e8; border-radius: 0; } [data-theme="neon"] .product-gallery-thumb.is-active { border-color: #000; border-width: 2px; } [data-theme="neon"] .product-info h1 { color: #000; font-weight: 800; } [data-theme="neon"] .product-price { color: #000; } [data-theme="neon"] .product-price-old { color: #aaa; } [data-theme="neon"] .product-info .brand-kicker { color: #767676; text-transform: uppercase; letter-spacing: .1em; font-size: .7rem; } [data-theme="neon"] .product-pix-box { background: #f5f5f5; border: 1px solid #e0e0e0; border-left: 3px solid #000; border-radius: 0; } /* ── Mobile nav ────────────────────────────────────────────────── */ @media (max-width: 768px) { [data-theme="neon"] .sakura-main-nav { background: #fff; border-top: 2px solid #000; } [data-theme="neon"] .sakura-main-nav > a, [data-theme="neon"] .sakura-category-trigger { border-bottom: 1px solid #e8e8e8; color: #000; } [data-theme="neon"] .sakura-category-dropdown { background: #fff; border-top: 1px solid #e8e8e8; } [data-theme="neon"] .sakura-dropdown-copy, [data-theme="neon"] .sakura-category-copy { background: #000; } } /* ── Seleção de texto ──────────────────────────────────────────── */ [data-theme="neon"] ::selection { background: #000; color: #fff; }