/* Cores permanentes das categorias e superfícies de apoio. */
body {
  --palette-text:#1f2124; --palette-secondary:#4d515a; --palette-border:#7d828c;
  --palette-card:#d4d6d8; --palette-section:#ecedef; --palette-white:#fff;
  --palette-accent:#1e1e22; --palette-accent-ink:#fff;
  --palette-background:#fff; --palette-foreground:#1f2124;
}
body[data-palette="naturais"] { --palette-background:#d5d5d5; --palette-foreground:#1f2124; }
body[data-palette="compostas"] { --palette-background:#d5d5d5; --palette-foreground:#1f2124; }
body[data-palette="chapas"] { --palette-background:#d5d5d5; --palette-foreground:#000; }
body[data-palette="produtos"] { --palette-background:#d5d5d5; --palette-foreground:#1f2124; }
body[data-palette="marchetaria"] { --palette-background:#d5d5d5; --palette-foreground:#1f2124; }
body[data-palette="servicos"] { --palette-background:#d5d5d5; --palette-foreground:#1f2124; }
body[data-palette="naturais"], .cat-btn[data-section="naturais"] { --palette-accent:#111; --palette-accent-ink:#fff; }
body[data-palette="compostas"], .cat-btn[data-section="compostas"] { --palette-accent:#111; --palette-accent-ink:#fff; }
body[data-palette="chapas"], .cat-btn[data-section="chapas"] { --palette-accent:#111; --palette-accent-ink:#fff; }
body[data-palette="produtos"], .cat-btn[data-section="produtos"] { --palette-accent:#111; --palette-accent-ink:#fff; }
body[data-palette="marchetaria"], .cat-btn[data-section="marchetaria"] { --palette-accent:#111; --palette-accent-ink:#fff; }
body[data-palette="servicos"], .cat-btn[data-section="servicos"] { --palette-accent:#111; --palette-accent-ink:#fff; }
body .cat-menu .cat-btn,
body .cat-menu .cat-btn:hover,
body .cat-menu .cat-btn.active,
body .cat-menu .cat-btn.active:hover,
body .cat-menu .cat-btn:focus-visible {
  background:var(--palette-accent); color:var(--palette-accent-ink);
  border-color:var(--palette-accent); box-shadow:none;
}
body .cat-menu .cat-btn.active { text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:2px; }
body .cat-menu .cat-btn:focus-visible { outline:2px solid var(--palette-foreground,#1f2124); outline-offset:2px; }
body #drawer { background:var(--palette-white); color:var(--palette-text); --dark:var(--palette-text); --text:var(--palette-text); --muted:var(--palette-secondary); --border:var(--palette-card); }
body #drawer .drawer-header { background:var(--palette-accent); color:var(--palette-accent-ink); border-color:var(--palette-accent); }
body #drawer .drawer-header h3, body #drawer .drawer-close { color:var(--palette-accent-ink); }
body #drawer .drawer-close:hover { background:transparent; outline:1px solid currentColor; }
body #drawer .drawer-body { background:var(--palette-section); }
body #drawer .cart-empty, body #drawer .cart-item-info span { color:var(--palette-secondary); }
body #drawer .cart-item { background:var(--palette-white); border-color:var(--palette-card); border-radius:8px; padding:12px; margin-bottom:10px; }
body #drawer .cart-item-info h4 { color:var(--palette-text); }
body #drawer .cart-item-remove { color:var(--palette-secondary); flex-shrink:0; }
body #drawer .cart-item-remove:hover { background:var(--palette-card); color:var(--palette-text); }
body #drawer .drawer-footer { background:var(--palette-white); border-color:var(--palette-card); }
body #drawer #btnSendQuote { background:#155c37; color:#fff; }
body #drawer #btnSendQuote:hover { background:#104a2c; color:#fff; }
body #drawer #btnClearCart { color:var(--palette-secondary); }
body #drawer #btnClearCart:hover { color:var(--palette-text); text-decoration:underline; }
body #drawer button:focus-visible, body #drawer a:focus-visible { outline:2px solid currentColor; outline-offset:2px; }
body #btnCartHeader, body #btnCartHeader:hover { background:var(--palette-accent); border-color:var(--palette-accent); color:var(--palette-accent-ink); }
body #btnCartHeader .cart-badge { background:var(--palette-accent-ink); color:var(--palette-accent); border:1px solid var(--palette-accent); }
body.rume-home, body.rume-catalog-page { background:var(--palette-background); }
body.rume-home .cat-wrap, body.rume-home .cat-menu,
body.rume-catalog-page .cat-wrap, body.rume-catalog-page .cat-menu { background:transparent; }
body .main > .catalog-heading .section-title, body .main .catalog-back,
body .main .catalog-count, body .main .catalog-filters > label,
body .main #clearFilters, body .main #esteira .item-name { color:var(--palette-foreground); }
body .main #esteira > p { color:var(--palette-foreground)!important; }
body .main .rume-button, body .main .rume-button:hover,
body .main .item-add, body .main .item-add:hover,
body .main .item-add.in-cart {
  background:var(--palette-accent); color:var(--palette-accent-ink);
}
body .main .item-add.in-cart { outline:2px solid var(--palette-accent-ink); outline-offset:-4px; }
body .main .catalog-filters select { background:var(--palette-white); border-color:var(--palette-border); color:var(--palette-text); }
body #mobileContact, body #mobileContact:hover { background:#155c37; color:#fff; }
body .main .chapas-whatsapp { background:#155c37; color:#fff; }
body .main .chapas-whatsapp:hover { background:#104a2c; color:#fff; }
body.rume-home #viewAllLaminas, body.rume-home .home-blog-all { border-radius:999px; }
body.rume-home .home-blog-all, body.rume-home .home-blog-all:hover { background:var(--palette-accent); color:var(--palette-accent-ink); }


/* V42 desktop: fundo branco e estados das categorias; mobile permanece bloqueado. */
@media (min-width:768px) {
  body.rume-home,
  body.rume-catalog-page {
    --palette-background:#fff;
    --palette-foreground:#111;
    background:#fff;
    color:#111;
  }
  body.rume-home .cat-wrap,
  body.rume-home .cat-menu,
  body.rume-catalog-page .cat-wrap,
  body.rume-catalog-page .cat-menu { background:#fff; }

  body .cat-menu .cat-btn,
  body .cat-menu .cat-btn:hover,
  body .cat-menu .cat-btn:focus-visible {
    background:#fff;
    color:#111;
    border-color:#111;
    box-shadow:none;
  }
  body .cat-menu .cat-btn.active,
  body .cat-menu .cat-btn.active:hover,
  body .cat-menu .cat-btn.active:focus-visible {
    background:#111;
    color:#fff;
    border-color:#111;
  }
  body .cat-menu .cat-btn.active {
    text-decoration:underline;
    text-underline-offset:4px;
    text-decoration-thickness:2px;
  }
}

/* V46 mobile: estados das categorias iguais ao desktop. */
@media (max-width:767px) {
  body .cat-menu .cat-btn,
  body .cat-menu .cat-btn:hover,
  body .cat-menu .cat-btn:focus-visible {
    background:#fff;
    color:#111;
    border-color:#111;
    box-shadow:none;
  }
  body .cat-menu .cat-btn.active,
  body .cat-menu .cat-btn.active:hover,
  body .cat-menu .cat-btn.active:focus-visible {
    background:#111;
    color:#fff;
    border-color:#111;
  }
}

/* V48: fundo geral Cinza Nuvem em desktop e mobile. */
body,
body.rume-home,
body.rume-catalog-page,
body.page-blog,
body.page-quemsomos {
  --palette-background:#EEEEEE;
  --bg:#EEEEEE;
  background:#EEEEEE;
}

body.rume-home .cat-wrap,
body.rume-home .cat-menu,
body.rume-catalog-page .cat-wrap,
body.rume-catalog-page .cat-menu,
.rume-home .home-blog-section,
.rume-home .home-pair-support,
.rume-home .home-pair-downloads,
.rume-home .home-pair-location {
  background:#EEEEEE;
}

/* V50: fundo branco geral + mapa preto + menu superior Cinza Gelo. */
body,
body.rume-home,
body.rume-catalog-page,
body.page-blog,
body.page-quemsomos {
  --palette-background:#fff;
  --bg:#fff;
  background:#fff;
}

/* Superfícies principais voltam ao branco em desktop e mobile. */
body.rume-home .cat-wrap,
body.rume-home .cat-menu,
body.rume-catalog-page .cat-wrap,
body.rume-catalog-page .cat-menu,
.rume-home .home-blog-section,
.rume-home .home-pair-support,
.rume-home .home-pair-downloads {
  background:#fff;
}

/* A faixa completa do blog permanece branca também nas laterais do desktop. */
@media (min-width:1024px) {
  .rume-home .home-blog-section {
    box-shadow:0 0 0 100vmax #fff;
    clip-path:inset(0 -100vmax);
  }
}

/* Menu superior em Cinza Gelo, mais claro que o antigo Cinza Nuvem. */
.header {
  background:rgba(245,245,245,.97);
  border-bottom-color:#e7e7e7;
}

/* Localização volta a ser a faixa escura de contraste em PC e mobile. */
.rume-home .home-pair-location {
  background:#111;
  color:#fff;
  --dark:#fff;
  --text:#fff;
  --muted:#d0d0d0;
  --primary:#fff;
  --border:#3a3a3a;
}
.rume-home .home-pair-location .section-title,
.rume-home .home-pair-location .section-label,
.rume-home .home-pair-location .map-link,
.rume-home .home-pair-location .banner-title,
.rume-home .home-pair-location .banner-icon {
  color:#fff;
}
.rume-home .home-pair-location .map-address,
.rume-home .home-pair-location .banner-text {
  color:#d0d0d0;
}
.rume-home .home-pair-location .map-address svg {
  color:#fff;
}
.rume-home .home-pair-location .map-frame {
  border-color:#3a3a3a;
  box-shadow:none;
}
.rume-home .home-pair-location .footer-banner {
  background:transparent;
  border-color:transparent;
}
.rume-home .home-pair-location .banner-cta,
.rume-home .home-pair-location .banner-cta:hover,
.rume-home .home-pair-location .banner-cta:focus-visible {
  background:#155c37;
  border-color:#155c37;
  color:#fff;
}