/* KindPixels Widget Styles */
.kp-plugin-list-widget{width:100%;padding:48px 0;background:#fff}
.kp-container{max-width:1024px;margin:0 auto;padding:0 16px}
.kp-header{text-align:center;margin-bottom:40px}
.kp-section-title{font-size:30px;font-weight:700;color:#1a1a1a;margin-bottom:12px}
.kp-section-subtitle{color:#6b7280;max-width:672px;margin:0 auto}
.kp-plugins-list{display:flex;flex-direction:column;gap:24px}
.kp-plugin-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .2s ease}
.kp-plugin-card:hover{box-shadow:6px 6px 0 0 #e5e7eb;border-color:#e5e7eb}
.kp-plugin-card-inner{display:grid;grid-template-columns:1fr 1fr}
@media (max-width:768px){.kp-plugin-card-inner{grid-template-columns:1fr}}
.kp-plugin-info{padding:32px 40px;display:flex;flex-direction:column;justify-content:center;background:#fff}
.kp-plugin-header{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}
.kp-plugin-icon{width:64px;height:64px;flex-shrink:0;background:#fff;display:flex;align-items:center;justify-content:center}
.kp-plugin-icon img{max-width:100%;max-height:100%;object-fit:contain}
.kp-plugin-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0}
.kp-free-version-text{color:rgba(26,26,26,.8);line-height:1.6;margin:0 0 24px}
.kp-plugin-description{color:rgba(26,26,26,.8);margin-bottom:24px;line-height:1.6}
.kp-plugin-stats{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px}
.kp-stat{display:flex;align-items:center;gap:8px;font-size:14px}
.kp-stat-icon{width:16px;height:16px;color:#000}
.kp-stat-icon.kp-star-icon{fill:#000}
.kp-stat-value{font-weight:500;color:#1a1a1a}
.kp-stat-label{color:#6b7280}
.kp-plugin-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#000;color:#fff !important;text-decoration:none !important;border-radius:9999px;font-weight:500;transition:all .2s ease;width:fit-content}
.kp-plugin-button:hover{background:#000;color:#fff !important}
.kp-plugin-button svg{width:16px;height:16px;transition:transform .2s ease;color:#fff}
.kp-plugin-button:hover svg{transform:translateX(4px);color:#fff}
.kp-plugin-features{background:rgba(0,0,0,.03);padding:32px 40px;display:flex;flex-direction:column;justify-content:center}
.kp-features-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 16px}
.kp-features-title.kp-pro-title{margin-top:24px}
.kp-features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.kp-feature-item{display:flex;align-items:flex-start;gap:12px}
.kp-feature-check{width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.kp-feature-check svg{width:12px;height:12px;color:#000}
.kp-feature-item span:last-child{color:rgba(26,26,26,.8)}

/* Social Proof Widget */
.kp-social-proof{display:inline-block}
.kp-social-proof-inner{display:flex;align-items:center;gap:24px;padding:16px 0}
.kp-sp-users{display:flex;align-items:center;gap:12px}
.kp-sp-avatars{display:flex}
.kp-sp-avatar{width:40px;height:40px;border-radius:50%;border:2px solid #fff;object-fit:cover;margin-left:-12px}
.kp-sp-avatar:first-child{margin-left:0}
.kp-sp-avatar-fallback{display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600}
.kp-sp-user-info{display:flex;flex-direction:column}
.kp-sp-prefix{font-size:10px;color:#9ca3af;line-height:1.2;margin-bottom:2px}
.kp-sp-count{font-size:20px;font-weight:700;color:#1a1a1a;line-height:1.2;margin-bottom:-2px}
.kp-sp-label{font-size:14px;color:#6b7280;line-height:1.2}
.kp-sp-divider{width:1px;height:48px;background:#d1d5db}
.kp-sp-rating{display:flex;flex-direction:column}
.kp-sp-rating-top{display:flex;align-items:baseline;gap:6px}
.kp-sp-rating-value{font-size:20px;font-weight:700;color:#1a1a1a;line-height:1.2}
.kp-sp-stars{display:flex;align-items:center;gap:2px;margin-top:4px}
.kp-sp-star{display:inline-block}

/* Plan Comparison Widget */
.kp-plan-comparison{width:100%}
.kp-plan-desktop{display:block}
.kp-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media (max-width:768px){.kp-plan-grid{grid-template-columns:1fr}}
.kp-plan-card{background:#fff;border-radius:16px;border:2px solid #e5e7eb;padding:32px;position:relative}
.kp-plan-pro{background:linear-gradient(135deg,rgba(245,158,11,.1) 0%,rgba(251,191,36,.1) 100%);border-color:#f59e0b}
.kp-plan-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:700;padding:6px 16px;border-radius:9999px;letter-spacing:.5px}
.kp-plan-header{text-align:center;margin-bottom:24px}
.kp-plan-icon{width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}
.kp-plan-icon svg{width:24px;height:24px}
.kp-plan-icon-lg{width:64px;height:64px}
.kp-plan-icon-lg svg{width:32px;height:32px}
.kp-plan-icon-free{background:#f3f4f6}
.kp-plan-icon-free svg{color:#1a1a1a}
.kp-plan-icon-pro{background:#1a1a1a}
.kp-plan-icon-pro svg{color:#fff}
.kp-plan-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}
.kp-plan-subtitle{font-size:14px;color:#6b7280;margin:4px 0 0}
.kp-plan-features{list-style:none;padding:0;margin:0 0 24px}
.kp-plan-feature{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.05)}
.kp-plan-pro .kp-plan-feature{border-color:rgba(245,158,11,.2)}
.kp-plan-feature:last-child{border-bottom:none}
.kp-plan-feature-name{font-size:14px;color:#1a1a1a}
.kp-plan-feature-value{flex-shrink:0}
.kp-check{width:16px;height:16px;color:#059669}
.kp-check-pro{color:#059669}
.kp-cross{width:16px;height:16px;color:#d1d5db}
.kp-text-value{font-weight:600;color:#374151}
.kp-text-pro{color:#1a1a1a;font-weight:700}
.kp-plan-footer{text-align:center}
.kp-plan-button{display:inline-block;padding:12px 32px;border-radius:9999px;font-weight:600;font-size:14px;text-decoration:none !important;transition:all .2s ease}
.kp-plan-button-free{background:#fff;color:#1a1a1a !important;border:2px solid #e5e7eb}
.kp-plan-button-free:hover{background:#f9fafb;color:#1a1a1a !important}
.kp-plan-button-pro{background:#1a1a1a;color:#fff !important;border:2px solid #1a1a1a}
.kp-plan-button-pro:hover{background:#374151;color:#fff !important}