/* Plumbix note: shared visual styling for macro colors. */
/**
 * Colori macrocategorie Plumbix — unica fonte visiva (allineata a CATEGORY_BRANDS in categories-data.js)
 * tools: blu · fittings: teal · faucets: viola · heating: giallo
 */
:root,
.home-page,
.categories-page,
.categories-macro-page,
body.pages {
  --macro-tools-color: #1a66d9;
  --macro-tools-bg: linear-gradient(135deg, #1a66d9 0%, #0e4ea8 100%);
  --macro-fittings-color: #0d9488;
  --macro-fittings-bg: linear-gradient(135deg, #0d9488 0%, #0f766e 100%);
  --macro-faucets-color: #7c3aed;
  --macro-faucets-bg: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
  --macro-heating-color: #ca8a04;
  --macro-heating-bg: linear-gradient(135deg, #eab308 0%, #ca8a04 100%);
  --macro-heating-text: #1e293b;
  --home-yellow: #eab308;
  --home-yellow-dark: #ca8a04;
}

.home-macro-card--tools,
.home-mega--tools .home-mega__trigger,
.mega-menu-item--tools .mega-menu-trigger {
  background: var(--macro-tools-bg) !important;
  color: #fff !important;
}

.home-macro-card--fittings,
.home-mega--fittings .home-mega__trigger,
.home-mega--plumbing .home-mega__trigger,
.mega-menu-item--fittings .mega-menu-trigger,
.mega-menu-item--plumbing .mega-menu-trigger {
  background: var(--macro-fittings-bg) !important;
  color: #fff !important;
}

.home-macro-card--faucets,
.home-mega--faucets .home-mega__trigger,
.home-mega--bathroom .home-mega__trigger,
.mega-menu-item--faucets .mega-menu-trigger,
.mega-menu-item--bathroom .mega-menu-trigger {
  background: var(--macro-faucets-bg) !important;
  color: #fff !important;
}

.home-macro-card--heating,
.home-mega--heating .home-mega__trigger,
.mega-menu-item--heating .mega-menu-trigger {
  background: var(--macro-heating-bg) !important;
  color: var(--macro-heating-text) !important;
}

.home-macro-card--heating i,
.home-mega--heating .home-mega__trigger i,
.mega-menu-item--heating .mega-menu-trigger i {
  color: inherit;
}