/* Brand Colors for Platform Cards - Homepage Only */

/* Homepage Hero Title - Each word with its brand color */
section.inner-hero h1#hero-title .color-wordpress {
  color: #21759b !important;
}

section.inner-hero h1#hero-title .color-shopify {
  color: #95BF47 !important;
}

section.inner-hero h1#hero-title .color-ebay {
  color: #E53238 !important;
}

/* eBay multi-color letters like their logo */
section.inner-hero h1#hero-title .color-ebay .ebay-e1 {
  color: #E53238 !important; /* Red */
}

section.inner-hero h1#hero-title .color-ebay .ebay-b {
  color: #0064D2 !important; /* Blue */
}

section.inner-hero h1#hero-title .color-ebay .ebay-a {
  color: #F5AF02 !important; /* Yellow */
}

section.inner-hero h1#hero-title .color-ebay .ebay-y {
  color: #86B817 !important; /* Green */
}

section.inner-hero h1#hero-title .color-etsy {
  color: #F56400 !important;
}

section.inner-hero h1#hero-title .color-separator {
  color: var(--ink) !important;
}

/* WordPress - Blue (#21759b) */
.lux-platform-card:nth-child(1) .lux-card-number {
  background: linear-gradient(135deg, #21759b 0%, #1a5f7f 100%) !important;
  color: white !important;
}

.lux-platform-card:nth-child(1) .lux-card-top span:nth-child(2) {
  color: #21759b !important;
}

.lux-platform-card:nth-child(1):hover {
  border-color: rgba(33, 117, 155, 0.5) !important;
}

/* Shopify - Green (#95BF47) */
.lux-platform-card:nth-child(2) .lux-card-number {
  background: linear-gradient(135deg, #95BF47 0%, #7da53a 100%) !important;
  color: white !important;
}

.lux-platform-card:nth-child(2) .lux-card-top span:nth-child(2) {
  color: #95BF47 !important;
}

.lux-platform-card:nth-child(2):hover {
  border-color: rgba(149, 191, 71, 0.5) !important;
}

/* eBay - Red/Yellow/Blue/Green (using primary red #E53238) */
.lux-platform-card:nth-child(3) .lux-card-number {
  background: linear-gradient(135deg, #E53238 0%, #c42a2f 100%) !important;
  color: white !important;
}

.lux-platform-card:nth-child(3) .lux-card-top span:nth-child(2) {
  color: #E53238 !important;
}

.lux-platform-card:nth-child(3):hover {
  border-color: rgba(229, 50, 56, 0.5) !important;
}

/* Etsy - Orange (#F56400) */
.lux-platform-card:nth-child(4) .lux-card-number {
  background: linear-gradient(135deg, #F56400 0%, #d45600 100%) !important;
  color: white !important;
}

.lux-platform-card:nth-child(4) .lux-card-top span:nth-child(2) {
  color: #F56400 !important;
}

.lux-platform-card:nth-child(4):hover {
  border-color: rgba(245, 100, 0, 0.5) !important;
}

/* Logo styles with brand colors in platform sections */
.platform-logo.wp-logo {
  background: linear-gradient(135deg, #21759b 0%, #1a5f7f 100%) !important;
  color: white !important;
}

.platform-logo.sh-logo {
  background: linear-gradient(135deg, #95BF47 0%, #7da53a 100%) !important;
  color: white !important;
}