/* ==========================================================================
   WhichAIPlan - Plan Cards Provider Brand Theming & Accents
   ========================================================================== */

/* 1. Google (Blue Theme) */
.plan-card-google { border-color: rgba(123, 165, 255, 0.35); }
.plan-card-google .plan-card-top-row { border-bottom-color: rgba(123, 165, 255, 0.35); }
.plan-card-google .plan-features { scrollbar-color: rgba(123, 165, 255, 0.45) transparent; }
.plan-card-google .plan-features::-webkit-scrollbar-thumb { background: rgba(123, 165, 255, 0.45); }
.plan-card-google:hover { border-color: #7ba5ff; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6), 0 0 16px rgba(123, 165, 255, 0.28); }
.plan-card-google:hover .plan-card-top-row { border-bottom-color: #7ba5ff; background: linear-gradient(180deg, rgba(123, 165, 255, 0.12) 0%, rgba(8, 12, 20, 0.95) 100%); }

/* 2. OpenAI (Emerald Theme) */
.plan-card-openai { border-color: rgba(16, 185, 129, 0.35); }
.plan-card-openai .plan-card-top-row { border-bottom-color: rgba(16, 185, 129, 0.35); }
.plan-card-openai .plan-features { scrollbar-color: rgba(16, 185, 129, 0.45) transparent; }
.plan-card-openai .plan-features::-webkit-scrollbar-thumb { background: rgba(16, 185, 129, 0.45); }
.plan-card-openai:hover { border-color: #10b981; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6), 0 0 16px rgba(16, 185, 129, 0.28); }
.plan-card-openai:hover .plan-card-top-row { border-bottom-color: #10b981; background: linear-gradient(180deg, rgba(16, 185, 129, 0.12) 0%, rgba(8, 12, 20, 0.95) 100%); }

/* 3. Anthropic (Warm Coral Theme) */
.plan-card-anthropic { border-color: rgba(224, 114, 76, 0.4); }
.plan-card-anthropic .plan-card-top-row { border-bottom-color: rgba(224, 114, 76, 0.4); }
.plan-card-anthropic .plan-features { scrollbar-color: rgba(224, 114, 76, 0.5) transparent; }
.plan-card-anthropic .plan-features::-webkit-scrollbar-thumb { background: rgba(224, 114, 76, 0.5); }
.plan-card-anthropic:hover { border-color: #e0724c; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6), 0 0 16px rgba(224, 114, 76, 0.28); }
.plan-card-anthropic:hover .plan-card-top-row { border-bottom-color: #e0724c; background: linear-gradient(180deg, rgba(224, 114, 76, 0.14) 0%, rgba(8, 12, 20, 0.95) 100%); }

/* 4. xAI (Monochrome White Theme) */
.plan-card-xai { border-color: rgba(226, 232, 240, 0.35); }
.plan-card-xai .plan-card-top-row { border-bottom-color: rgba(226, 232, 240, 0.35); }
.plan-card-xai .plan-features { scrollbar-color: rgba(226, 232, 240, 0.45) transparent; }
.plan-card-xai .plan-features::-webkit-scrollbar-thumb { background: rgba(226, 232, 240, 0.45); }
.plan-card-xai:hover { border-color: #ffffff; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6), 0 0 16px rgba(255, 255, 255, 0.28); }
.plan-card-xai:hover .plan-card-top-row { border-bottom-color: #ffffff; background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(8, 12, 20, 0.95) 100%); }