/**
 * LiiFooRoom V3 - Material Card Placeholder Images
 * CSS-only gradient backgrounds for product cards
 * Replace with real product photos when available
 */

/* Carbon Fiber - Dark woven texture feel */
.material-card-v3:nth-child(1) .wp-block-cover,
.material-card-v3:first-child .wp-block-cover {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 40%, #0f3460 100%) !important;
  background-image: 
    repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.03) 4px),
    repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(255,255,255,0.02) 2px, rgba(255,255,255,0.02) 4px),
    linear-gradient(135deg, #1a1a2e 0%, #16213e 40%, #0f3460 100%) !important;
}

/* PEEK - Light amber/engineering plastic feel */
.material-card-v3:nth-child(2) .wp-block-cover {
  background: linear-gradient(135deg, #2d2d3f 0%, #3d3d5c 40%, #4a4a6a 100%) !important;
  background-image: 
    radial-gradient(circle at 30% 40%, rgba(244, 161, 0, 0.1) 0%, transparent 50%),
    linear-gradient(135deg, #2d2d3f 0%, #3d3d5c 40%, #4a4a6a 100%) !important;
}

/* PTFE - Clean white/clinical feel */
.material-card-v3:nth-child(3) .wp-block-cover {
  background: linear-gradient(135deg, #1e3a5f 0%, #2a5298 40%, #1e3a5f 100%) !important;
  background-image: 
    radial-gradient(circle at 70% 30%, rgba(255,255,255,0.08) 0%, transparent 50%),
    linear-gradient(135deg, #1e3a5f 0%, #2a5298 40%, #1e3a5f 100%) !important;
}

/* PI Film - Golden/amber translucent feel */
.material-card-v3:nth-child(1) .wp-block-cover {
  background: linear-gradient(135deg, #2a1f0e 0%, #4a3520 40%, #2a1f0e 100%) !important;
  background-image: 
    radial-gradient(circle at 50% 50%, rgba(244, 161, 0, 0.15) 0%, transparent 60%),
    linear-gradient(135deg, #2a1f0e 0%, #4a3520 40%, #2a1f0e 100%) !important;
}

/* Aerogel - Light ethereal blue feel */
.material-card-v3:nth-child(2) .wp-block-cover {
  background: linear-gradient(135deg, #0a1628 0%, #1a3a5c 40%, #0a1628 100%) !important;
  background-image: 
    radial-gradient(circle at 40% 60%, rgba(0, 180, 216, 0.1) 0%, transparent 50%),
    radial-gradient(circle at 60% 30%, rgba(96, 223, 255, 0.08) 0%, transparent 40%),
    linear-gradient(135deg, #0a1628 0%, #1a3a5c 40%, #0a1628 100%) !important;
}

/* Advanced Polymers - Multi-color technical feel */
.material-card-v3:nth-child(3) .wp-block-cover {
  background: linear-gradient(135deg, #1a1a2e 0%, #2d2d4a 40%, #1a1a2e 100%) !important;
  background-image: 
    radial-gradient(circle at 20% 50%, rgba(0, 180, 216, 0.08) 0%, transparent 40%),
    radial-gradient(circle at 80% 50%, rgba(244, 161, 0, 0.08) 0%, transparent 40%),
    linear-gradient(135deg, #1a1a2e 0%, #2d2d4a 40%, #1a1a2e 100%) !important;
}

/* All material cards - ensure cover background shows */
.material-card-v3 .wp-block-cover {
  background-color: #1a1a2e !important;
}

.material-card-v3 .wp-block-cover__background {
  opacity: 0.3 !important;
}