/* Powerless Sponsors - Complete Styles */

/* Variables */
:root {
    --ignition-color: #2196F3;
    --contributor-color: #4CAF50;
    --legacy-color: #FFD700;
    --primary-color: #d32f2f;
}

/* Pricing Page */
.pcs-pricing-page { max-width: 1200px; margin: 40px auto; padding: 20px; }
.pcs-pricing-page h1 { text-align: center; font-size: 3rem; margin-bottom: 10px; }
.pcs-subtitle { text-align: center; font-size: 1.2rem; color: #666; margin-bottom: 60px; }
.pcs-pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }
.pcs-plan-card { background: white; padding: 40px; border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); }
.pcs-plan-card h2 { font-size: 1.5rem; margin-bottom: 10px; }
.pcs-tagline { color: #666; font-size: 0.95rem; margin-bottom: 25px; min-height: 60px; }
.pcs-price { margin: 30px 0; }
.pcs-amount { font-size: 3rem; font-weight: 700; color: var(--primary-color); }
.pcs-cycle { color: #666; font-size: 1.2rem; }
.pcs-features { list-style: none; padding: 0; margin: 25px 0; }
.pcs-features li { padding: 12px 0; border-bottom: 1px solid #f0f0f0; }
.pcs-signup-btn { display: block; text-align: center; background: linear-gradient(135deg, var(--primary-color), #b71c1c); color: white; padding: 16px; border-radius: 10px; text-decoration: none; font-weight: 600; margin-top: 25px; transition: all 0.3s; }
.pcs-signup-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(211,47,47,0.4); }

/* Plan Colors */
.plan-ignition { border-top: 4px solid var(--ignition-color); }
.plan-contributor { border-top: 4px solid var(--contributor-color); }
.plan-legacy { border-top: 4px solid var(--legacy-color); box-shadow: 0 6px 30px rgba(255,215,0,0.3); }

/* Auth Pages */
.pcs-auth-page { min-height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.pcs-auth-container { background: white; padding: 50px; border-radius: 16px; box-shadow: 0 10px 40px rgba(0,0,0,0.2); max-width: 400px; width: 100%; }
.pcs-auth-container h1 { text-align: center; margin-bottom: 30px; }
.pcs-auth-container input, .pcs-auth-container select { width: 100%; padding: 12px; margin-bottom: 15px; border: 1px solid #ddd; border-radius: 8px; }
.pcs-submit-btn { width: 100%; background: var(--primary-color); color: white; padding: 14px; border: none; border-radius: 8px; font-weight: 600; cursor: pointer; }
.pcs-submit-btn:hover { background: #b71c1c; }

/* Dashboard */
.pcs-dashboard { max-width: 1200px; margin: 0 auto; padding: 20px; }
.pcs-dashboard-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.pcs-logout { color: var(--primary-color); text-decoration: none; }
.pcs-dashboard-tabs { display: flex; gap: 10px; margin-bottom: 30px; border-bottom: 2px solid #eee; }
.pcs-tab-btn { padding: 12px 24px; background: none; border: none; cursor: pointer; font-weight: 600; color: #666; border-bottom: 3px solid transparent; }
.pcs-tab-btn.active { color: var(--primary-color); border-bottom-color: var(--primary-color); }
.pcs-tab-content { display: none; padding: 30px; background: white; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.pcs-tab-content.active { display: block; }
.pcs-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-bottom: 30px; }
.pcs-stat-card { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 30px; border-radius: 12px; text-align: center; }
.pcs-stat-number { font-size: 3rem; font-weight: 700; margin-top: 10px; }
.pcs-form-row { margin-bottom: 20px; }
.pcs-form-row label { display: block; margin-bottom: 8px; font-weight: 600; }
.pcs-dashboard input, .pcs-dashboard textarea, .pcs-dashboard select { width: 100%; padding: 12px; margin-bottom: 15px; border: 1px solid #ddd; border-radius: 8px; }
.pcs-action-btn { background: var(--primary-color); color: white; padding: 12px 24px; border: none; border-radius: 8px; cursor: pointer; margin-right: 10px; }
.pcs-danger-btn { background: #dc3545; color: white; padding: 12px 24px; border: none; border-radius: 8px; cursor: pointer; }

/* Single Sponsor Page */
.pcs-sponsor-header { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 80px 20px; text-align: center; }
.pcs-sponsor-header.plan-ignition { background: linear-gradient(135deg, var(--ignition-color), #1976D2); }
.pcs-sponsor-header.plan-contributor { background: linear-gradient(135deg, var(--contributor-color), #388E3C); }
.pcs-sponsor-header.plan-legacy { background: linear-gradient(135deg, var(--legacy-color), #FFA000); }
.pcs-sponsor-logo-large { width: 200px; height: 200px; object-fit: contain; background: white; padding: 20px; border-radius: 50%; margin-bottom: 20px; }
.pcs-sponsor-header h1 { font-size: 3rem; margin: 20px 0; }
.pcs-tier-badge { display: inline-block; background: rgba(255,255,255,0.2); padding: 8px 20px; border-radius: 20px; font-size: 0.9rem; margin: 10px 0; }
.pcs-sponsor-info { max-width: 800px; margin: 40px auto; padding: 30px; background: white; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.pcs-website-btn { display: inline-block; background: var(--primary-color); color: white; padding: 12px 30px; border-radius: 8px; text-decoration: none; margin-bottom: 20px; }
.pcs-social-links a { margin-right: 15px; color: var(--primary-color); text-decoration: none; }

/* All Sponsors Page */
.pcs-all-sponsors-page { max-width: 1200px; margin: 40px auto; padding: 20px; }
.pcs-page-header { text-align: center; margin-bottom: 50px; }
.pcs-page-header h1 { font-size: 3rem; margin-bottom: 15px; }
.pcs-sponsors-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 30px; }
.pcs-sponsor-card { background: white; padding: 30px; border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); position: relative; transition: all 0.3s; }
.pcs-sponsor-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.15); }
.pcs-sponsor-card.plan-ignition { border-top: 4px solid var(--ignition-color); }
.pcs-sponsor-card.plan-contributor { border-top: 4px solid var(--contributor-color); }
.pcs-sponsor-card.plan-legacy { border-top: 4px solid var(--legacy-color); }
.pcs-sponsor-logo { width: 120px; height: 120px; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; }
.pcs-sponsor-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.pcs-sponsor-card h3 { text-align: center; margin: 15px 0; }
.pcs-location { text-align: center; color: #666; font-size: 0.9rem; }
.pcs-view-profile-btn { display: block; text-align: center; background: var(--primary-color); color: white; padding: 12px; border-radius: 8px; text-decoration: none; margin-top: 20px; }

/* Shortcode Outputs */
.pcs-giveaways-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 25px; }
.pcs-giveaway-card { background: white; padding: 25px; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.pcs-giveaway-card img { width: 100%; border-radius: 8px; margin-bottom: 15px; }
.pcs-giveaway-meta { display: flex; justify-content: space-between; margin: 15px 0; font-size: 0.9rem; color: #666; }
.pcs-btn { display: inline-block; background: var(--primary-color); color: white; padding: 10px 20px; border-radius: 6px; text-decoration: none; }

.pcs-content-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 25px; }
.pcs-content-card { background: white; padding: 20px; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.pcs-content-card img { width: 100%; border-radius: 8px; margin-bottom: 15px; }
.pcs-read-more { color: var(--primary-color); text-decoration: none; font-weight: 600; }

.pcs-sponsor-logos { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: center; padding: 30px 0; }
.pcs-logo-item { display: block; }
.pcs-logo-item img { max-height: 80px; object-fit: contain; transition: all 0.3s; }
.pcs-logo-item:hover img { transform: scale(1.1); }
.pcs-logos-large .pcs-logo-item img { max-height: 120px; }

/* Responsive */
@media (max-width: 768px) {
    .pcs-pricing-grid, .pcs-sponsors-grid, .pcs-giveaways-grid, .pcs-content-grid { grid-template-columns: 1fr; }
    .pcs-sponsor-header h1 { font-size: 2rem; }
    .pcs-dashboard-tabs { flex-wrap: wrap; }
}