/** Shopify CDN: Minification failed Line 457:26 Unexpected "{" Line 457:35 Expected ":" Line 462:26 Unexpected "{" Line 462:35 Expected ":" Line 463:26 Unexpected "{" Line 463:35 Expected ":" Line 466:26 Unexpected "{" Line 466:35 Expected ":" Line 490:14 Unexpected "{" Line 490:23 Expected ":" ... and 4 more hidden warnings **/ /* EASYSHOP — light theme (white background) */ /* Paleta base (claro) */ :root{ --bg:#ffffff; --card:#ffffff; --text:#1f2937; --muted:#6b7280; --brand:#f00050; --brand-2:#ff4d8a; --border:#e5e7eb; --ring:rgba(240,0,80,.25); --ok:#16a34a; --panel:#f8fafc; /* superfícies suaves (thumbs, etc.) */ } /* Paleta escura (ativa quando ) */ html.theme-dark{ --bg:#0a0d14; /* fundo geral mais profundo */ --card:#101624; /* superfícies/cards */ --text:#e9edf4; /* texto principal */ --muted:#b0b8c6; /* texto secundário */ --brand:#f00050; /* sua marca */ --brand-2:#ff4d8a; --border:#1b2436; /* bordas com contraste */ --ring:rgba(240,0,80,.42); --ok:#22c55e; --panel:#0c1222; /* painéis/thumbs */ } /* Use as variáveis nas superfícies */ .easyshop{background:var(--bg); color:var(--text);} .es-header{background:color-mix(in srgb,var(--bg) 90%, transparent); border-bottom:1px solid var(--border);} .es-btn{border:1px solid var(--border); background:var(--card); color:var(--text);} .es-hero-card{background:linear-gradient(180deg,color-mix(in srgb,var(--card) 95%, transparent), var(--card)); border:1px solid var(--border);} .es-hero-img{background:var(--card); border:1px solid var(--border);} .es-grid .es-card{background:var(--card); border:1px solid var(--border);} .es-thumb{background:var(--panel); border-bottom:1px solid var(--border);} .es-chip{border:1px solid var(--border); color:var(--muted);} /* Botão de tema (pequeno no canto direito) */ .es-theme-toggle{ padding:8px 10px; line-height:1; width:38px; height:38px; justify-content:center; border-radius:999px; font-size:16px; } .es-theme-toggle:focus{ outline: none; box-shadow: 0 0 0 4px var(--ring); } /* Base */ .easyshop{ font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif; color:var(--text); background:var(--bg); /* branco chapado */ } a{color:inherit;text-decoration:none} /* Layout */ .es-container{width:min(1100px,92%);margin:0 auto} /* Header / Nav */ .es-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--border)} .es-nav{display:flex;align-items:center;gap:16px;padding:14px 0} .es-logo-text{font-weight:700;letter-spacing:.2px} .es-logo-img{height:50px;width:auto;display:block} .es-nav-links{ display:flex; gap:14px; margin-left:10px; margin-right:auto; /* <<< opcional, ajuda a separar do .es-actions */ } .es-actions{display:flex;align-items:center;gap:10px} /* Buttons */ .es-btn{border:1px solid var(--border);background:var(--card);color:var(--text);padding:10px 12px;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px} .es-btn:hover{border-color:#f4c; /* leve destaque */ } .es-btn.es-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));border-color:transparent;color:#fff;font-weight:600} /* ==== Dark mode: cart button white so the SVG is visible ==== */ html.theme-dark .es-cart{ background:#fff !important; /* fundo branco no dark */ border-color:#fff !important; color:#111 !important; /* ícone (SVG) escuro */ } /* Mantém contraste ao passar o mouse no dark */ html.theme-dark .es-cart:hover{ background:#E5004F !important; /* mesma cor de hover do header */ border-color:#E5004F !important; color:#fff !important; /* ícone branco no hover */ } /* Garante que o SVG herda a cor do texto */ .es-cart .svg-wrapper svg{ fill: currentColor; stroke: currentColor; } /* Hero */ .es-hero{border-bottom:1px solid var(--border)} .es-hero-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding:48px 0;align-items:center} .es-hero-card{background:linear-gradient(180deg,rgba(255,255,255,.9),var(--card));border:1px solid var(--border);padding:14px;border-radius:19px;box-shadow:0 6px 18px rgba(0,0,0,.06)} .es-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:6px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted);margin-bottom:8px} .es-dot{width:8px;height:8px;border-radius:999px;background:var(--ok);display:inline-block} .es-hero h1{font-size:clamp(28px,4vw,44px);line-height:1.05;margin:0 0 12px} .es-hero h1 .es-brand{color:var(--brand)} .es-hero h1 .es-brand-2{color:var(--brand-2)} .es-hero p{color:var(--muted);margin:0 0 18px} .es-hero-cta{display:flex;gap:10px;flex-wrap:wrap} .es-hero-img{aspect-ratio:5.2/3;background:#fff;border-radius:16px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden} .es-hero-img img{max-width:100%;height:auto;display:block;object-fit:contain} /* Grid & Cards */ .es-main{padding:22px 0 0} .es-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px} .es-card{grid-column:span 4;background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease} /* Dark: elevação branca nos cards de produto */ html.theme-dark .es-card{ box-shadow: 0 6px 18px rgba(255,255,255,.08); border-color: color-mix(in srgb, var(--border) 70%, #fff 30%); } html.theme-dark .es-card:hover{ box-shadow: 0 14px 32px rgba(255,255,255,.16); transform: translateY(-2px); } /* opcional: linha da thumb um pouco mais clara no dark */ html.theme-dark .es-thumb{ border-bottom-color: color-mix(in srgb, var(--border) 70%, #fff 30%); } .es-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.08)} .es-thumb{aspect-ratio:4/3;background:#f8fafc;display:grid;place-items:center;border-bottom:1px solid var(--border)} .es-thumb img{width:100%;height:100%;object-fit:cover;display:block} .es-body{padding:14px;display:flex;flex-direction:column;gap:10px} .es-title{font-weight:600} .es-price{font-weight:700} .es-meta{color:var(--muted);font-size:14px} .es-row{display:flex;justify-content:space-between;align-items:center;gap:10px} .es-chip{font-size:12px;padding:4px 8px;border:1px solid var(--border);border-radius:999px;color:var(--muted)} /* Footer WhatsApp chip (opcional) */ .es-whatsapp{position:fixed;right:18px;bottom:18px;height:48px;padding:0 12px;border-radius:999px;background:#25d366;color:#fff;display:inline-flex;align-items:center;gap:8px;box-shadow:0 10px 20px rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.08);z-index:70} .es-whatsapp:hover{transform:translateY(-1px)} /* Responsive */ @media (max-width:980px){ .es-hero-inner{grid-template-columns:1fr} .es-grid .es-card{grid-column:span 6} } @media (max-width:640px){ .es-grid .es-card{grid-column:span 12} } html.theme-dark .es-header .es-nav-links a:hover, html.theme-dark .es-header .es-btn:hover { background:#E5004F; border-color:#E5004F; color:#fff; /* garante contraste no dark */ } html.theme-dark .es-header .es-nav-links a:focus-visible, html.theme-dark .es-header .es-btn:focus-visible { outline:none; box-shadow:0 0 0 4px rgba(51,34,49,.35); /* anel de foco acessível */ } /* Esconde o botão menu no desktop */ .es-menu-toggle{ display:none; } /* Mobile layout */ /* Mobile layout – vale só no celular */ @media (max-width: 640px){ .es-nav{ display:grid; grid-template-columns: 42px 1fr minmax(84px,auto); /* menu | logo | ações */ align-items:center; gap:8px; padding:12px 0; } .es-menu-toggle{ display:inline-flex; justify-content:center; width:38px;height:38px; padding:0;border-radius:999px; font-size:18px; line-height:1; } .es-logo{ justify-self:center; } .es-actions{ justify-self:end; display:flex; align-items:center; gap:6px; flex-wrap:nowrap; /* tema + carrinho na MESMA linha */ } .es-theme-toggle, #cart-icon-bubble{ display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; padding:0; border-radius:9999px; flex:0 0 auto; } .es-nav-links{ display:none; } /* esconde menu desktop só no mobile */ .es-actions .es-primary, .es-actions .es-contact{ display:none; } /* não deixa o Contact empurrar nada */ } .es-mobile-menu{ position:fixed; inset:0 0 auto 0; /* top:0; left/right:0; altura controla por transform */ background:var(--bg); border-bottom:1px solid var(--border); transform: translateY(-100%); transition: transform .2s ease; z-index: 90; box-shadow: 0 10px 20px rgba(0,0,0,.08); } .es-mobile-menu.open{ transform: translateY(0); } .es-mm-inner{ padding:10px 16px 14px; display:grid; gap:6px; } .es-mm-link{ display:block; padding:10px 12px; border-radius:10px; color:var(--text); border:1px solid var(--border); background:var(--card); } .es-mm-link:hover{ background:var(--panel); } .es-header .es-nav-links a { position: relative; padding: 4px 8px; border-radius: 6px; transition: all .25s ease; } .es-header .es-nav-links a:hover { background: linear-gradient(135deg, var(--brand), var(--brand-2)); color: #fff; transform: translateY(-1px); box-shadow: 0 4px 10px rgba(240, 0, 80, .2); } /* (opcional) cor base dos links do header no estado normal */ .es-header .es-nav-links a { color: var(--muted); } /* Backdrop para clique-fora do menu */ .es-mm-backdrop{ position:fixed; inset:0; background:rgba(0,0,0,.2); opacity:0; pointer-events:none; transition:opacity .2s ease; z-index:80; } .es-mm-backdrop.open{ opacity:1; pointer-events:auto; } /* Menu mobile: header e botão X */ .es-mm-header{ display:flex; align-items:center; justify-content:space-between; padding:10px 16px; border-bottom:1px solid var(--border); background:var(--bg); } .es-mm-title{ font-weight:600; } .es-mm-close{ width:38px; height:38px; border-radius:50px; padding:0; display:inline-grid; place-items:center; } /* Botão Contact us com ícone (desktop) */ .es-actions .es-contact{ display:inline-flex; align-items:center; gap:8px; white-space:nowrap; line-height:1; border-radius:50px; } .es-actions .es-contact .es-ico{ width:18px;height:18px;display:block; } /* Mobile: botão compacto; mostra só o ícone pra caber */ @media (max-width:640px){ .es-actions{ justify-self:end; gap:6px; } .es-actions .es-contact{ padding:8px; } /* se tiver outro .es-primary que não seja o Contact, esconda: */ .es-actions .es-contact{ padding:8px 10px; font-size:14px; } } .es-btn.es-primary.es-contact{ display:inline-flex; align-items:center; gap:8px; border-radius:5px; white-space:nowrap; } @media (max-width:640px){ .es-btn.es-primary.es-contact{ padding:8px 10px; font-size:14px; } .es-btn.es-primary.es-contact span{ display:none; } /* só ícone no mobile */ } /* Esconde o botão Contact do header só no mobile */ @media (max-width:640px){ .es-actions .es-contact{ display:none; } } /* Item "Contact us" destacado no menu mobile */ .es-mm-contact{ display:flex; align-items:center; gap:8px; justify-content:center; background:linear-gradient(135deg,var(--brand),var(--brand-2)); color:#fff; border-color:transparent; } .es-mm-contact .es-ico{ width:18px; height:18px; display:block; } .es-mm-contact:hover{ filter:brightness(1.05); } /* Esconde o Contact do header no mobile */ @media (max-width:640px){ .es-contact{ display:none !important; } } /* ===== Contact us (botão do header) — desktop ===== */ .es-btn.es-primary.es-contact{ display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:12px; line-height:1; } .es-btn.es-primary.es-contact .es-ico{ width:22px !important; /* sobrescreve qualquer valor maior */ height:22px !important; flex:0 0 22px; object-fit:contain; display:block; } /* ===== Contact us no MENU MOBILE ===== */ .es-mm-contact{ display:flex; align-items:center; gap:8px; justify-content:center; } .es-mm-contact .es-ico{ width:18px; height:18px; flex:0 0 18px; object-fit:contain; display:block; } /* (opcional) esconder o botão do header no mobile, deixando só no menu */ @media (max-width:640px){ .es-actions .es-contact{ display:none; } } .es-product-form { display:grid; gap:10px; max-width:420px; } .es-product-form select, .es-product-form input[type="number"] { padding:8px 10px; border:1px solid var(--border); border-radius:12px; background:var(--card); color:var(--text); } .es-qty { display:flex; align-items:center; gap:8px; } .es-qty label { font-size:14px; color:var(--muted); } .es-cart { position: relative; } .es-cart .svg-wrapper { display:inline-flex; } .es-cart-count{ position:absolute; top:-6px; right:-6px; min-width:18px; height:18px; padding:0 4px; border-radius:9999px; font-size:11px; line-height:18px; background:#111; color:#fff; text-align:center; } /* Header – visibilidade do menu mobile */ .es-menu-toggle{ display: none; } @media (max-width: 900px){ .es-menu-toggle{ display: inline-flex; } .es-nav-links{ display: none; } } /* Espaço entre grade de produtos e o banner */ .es-grid{ /* sua grade custom */ margin-bottom: 32px; /* aumenta se quiser: 48px, 64px... */ } .banner, .image-banner{ /* sections tipo "Banner de imagem" (Dawn e similares) */ margin-top: 32px; } /* opcional: no mobile pode ser um pouco menor */ @media (max-width: 640px){ .es-grid{ margin-bottom: 24px; } .banner, .image-banner{ margin-top: 24px; } } /* ===== PRODUTO (página do produto) ===== */ .template-product #price-{{ section.id }} .price-item { font-weight: 800; line-height: 1.1; font-size: clamp(20px, 4.8vw, 35px); } .template-product #price-{{ section.id }} .price--large .price-item--regular, .template-product #price-{{ section.id }} .price--large .price-item--sale { font-size: inherit; } .template-product #price-{{ section.id }} .price__currency { font-size: .55em; font-weight: 600; opacity: .75; margin-left: .25em; } /* ===== COLEÇÕES / BUSCA (grade de produtos) ===== */ .template-collection .price .price-item, .template-search .price .price-item, .product-grid .price .price-item { font-weight: 700; line-height: 1.1; font-size: clamp(16px, 1.8vw, 22px); } .template-collection .price__currency, .template-search .price__currency { font-size: .75em; opacity: .85; } /* Escopo só desta página/section */ #ProductInfo-{{ section.id }} .product__title { /* define o tamanho no CONTÊINER para as duas versões herdarem */ font-size: clamp(22px, 2.4vw, 34px); line-height: 1.2; } /* faz h1 e .h1 herdarem o tamanho do contêiner, e vence utilitários do tema */ #ProductInfo-{{ section.id }} .product__title h1, #ProductInfo-{{ section.id }} .product__title .h1 { font-size: inherit !important; line-height: inherit !important; font-weight: 600; margin: 0 0 8px; max-width: 42ch; overflow-wrap: anywhere; } /* HEADER – vidro sutil e borda coerente no dark */ html.theme-dark .es-header{ background: rgba(10,13,20,.86); backdrop-filter: saturate(1.1) blur(10px); border-bottom-color: color-mix(in srgb, var(--border) 75%, #fff 18%); } html.theme-dark .es-header .es-nav-links a{ color: color-mix(in srgb, var(--muted) 70%, #fff 30%); } /* HERO – card escuro com gradiente suave e sombra agradável */ html.theme-dark .es-hero-card{ background: linear-gradient(180deg, color-mix(in srgb, var(--card) 92%, #ffffff10), var(--card) ); border-color: color-mix(in srgb, var(--border) 72%, #fff 22%); box-shadow: 0 14px 34px rgba(0,0,0,.55); } html.theme-dark .es-hero-img{ background: var(--panel); border-color: color-mix(in srgb, var(--border) 72%, #fff 22%); } html.theme-dark .es-hero h1{ color: var(--text); } html.theme-dark .es-hero p{ color: color-mix(in srgb, var(--muted) 60%, #fff 30%); } /* BADGE do hero (business hours) */ html.theme-dark .es-badge{ background: rgba(255,255,255,.06); border-color: color-mix(in srgb, var(--border) 70%, #fff 20%); color: color-mix(in srgb, var(--muted) 70%, #fff 25%); } html.theme-dark .es-dot{ background: var(--ok); } /* CARDS de produto no dark */ html.theme-dark .es-card{ background: var(--card); border-color: color-mix(in srgb, var(--border) 70%, #fff 22%); box-shadow: 0 10px 26px rgba(255,255,255,.07); } html.theme-dark .es-thumb{ background: var(--panel); border-bottom-color: color-mix(in srgb, var(--border) 70%, #fff 22%); } html.theme-dark .es-meta{ color: color-mix(in srgb, var(--muted) 70%, #fff 25%); } /* CHIPS */ html.theme-dark .es-chip{ background: rgba(255,255,255,.04); border-color: color-mix(in srgb, var(--border) 70%, #fff 18%); color: color-mix(in srgb, var(--muted) 70%, #fff 25%); } /* BOTÕES (neutros) */ html.theme-dark .es-btn{ background: #151b2a; border-color: color-mix(in srgb, var(--border) 70%, #fff 20%); color: var(--text); } html.theme-dark .es-btn:hover{ background: rgba(240,0,80,.18); border-color: color-mix(in srgb, var(--brand) 55%, #fff 10%); color:#fff; } /* Primário mantém o gradiente; só reforça sombra no dark */ html.theme-dark .es-btn.es-primary{ box-shadow: 0 10px 24px rgba(240,0,80,.35); } /* FORM do produto */ html.theme-dark .es-product-form select, html.theme-dark .es-product-form input[type="number"]{ background:#151b2a; border-color: color-mix(in srgb, var(--border) 70%, #fff 18%); color: var(--text); } /* Linha separadora do hero no dark */ html.theme-dark .es-hero{ border-bottom-color: color-mix(in srgb, var(--border) 65%, #fff 16%); } /* =============================== DARK — CARDS IGUAIS À IMAGEM =============================== */ /* 1) Container do card (Dawn/Shopify) */ html.theme-dark .product-grid .card, html.theme-dark .card--product, html.theme-dark .card { background: linear-gradient(180deg, #0f1524, #0b1220); /* fundo azul-escuro */ border: 1px solid color-mix(in srgb, var(--border) 70%, #fff 22%); border-radius: 22px; /* cantos bem arredondados */ overflow: hidden; box-shadow: 0 10px 28px rgba(0,0,0,.45); transition: transform .18s ease, box-shadow .18s ease; } html.theme-dark .product-grid .card:hover, html.theme-dark .card--product:hover, html.theme-dark .card:hover { transform: translateY(-2px); box-shadow: 0 18px 38px rgba(0,0,0,.55); } /* 2) Área da imagem + divisor */ html.theme-dark .card__inner, html.theme-dark .card__media, html.theme-dark .media { background: #0c1222; /* levemente mais escuro que o card */ } html.theme-dark .card__inner { border-bottom: 1px solid color-mix(in srgb, var(--border) 70%, #fff 24%); /* divisor igual ao print */ } /* 3) Texto do card */ html.theme-dark .card__content, html.theme-dark .card__information { background: transparent; color: var(--text); } html.theme-dark .card-information__text, html.theme-dark .card__heading, html.theme-dark .card__heading a { color: var(--text); } html.theme-dark .price .price-item { color: var(--text); font-weight: 800; } /* 4) Badge tipo “In stock” como pill */ html.theme-dark .badge, html.theme-dark .badge:where(.badge--bottom-left, .badge--top-left, .badge--bottom-right, .badge--top-right) { background: rgba(255,255,255,.04); color: color-mix(in srgb, var(--muted) 70%, #fff 25%); border: 1px solid color-mix(in srgb, var(--border) 70%, #fff 22%); border-radius: 999px; padding: 6px 10px; font-weight: 600; } /* 5) Botão pequeno “View” (transforma Quick add/secondary) */ html.theme-dark .quick-add__submit, html.theme-dark .button.button--secondary { background: transparent; color: var(--text); border: 1px solid color-mix(in srgb, var(--border) 70%, #fff 22%); border-radius: 14px; padding: 10px 16px; line-height: 1; box-shadow: inset 0 -2px 0 rgba(255,255,255,.04); } html.theme-dark .quick-add__submit:hover, html.theme-dark .button.button--secondary:hover { background: rgba(255,255,255,.03); border-color: color-mix(in srgb, var(--border) 70%, #fff 30%); color: #eaf0ff; } /* 6) Posiciona o botão no canto direito do bloco de informações */ html.theme-dark .card__information { display: grid; gap: 12px; } html.theme-dark .card__information > *:last-child { justify-self: end; /* botão à direita como no print */ } /* 7) Ajustes finos */ html.theme-dark .rating-count, html.theme-dark .caption-with-letter-spacing, html.theme-dark .card__vendor { color: color-mix(in srgb, var(--muted) 72%, #fff 22%); } /* Pinta o fundo global no dark (cole por último) */ html.theme-dark body, html.theme-dark .color-background-1, html.theme-dark .gradient, html.theme-dark .content-for-layout, html.theme-dark main#MainContent { background: radial-gradient(1200px 600px at 20% 0%, #121a2d 0%, #0a0f1c 45%, #080c16 100%) !important; } /* Garante que sections e containers NÃO pintem branco por cima */ html.theme-dark .shopify-section, html.theme-dark .section-template, html.theme-dark .page-width, html.theme-dark .collection, html.theme-dark .template-collection, html.theme-dark .template-search { background: transparent !important; } /* Remove qualquer “faixa” clara do grid */ html.theme-dark .grid, html.theme-dark .product-grid, html.theme-dark .collection .product-grid { background: transparent !important; } /* ===== DARK — Paginação igual ao design do tema claro ===== */ html.theme-dark nav.pagination, html.theme-dark .pagination { background: transparent; } html.theme-dark .pagination__list { display: flex; gap: 8px; align-items: center; } /* Números/Links: sem caixa, sem borda (igual ao claro) */ html.theme-dark .pagination__item, html.theme-dark .pagination a.pagination__item, html.theme-dark .pagination span.pagination__item { background: transparent; border: none; box-shadow: none; color: color-mix(in srgb, var(--muted) 30%, #fff 70%); min-width: auto; height: auto; padding: 0 6px; line-height: 1; border-radius: 999px; /* não aparece, mas mantém consistência */ text-decoration: none; } /* Hover/foco: só cor da marca + sublinhado (como no claro) */ html.theme-dark .pagination a.pagination__item:hover, html.theme-dark .pagination a.pagination__item:focus-visible { color: var(--brand); text-decoration: underline; outline: none; } /* Página atual: APENAS NÚMERO (sem pill) */ html.theme-dark .pagination__item--current, html.theme-dark .pagination .pagination__item[aria-current="page"] { background: transparent !important; border: none !important; box-shadow: none !important; color: var(--brand) !important; /* destaca pela cor */ font-weight: 800 !important; padding: 0 6px !important; border-radius: 0 !important; text-decoration: none !important; } /* Ícones herdando a cor */ html.theme-dark .pagination__item svg { fill: currentColor; stroke: currentColor; } /* Desabilitados */ html.theme-dark .pagination__item[aria-disabled="true"], html.theme-dark .pagination__item--disabled { opacity: .45; pointer-events: none; } /* === Paginação (Dawn) — remover linha/underline dos números === */ html.theme-dark .pagination, html.theme-dark nav.pagination { --alpha-link: 0 !important; /* desliga underline do tema */ } html.theme-dark .pagination__item, html.theme-dark .pagination a.pagination__item, html.theme-dark .pagination span.pagination__item { text-decoration: none !important; box-shadow: none !important; /* Dawn usa como underline */ background-image: none !important; /* alguns builds usam bg-image */ } html.theme-dark .pagination__item::after, html.theme-dark .pagination a.pagination__item::after { content: none !important; /* remove pseudo-underline */ } /* Página atual: só número em cor da marca (sem pill/linha) */ html.theme-dark .pagination__item--current, html.theme-dark .pagination .pagination__item[aria-current="page"] { background: transparent !important; border: 0 !important; box-shadow: none !important; background-image: none !important; color: var(--brand) !important; font-weight: 800 !important; } /* ===== DARK — About/Pages: cor e espaçamento estáveis ===== */ /* Garante cor legível no conteúdo rich text */ html.theme-dark .rte, html.theme-dark .rte p, html.theme-dark .rte li, html.theme-dark .rte a, html.theme-dark .rte strong { color: var(--text); } /* Normaliza margens (evita “subir” por colapso com bordas) */ html.theme-dark .rte p { margin: 0 0 14px; line-height: 1.6; } html.theme-dark .rte ul, html.theme-dark .rte ol { margin: 0 0 16px 20px; } html.theme-dark .rte h2, html.theme-dark .rte h3, html.theme-dark .rte h4 { margin: 16px 0 10px; color: var(--text); } /* Adiciona um pequeno padding no topo do bloco de texto para impedir que a 1ª margem do parágrafo “suba” e encoste na borda */ html.theme-dark .template-page .rte, html.theme-dark .page .rte { padding-top: 6px; } /* ===== DARK — Colapsáveis/Accordion (como no seu About) ===== */ html.theme-dark .accordion, html.theme-dark details.accordion { border-top: 1px solid color-mix(in srgb, var(--border) 70%, #fff 20%); } html.theme-dark .accordion + .accordion { border-top: 1px solid color-mix(in srgb, var(--border) 70%, #fff 20%); } html.theme-dark .accordion__content, html.theme-dark details[open] .accordion__content { color: var(--text); background: transparent; border-bottom: 1px solid color-mix(in srgb, var(--border) 70%, #fff 20%); padding: 12px 0 14px; /* dá “respiro” pro conteúdo não colar */ } html.theme-dark .accordion__title, html.theme-dark details > summary { color: var(--text); background: transparent; padding: 14px 0; } /* Setinha/ícone do summary herda a cor (sem desaparecer no dark) */ html.theme-dark .accordion__title svg, html.theme-dark details > summary svg { fill: currentColor; stroke: currentColor; opacity: .9; } /* ===== DARK — Badges / Chips do ABOUT (visíveis) ===== */ html.theme-dark .es-badge, html.theme-dark .es-chip, html.theme-dark .rte .badge, html.theme-dark .badge { /* cobre variações do tema */ background: rgba(255,255,255,.09); /* +claro que o fundo */ color: #e9edf4; /* texto claro */ border: 1px solid color-mix(in srgb, var(--border) 55%, #fff 35%); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); } /* Título + subtítulo dentro do pill (se houver dois tons) */ html.theme-dark .es-badge strong, html.theme-dark .es-chip strong { color: #ffffff; /* destaque */ } html.theme-dark .es-badge span, html.theme-dark .es-chip span { color: color-mix(in srgb, var(--muted) 40%, #fff 60%); } /* Espaçamento e formato consistente (opcional) */ html.theme-dark .es-badge, html.theme-dark .es-chip, html.theme-dark .badge { border-radius: 14px; padding: 10px 14px; } /* Hover sutil para acessibilidade */ html.theme-dark .es-badge:hover, html.theme-dark .es-chip:hover, html.theme-dark .badge:hover { background: rgba(255,255,255,.12); border-color: color-mix(in srgb, var(--border) 45%, #fff 45%); } /* CSS DO BOTÃO SEE ALL DA PAGINA HOME */ .es-home-seeall{ display:flex; justify-content:center; margin: 12px 0 28px; } .es-home-seeall .es-btn{ padding:12px 18px; font-weight:600; border-radius:12px; }