{"path":"/public_html/wp-content/themes/arzen-theme/style.css","name":"style.css","size":19736,"extension":".css","modified":"2026-04-09T00:01:33.452379393Z","mode":420,"isDir":false,"isSymlink":false,"type":"text","content":"/*\nTheme Name: Arzen\nTheme URI: https://example.com/arzen\nAuthor: Antigravity\nAuthor URI: https://example.com/\nDescription: Tema moderno para loja online baseado em Material Design 3. Tema Filho (Child Theme) do poderoso tema Astra, otimizado para o plugin WooCommerce.\nTemplate: astra\nRequires at least: 6.2\nTested up to: 6.5\nRequires PHP: 7.4\nVersion: 1.1.1\nLicense: GNU General Public License v2 or later\nLicense URI: http://www.gnu.org/licenses/gpl-2.0.html\nText Domain: arzen\nTags: e-commerce, custom-background, custom-colors, custom-menu, featured-images, astra-child\n*/\n\n/* \n * Este tema usa os blocos do Astra mas as cores, \n * estilos e o CSS de Material Design 3 são aplicados aqui. \n */\n\n/* ==========================================================================\n   HOMEPAGE Arzen (MD3 Based)\n   ========================================================================== */\n\n/* Cores Base do Mockup (MD3 Palette) */\n:root {\n\t--md-sys-color-primary: #3b1fb0; /* Roxo principal do bot\u0026atilde;o P\u0026iacute;lula */\n\t--md-sys-color-on-primary: #ffffff;\n\t--md-sys-color-surface: #fbf8ff; /* Fundo limpo purista */\n\t--md-sys-color-on-surface: #1c1b1f;\n\t\n\t/* Categoria Lavender (Aromaterapia) */\n\t--arzen-cat-lavender-bg: #f0e6ff;\n\t--arzen-cat-lavender-icon: #7c6fd2;\n\t\n\t/* Categoria Champagne (Incensos) */\n\t--arzen-cat-champagne-bg: #fff5e6;\n\t--arzen-cat-champagne-icon: #d2a65d;\n\t\n\t/* Categoria Rosa (Fragr\u0026acirc;ncias) */\n\t--arzen-cat-pink-bg: #ffedf4;\n\t--arzen-cat-pink-icon: #d86c8f;\n\t\n\t/* Categoria Verde (Velas) */\n\t--arzen-cat-green-bg: #eaf8ee;\n\t--arzen-cat-green-icon: #5eb37c;\n\t\n\t/* Elevation MD3 Shadows */\n\t--md-sys-elevation-level1: 0 1px 2px 0 rgba(0,0,0,0.3), 0 1px 3px 1px rgba(0,0,0,0.15);\n\t--md-sys-elevation-level2: 0 1px 2px 0 rgba(0,0,0,0.3), 0 2px 6px 2px rgba(0,0,0,0.15);\n\t\n\t--arzen-font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n}\n\n.arzen-front-page {\n\tbackground-color: var(--md-sys-color-surface);\n\tfont-family: var(--arzen-font-family);\n\tcolor: var(--md-sys-color-on-surface);\n}\n\n.arzen-container {\n\tmax-width: 1200px;\n\tmargin: 0 auto;\n\tpadding: 0 24px;\n}\n\n/* 1. HERO SECTION */\n.arzen-hero {\n\tposition: relative;\n\ttext-align: center;\n\tpadding: 100px 20px 80px;\n\toverflow: hidden;\n}\n\n.arzen-hero-background {\n\tposition: absolute;\n\ttop: 0; left: 0; right: 0; bottom: 0;\n\tz-index: 0;\n\tpointer-events: none;\n}\n\n.arzen-circle-large {\n\tposition: absolute;\n\ttop: 50%; left: 50%;\n\ttransform: translate(-50%, -50%);\n\twidth: 480px; height: 480px;\n\tborder: 1px dashed rgba(82, 71, 158, 0.15);\n\tborder-radius: 50%;\n}\n\n.arzen-dot {\n\tposition: absolute;\n\twidth: 6px; height: 6px;\n\tborder-radius: 50%;\n}\n.dot-purple { background: var(--arzen-cat-lavender-icon); top: 20%; left: 30%; }\n.dot-green { background: var(--arzen-cat-green-icon); top: 50%; left: 20%; }\n.dot-orange { background: var(--arzen-cat-champagne-icon); top: 70%; left: 35%; }\n.dot-pink { background: var(--arzen-cat-pink-icon); top: 15%; right: 25%; }\n\n.arzen-hero-content {\n\tposition: relative;\n\tz-index: 1;\n\tmax-width: 600px;\n\tmargin: 0 auto;\n}\n\n.arzen-hero-subtitle {\n\tfont-size: 13px;\n\tfont-weight: 600;\n\tletter-spacing: 8px;\n\tcolor: var(--md-sys-color-primary);\n\tmargin-bottom: 8px;\n\ttext-transform: uppercase;\n}\n\n.arzen-hero-title {\n\tfont-size: 56px;\n\tfont-weight: 800;\n\tletter-spacing: 12px;\n\tcolor: var(--md-sys-color-primary);\n\tmargin: 0 0 16px 0;\n\ttext-transform: uppercase;\n}\n\n.arzen-hero-description {\n\tfont-size: 16px;\n\tcolor: #4a4a4a;\n\tmargin-bottom: 40px;\n}\n\n/* Bot\u0026atilde;o P\u0026iacute;lula (Pill Button) MD3 */\n.arzen-button-pill {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground-color: var(--md-sys-color-primary);\n\tcolor: var(--md-sys-color-on-primary);\n\theight: 48px;\n\tpadding: 0 32px;\n\tborder-radius: 24px;\n\tfont-weight: 600;\n\tfont-size: 13px;\n\tletter-spacing: 2px;\n\ttext-decoration: none;\n\tbox-shadow: var(--md-sys-elevation-level1);\n\ttransition: all 0.2s ease-in-out;\n}\n.arzen-button-pill.btn-large {\n\tpadding: 0 48px;\n}\n.arzen-button-pill:hover, .arzen-button-pill:focus {\n\tbox-shadow: var(--md-sys-elevation-level2);\n\ttransform: translateY(-2px);\n\tcolor: var(--md-sys-color-on-primary);\n}\n\n/* 2. SECÇÕES COMUNS */\n.arzen-section {\n\tpadding: 60px 0;\n}\n\n.arzen-section-title {\n\ttext-align: center;\n\tfont-size: 15px;\n\tfont-weight: 600;\n\tcolor: var(--md-sys-color-primary);\n\tletter-spacing: 3px;\n\tmargin-bottom: 48px;\n\tposition: relative;\n}\n\n/* 3. CARTÕES (MD3 Cards) */\n.arzen-grid-4 {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(4, 1fr);\n\tgap: 24px;\n}\n\n.arzen-grid-3 {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(3, 1fr);\n\tgap: 24px;\n}\n\n.arzen-md3-card {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 40px 24px;\n\tborder-radius: 24px;\n\ttext-decoration: none;\n\tcolor: var(--md-sys-color-on-surface);\n\ttransition: all 0.3s cubic-bezier(0.2, 0, 0, 1);\n\tborder: 1px solid rgba(0,0,0,0.02);\n}\n.arzen-md3-card:hover {\n\ttransform: translateY(-6px) scale(1.02);\n\tbox-shadow: var(--md-sys-elevation-level1);\n}\n\n.card-lavender { background-color: var(--arzen-cat-lavender-bg); }\n.card-champagne { background-color: var(--arzen-cat-champagne-bg); }\n.card-pink { background-color: var(--arzen-cat-pink-bg); }\n.card-green { background-color: var(--arzen-cat-green-bg); }\n\n.card-lavender .arzen-card-icon-wrap { color: var(--arzen-cat-lavender-icon); }\n.card-champagne .arzen-card-icon-wrap { color: var(--arzen-cat-champagne-icon); }\n.card-pink .arzen-card-icon-wrap { color: var(--arzen-cat-pink-icon); }\n.card-green .arzen-card-icon-wrap { color: var(--arzen-cat-green-icon); }\n\n.arzen-card-icon-wrap {\n\tmargin-bottom: 24px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 64px;\n\theight: 64px;\n\tbackground: rgba(255, 255, 255, 0.4);\n\tborder-radius: 50%;\n}\n\n.card-large .arzen-card-icon-wrap {\n\twidth: 80px; height: 80px; margin-bottom: 32px;\n}\n\n.arzen-card-title {\n\tfont-size: 16px;\n\tfont-weight: 700;\n\tmargin: 0 0 8px 0;\n\tletter-spacing: 1px;\n}\n\n.arzen-card-subtitle {\n\tfont-size: 11px;\n\tfont-weight: 600;\n\topacity: 0.6;\n\tletter-spacing: 1.5px;\n\ttext-transform: uppercase;\n}\n\n.card-large {\n\tpadding: 56px 32px 48px;\n}\n.card-large .arzen-card-title {\n\tfont-size: 20px;\n}\n.card-large .arzen-card-subtitle {\n\tmargin-bottom: 24px;\n}\n\n/* Custom Header \u0026 Footer (Mockup) */\n.arzen-custom-header {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tpadding: 16px 48px;\n\tbackground-color: var(--md-sys-color-surface);\n}\n.arzen-logo {\n\tdisplay: flex;\n\talign-items: center;\n\tcolor: var(--md-sys-color-primary);\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tletter-spacing: 4px;\n}\n.arzen-logo svg { margin-right: 12px; }\n.arzen-nav { display: flex; gap: 32px; }\n.arzen-nav a {\n\ttext-decoration: none;\n\tcolor: #888;\n\tfont-size: 13px;\n\tfont-weight: 600;\n\tletter-spacing: 2px;\n\ttext-transform: uppercase;\n\ttransition: color 0.2s;\n}\n.arzen-nav a:hover { color: var(--md-sys-color-primary); }\n.arzen-cart-icon a { color: var(--md-sys-color-primary); text-decoration: none; }\n\n.arzen-product-card-mockup {\n\tpadding: 0; overflow: hidden; justify-content: flex-start;\n}\n.arzen-product-image-placeholder {\n\twidth: 100%; height: 180px;\n\tdisplay: flex; align-items: center; justify-content: center;\n}\n.arzen-product-info {\n\tpadding: 24px;\n\tdisplay: flex; flex-direction: column; align-items: center; width: 100%;\n\tbackground: white;\n}\n.arzen-card-price {\n\tfont-size: 14px; font-weight: 600; color: var(--md-sys-color-primary); margin-bottom: 16px;\n}\n\n.arzen-custom-footer {\n\tbackground-color: #ede7f6;\n\tpadding: 48px 24px; text-align: center; color: var(--md-sys-color-primary);\n}\n.arzen-footer-logo {\n\tfont-size: 16px; letter-spacing: 6px; font-weight: 600; margin-bottom: 8px;\n}\n.arzen-footer-copy {\n\tfont-size: 12px; letter-spacing: 2px; opacity: 0.6; margin-bottom: 16px;\n}\n.arzen-footer-socials .dot {\n\tdisplay: inline-block; width: 8px; height: 8px; border-radius: 50%;\n\tbackground-color: var(--md-sys-color-primary); opacity: 0.3; margin: 0 4px;\n}\n\n/* Cores de pílula alternativas para a grid secundária */\n.btn-purple { background-color: var(--arzen-cat-lavender-icon); border: none; color: white; }\n.btn-orange { background-color: var(--arzen-cat-champagne-icon); border: none; color: white;}\n.btn-green { background-color: var(--arzen-cat-green-icon); border: none; color: white;}\n\n.btn-purple:hover, .btn-purple:focus { color: white; }\n.btn-orange:hover, .btn-orange:focus { color: white; }\n.btn-green:hover, .btn-green:focus { color: white; }\n\n/* Responsividade Básica */\n@media (max-width: 1024px) {\n\t.arzen-grid-4 { grid-template-columns: repeat(2, 1fr); }\n\t.arzen-grid-3 { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (max-width: 600px) {\n\t.arzen-hero-title { font-size: 36px; letter-spacing: 6px; }\n\t.arzen-grid-4, .arzen-grid-3 { grid-template-columns: 1fr; }\n\t.arzen-circle-large { width: 300px; height: 300px; }\n}\n\n/* ==========================================================================\n   WOOCOMMERCE MD3 GLOBAL STYLES\n   ========================================================================== */\n\n/* 1. Grelha de Produtos (Product Cards) */\n.woocommerce ul.products li.product, \n.woocommerce-page ul.products li.product {\n\tbackground-color: #ffffff;\n\tborder-radius: 20px;\n\tpadding: 16px;\n\tbox-shadow: 0 1px 2px rgba(0,0,0,0.05); /* Leve base */\n\ttransition: all 0.3s cubic-bezier(0.2, 0, 0, 1);\n\tborder: 1px solid rgba(0,0,0,0.02);\n\ttext-align: center;\n}\n.woocommerce ul.products li.product:hover, \n.woocommerce-page ul.products li.product:hover {\n\ttransform: translateY(-4px);\n\tbox-shadow: var(--md-sys-elevation-level1);\n}\n\n/* Imagens dos Produtos Arredondadas */\n.woocommerce ul.products li.product img,\n.woocommerce div.product div.images img {\n\tborder-radius: 16px;\n\tmargin-bottom: 16px;\n}\n\n/* Tipografia dos Produtos */\n.woocommerce ul.products li.product .woocommerce-loop-product__title {\n\tfont-family: var(--arzen-font-family);\n\tfont-size: 15px;\n\tfont-weight: 600;\n\tcolor: var(--md-sys-color-on-surface);\n\tpadding: 0;\n\tmargin-bottom: 8px;\n}\n\n.woocommerce ul.products li.product .price {\n\tcolor: #4a4a4a;\n\tfont-size: 14px;\n\tfont-weight: 700;\n\tmargin-bottom: 16px;\n}\n\n/* 2. Botões \"Adicionar ao Carrinho\" \u0026 Botões Primários (Pill Buttons) */\n.woocommerce ul.products li.product .button,\n.woocommerce button.button.alt,\n.woocommerce a.button.alt,\n.woocommerce input.button.alt,\n.woocommerce #respond input#submit.alt,\n.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit {\n\tbackground-color: var(--md-sys-color-primary) !important;\n\tcolor: var(--md-sys-color-on-primary) !important;\n\tborder-radius: 24px !important;\n\tpadding: 12px 24px !important;\n\tfont-family: var(--arzen-font-family) !important;\n\tfont-weight: 600 !important;\n\tfont-size: 13px !important;\n\ttext-transform: none !important;\n\tbox-shadow: var(--md-sys-elevation-level1) !important;\n\ttransition: all 0.2s ease-in-out !important;\n\tborder: none !important;\n\tline-height: normal !important;\n}\n\n.woocommerce ul.products li.product .button:hover,\n.woocommerce button.button.alt:hover,\n.woocommerce a.button.alt:hover,\n.woocommerce input.button.alt:hover,\n.woocommerce #respond input#submit.alt:hover,\n.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover {\n\tbackground-color: #3b327b !important; /* Roxo mais escuro (Hover MD3) */\n\tbox-shadow: var(--md-sys-elevation-level2) !important;\n\ttransform: translateY(-2px);\n}\n\n/* 3. Inputs, Forms e Quantidades */\n.woocommerce form .form-row input.input-text, \n.woocommerce form .form-row textarea,\n.woocommerce .quantity .qty {\n\tborder-radius: 12px !important;\n\tborder: 1px solid #e0e2e5 !important;\n\tpadding: 12px 16px !important;\n\tfont-family: var(--arzen-font-family);\n\tbackground-color: #fbf8ff !important;\n\ttransition: border-color 0.2s;\n}\n\n.woocommerce form .form-row input.input-text:focus, \n.woocommerce form .form-row textarea:focus,\n.woocommerce .quantity .qty:focus {\n\tborder-color: var(--md-sys-color-primary) !important;\n\toutline: none !important;\n\tbox-shadow: 0 0 0 2px rgba(82, 71, 158, 0.1) !important;\n}\n\n/* Mensagens de Loja / Avisos (Banners MD3) */\n.woocommerce-message, .woocommerce-info, .woocommerce-error {\n\tborder-radius: 16px !important;\n\tborder-top: none !important;\n\tbackground-color: #ffffff !important;\n\tbox-shadow: var(--md-sys-elevation-level1) !important;\n\tfont-family: var(--arzen-font-family);\n\tcolor: var(--md-sys-color-on-surface) !important;\n\tpadding: 16px 24px 16px 60px !important;\n\tposition: relative;\n\tborder-left: 6px solid var(--md-sys-color-primary) !important;\n}\n.woocommerce-error { border-left-color: #ba1a1a !important; }\n.woocommerce-message { border-left-color: var(--arzen-cat-green-icon) !important; }\n\n/* 4. Separadores de Produto e Layout Singular */\n.woocommerce div.product .woocommerce-tabs ul.tabs {\n\tpadding: 0 !important;\n\tmargin-bottom: 24px !important;\n}\n.woocommerce div.product .woocommerce-tabs ul.tabs li {\n\tborder-radius: 16px 16px 0 0 !important;\n\tborder: none !important;\n\tbackground: transparent !important;\n\tbox-shadow: none !important;\n}\n.woocommerce div.product .woocommerce-tabs ul.tabs li.active {\n\tborder-bottom: 3px solid var(--md-sys-color-primary) !important;\n}\n.woocommerce div.product .woocommerce-tabs ul.tabs li a {\n\tfont-family: var(--arzen-font-family);\n\tfont-weight: 600;\n\tcolor: #4a4a4a !important;\n}\n.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {\n\tcolor: var(--md-sys-color-primary) !important;\n}\n\n\n\n/* ============================================================\n   DARK MODE — body.arzen-dark-mode\n   Usa body.arzen-dark-mode para vencer estilos inline das páginas\n   ============================================================ */\n\n/* --- Variáveis de dark mode --- */\nbody.arzen-dark-mode {\n  --dm-bg: #1c1b1f;\n  --dm-bg-card: #2b2930;\n  --dm-bg-subtle: #2d2b35;\n  --dm-bg-accent: #1e1a2e;\n  --dm-border: #3d3852;\n  --dm-text: #e6e1e5;\n  --dm-text-muted: #cac4d0;\n  --dm-text-faint: #a8a0b4;\n  --dm-primary: #b8a9f5;\n}\n\n/* ============================================================\n   PÁGINAS LEGAIS (body.arzen-dark-mode .arzen-legal)\n   ============================================================ */\n\nbody.arzen-dark-mode .arzen-legal {\n  color: var(--dm-text);\n}\n\nbody.arzen-dark-mode .arzen-legal p,\nbody.arzen-dark-mode .arzen-legal li {\n  color: var(--dm-text) !important;\n}\n\nbody.arzen-dark-mode .arzen-legal h2 {\n  color: var(--dm-primary) !important;\n  border-bottom-color: var(--dm-border) !important;\n}\n\nbody.arzen-dark-mode .arzen-legal a {\n  color: var(--dm-primary) !important;\n}\n\nbody.arzen-dark-mode .arzen-legal .contact-box,\nbody.arzen-dark-mode .arzen-legal .info-grid {\n  background: var(--dm-bg-subtle) !important;\n  border-color: var(--dm-border) !important;\n}\n\nbody.arzen-dark-mode .arzen-legal .contact-box p,\nbody.arzen-dark-mode .arzen-legal .info-grid p {\n  color: var(--dm-text-muted) !important;\n}\n\nbody.arzen-dark-mode .arzen-legal .form-box {\n  background: var(--dm-bg-card) !important;\n  border-color: var(--dm-border) !important;\n}\n\nbody.arzen-dark-mode .arzen-legal .form-box p {\n  color: var(--dm-text-muted) !important;\n}\n\nbody.arzen-dark-mode .arzen-legal .tag {\n  background: var(--dm-bg-accent) !important;\n  color: var(--dm-primary) !important;\n  border: 1px solid var(--dm-border);\n}\n\n/* ============================================================\n   PÁGINA DE ENVIOS (body.arzen-dark-mode .arzen-shipping-page)\n   ============================================================ */\n\nbody.arzen-dark-mode .arzen-shipping-page {\n  color: var(--dm-text) !important;\n}\n\nbody.arzen-dark-mode .arzen-shipping-page .subtitle {\n  color: var(--dm-text-muted) !important;\n}\n\nbody.arzen-dark-mode .arzen-zone-card {\n  background: var(--dm-bg-card) !important;\n  border-color: var(--dm-border) !important;\n}\n\nbody.arzen-dark-mode .arzen-zone-map {\n  background: var(--dm-bg-subtle) !important;\n}\n\nbody.arzen-dark-mode .arzen-zone-body h3 {\n  color: var(--dm-text) !important;\n}\n\nbody.arzen-dark-mode .arzen-zone-countries,\nbody.arzen-dark-mode .arzen-zone-days {\n  color: var(--dm-text-muted) !important;\n}\n\nbody.arzen-dark-mode .arzen-vat-note {\n  color: var(--dm-text-faint) !important;\n}\n\nbody.arzen-dark-mode .arzen-price-table thead tr {\n  background: var(--dm-bg-accent) !important;\n}\n\nbody.arzen-dark-mode .arzen-price-table thead th {\n  color: var(--dm-text) !important;\n}\n\nbody.arzen-dark-mode .arzen-price-table tbody tr {\n  background: var(--dm-bg-card) !important;\n}\n\nbody.arzen-dark-mode .arzen-price-table tbody td {\n  color: var(--dm-text) !important;\n  border-top-color: var(--dm-border) !important;\n}\n\nbody.arzen-dark-mode .arzen-islands-box {\n  background: var(--dm-bg-accent) !important;\n  border-color: var(--dm-border) !important;\n}\n\nbody.arzen-dark-mode .arzen-islands-box h4 {\n  color: var(--dm-primary) !important;\n}\n\nbody.arzen-dark-mode .arzen-islands-box p {\n  color: var(--dm-text-muted) !important;\n}\n\nbody.arzen-dark-mode .arzen-islands-box a {\n  color: var(--dm-primary) !important;\n}\n\nbody.arzen-dark-mode .arzen-shipping-notes {\n  background: var(--dm-bg-card) !important;\n  border-left-color: var(--dm-primary) !important;\n  color: var(--dm-text) !important;\n}\n\nbody.arzen-dark-mode .arzen-shipping-notes h3 {\n  color: var(--dm-primary) !important;\n}\n\nbody.arzen-dark-mode .arzen-shipping-notes li {\n  color: var(--dm-text-muted) !important;\n}\n\n/* ============================================================\n   PÁGINAS SOBRE NÓS + CONTACTOS — Blocos Gutenberg\n   ============================================================ */\n\nbody.arzen-dark-mode .entry-content .wp-block-group.has-background {\n  background-color: var(--dm-bg-card) !important;\n}\n\nbody.arzen-dark-mode .entry-content .wp-block-columns .wp-block-group.has-background {\n  background-color: var(--dm-bg-subtle) !important;\n}\n\nbody.arzen-dark-mode .entry-content .wp-block-group.has-background h1,\nbody.arzen-dark-mode .entry-content .wp-block-group.has-background h2,\nbody.arzen-dark-mode .entry-content .wp-block-group.has-background h3,\nbody.arzen-dark-mode .entry-content .wp-block-group.has-background h4 {\n  color: var(--dm-text) !important;\n}\n\nbody.arzen-dark-mode .entry-content .wp-block-group.has-background p {\n  color: var(--dm-text-muted) !important;\n}\n\nbody.arzen-dark-mode .entry-content .wp-block-separator.has-background {\n  background-color: var(--dm-border) !important;\n}\n\n/* ============================================================\n   CORREÇÃO GERAL — Listas em páginas de conteúdo\n   ============================================================ */\n\nbody.arzen-dark-mode .entry-content li {\n  color: var(--dm-text) !important;\n}\n\nbody.arzen-dark-mode .entry-content p {\n  color: var(--dm-text) !important;\n}\n\n/* Botão outline em dark mode */\nbody.arzen-dark-mode .wp-block-button.is-style-outline .wp-block-button__link {\n  border-color: var(--dm-primary) !important;\n  color: var(--dm-primary) !important;\n  background-color: transparent !important;\n}\n\n\n/* ===================================================\n   404 - Traducao do subtitulo para Portugues\n   =================================================== */\n.error404 h3.page-sub-title {\n    font-size: 0 !important;\n    color: transparent !important;\n    visibility: hidden !important;\n}\n.error404 h3.page-sub-title::after {\n    content: \"Parece que o link que te trouxe aqui estava errado. Tenta pesquisar:\";\n    font-size: 1.1rem !important;\n    color: #3d3d3d !important;\n    visibility: visible !important;\n    display: block !important;\n}\nbody.arzen-dark-mode .error404 h3.page-sub-title::after {\n    color: #ccc !important;\n}","link":""}

/* ================================================
   V1: Botão Add to Cart — Círculo Gradiente
   Círculo roxo com gradiente + sombra, canto inf-dir
   ================================================ */

.ast-on-card-button {
  top: auto !important;
  left: auto !important;
  right: 12px !important;
  bottom: 12px !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border-radius: 50% !important;
  padding: 0 !important;
  background: linear-gradient(145deg, #a07ae0 0%, #5a28aa 100%) !important;
  box-shadow: 0 4px 14px rgba(80, 30, 160, 0.5), 0 2px 4px rgba(0,0,0,0.18) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  color: #fff !important;
}

.ast-on-card-button:hover {
  transform: scale(1.12) !important;
  box-shadow: 0 6px 22px rgba(80, 30, 160, 0.65), 0 3px 7px rgba(0,0,0,0.22) !important;
}

.ast-on-card-button svg,
.ast-on-card-button .ahfb-svg-iconset svg {
  width: 22px !important;
  height: 22px !important;
  fill: #fff !important;
  color: #fff !important;
}