/*
Theme Name: Capital-Verge Elementor
Theme URI: https://capital-verge.com
Author: Capital-Verge
Author URI: https://capital-verge.com
Description: A high-converting affiliate marketing theme for the personal finance niche. Fully compatible with Elementor page builder. Includes importable Elementor templates for all pages. Built with Capital-Verge brand colors: charcoal #1E2329 and blue #2563EB.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: capital-verge-elementor
Tags: affiliate-marketing, personal-finance, elementor, custom-colors, custom-logo, full-width-template, blog
*/

/* ==========================================================================
   Capital-Verge Elementor Theme — Base Styles
   Design: "Capital Growth" — Structured Confidence
   Palette: Charcoal #1E2329 | Blue #2563EB | White #FFFFFF | Gray #F3F4F6
   Fonts: Plus Jakarta Sans (headings) | Inter (body)
   ========================================================================== */

/* ── CSS Variables ── */
:root {
  --cv-dark:        #1E2329;
  --cv-blue:        #2563EB;
  --cv-blue-dark:   #1D4ED8;
  --cv-blue-light:  #EFF6FF;
  --cv-blue-pale:   #DBEAFE;
  --cv-gray-light:  #F3F4F6;
  --cv-gray-mid:    #6B7280;
  --cv-gray-dark:   #374151;
  --cv-white:       #FFFFFF;
  --cv-border:      #E5E7EB;
  --cv-radius:      0.75rem;
  --cv-shadow:      0 4px 24px rgba(0,0,0,0.08);
  --cv-shadow-blue: 0 8px 32px rgba(37,99,235,0.18);
}

/* ── Reset & Base ── */
*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: var(--cv-dark);
  background: var(--cv-white);
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--cv-dark);
}

a { color: var(--cv-blue); text-decoration: none; transition: color 0.2s; }
a:hover { color: var(--cv-blue-dark); }

img { max-width: 100%; height: auto; display: block; }

/* ── Elementor Full-Width Support ── */
.elementor-section.elementor-section-full_width { padding: 0; }

/* Remove default WordPress margins that break Elementor layouts */
.entry-content { margin: 0; padding: 0; }
.post-content  { margin: 0; padding: 0; }

/* ── Accessibility ── */
.screen-reader-text {
  border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
  height: 1px; margin: -1px; overflow: hidden; padding: 0;
  position: absolute; width: 1px; word-wrap: normal !important;
}
.skip-link { position: absolute; top: -999px; left: 1rem; z-index: 9999; }
.skip-link:focus { top: 1rem; }

/* ── Capital-Verge Global Button Styles (usable in Elementor HTML widgets) ── */
.cv-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.875rem 1.75rem;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 700;
  font-size: 0.9375rem;
  border-radius: var(--cv-radius);
  cursor: pointer;
  transition: all 0.22s ease;
  border: none;
  text-decoration: none;
  line-height: 1;
}
.cv-btn-primary {
  background: var(--cv-blue);
  color: #fff !important;
  box-shadow: var(--cv-shadow-blue);
}
.cv-btn-primary:hover {
  background: var(--cv-blue-dark);
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(37,99,235,0.28);
}
.cv-btn-outline {
  background: transparent;
  color: #fff !important;
  border: 2px solid rgba(255,255,255,0.4);
}
.cv-btn-outline:hover {
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.8);
}
.cv-btn-dark {
  background: var(--cv-dark);
  color: #fff !important;
}
.cv-btn-dark:hover { background: #2D3748; }

/* ── Trust Badge Pills ── */
.cv-trust-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
  color: rgba(255,255,255,0.9);
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.375rem 0.875rem;
  border-radius: 999px;
  backdrop-filter: blur(4px);
  margin: 0 0.25rem;
}

/* ── Star Ratings ── */
.cv-stars { display: inline-flex; gap: 2px; align-items: center; }
.cv-stars .star { color: #FBBF24; font-size: 1rem; }
.cv-stars .star.empty { color: #E5E7EB; }
.cv-rating-num { font-size: 0.875rem; font-weight: 700; color: var(--cv-dark); margin-left: 4px; }

/* ── Tool Comparison Cards ── */
.cv-tool-card {
  background: #fff;
  border: 1.5px solid var(--cv-border);
  border-radius: var(--cv-radius);
  padding: 1.75rem;
  transition: box-shadow 0.3s, transform 0.3s;
  position: relative;
}
.cv-tool-card:hover {
  box-shadow: var(--cv-shadow);
  transform: translateY(-3px);
}
.cv-tool-card.featured {
  border-color: var(--cv-blue);
  box-shadow: 0 0 0 2px var(--cv-blue-pale), var(--cv-shadow-blue);
}
.cv-tool-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--cv-blue);
  color: #fff;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.25rem 0.875rem;
  border-radius: 999px;
  white-space: nowrap;
}
.cv-tool-badge.green  { background: #059669; }
.cv-tool-badge.orange { background: #D97706; }
.cv-tool-badge.purple { background: #7C3AED; }

/* ── Pros / Cons Lists ── */
.cv-pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 1rem 0; }
.cv-pros h4 { color: #059669; font-size: 0.8125rem; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 0.5rem; }
.cv-cons h4 { color: #DC2626; font-size: 0.8125rem; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 0.5rem; }
.cv-pros ul, .cv-cons ul { list-style: none; padding: 0; margin: 0; }
.cv-pros ul li::before { content: "✓ "; color: #059669; font-weight: 700; }
.cv-cons ul li::before { content: "✗ "; color: #DC2626; font-weight: 700; }
.cv-pros ul li, .cv-cons ul li { font-size: 0.875rem; line-height: 1.6; margin-bottom: 0.25rem; }

/* ── Comparison Table ── */
.cv-compare-table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: 0.9rem; }
.cv-compare-table th { background: var(--cv-dark); color: #fff; padding: 0.75rem 1rem; text-align: left; font-size: 0.8125rem; text-transform: uppercase; letter-spacing: 0.06em; }
.cv-compare-table td { padding: 0.75rem 1rem; border-bottom: 1px solid var(--cv-border); }
.cv-compare-table tr:nth-child(even) td { background: var(--cv-gray-light); }
.cv-compare-table .check { color: #059669; font-weight: 700; }
.cv-compare-table .cross { color: #DC2626; }

/* ── Testimonial Cards ── */
.cv-testimonial {
  background: #fff;
  border: 1.5px solid var(--cv-border);
  border-radius: var(--cv-radius);
  padding: 1.75rem;
  position: relative;
}
.cv-testimonial::before {
  content: '"';
  position: absolute;
  top: 1rem;
  right: 1.25rem;
  font-size: 4rem;
  color: var(--cv-blue-pale);
  font-family: Georgia, serif;
  line-height: 1;
}
.cv-testimonial-stars { color: #FBBF24; font-size: 1rem; margin-bottom: 0.75rem; }
.cv-testimonial-text { font-size: 0.9375rem; line-height: 1.7; color: var(--cv-gray-dark); margin-bottom: 1.25rem; font-style: italic; }
.cv-testimonial-author { display: flex; align-items: center; gap: 0.75rem; }
.cv-testimonial-avatar {
  width: 42px; height: 42px;
  background: var(--cv-blue);
  color: #fff;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: 0.8125rem;
  flex-shrink: 0;
}
.cv-testimonial-name { font-weight: 700; font-size: 0.9375rem; color: var(--cv-dark); }
.cv-testimonial-role { font-size: 0.8125rem; color: var(--cv-gray-mid); }

/* ── FAQ Accordion ── */
.cv-faq-item { border-bottom: 1px solid var(--cv-border); }
.cv-faq-question {
  width: 100%; background: none; border: none; text-align: left;
  padding: 1.125rem 0; font-size: 1rem; font-weight: 600;
  color: var(--cv-dark); cursor: pointer;
  display: flex; justify-content: space-between; align-items: center;
  gap: 1rem;
}
.cv-faq-question:hover { color: var(--cv-blue); }
.cv-faq-icon { font-size: 1.25rem; transition: transform 0.25s; flex-shrink: 0; color: var(--cv-blue); }
.cv-faq-item.open .cv-faq-icon { transform: rotate(45deg); }
.cv-faq-answer { display: none; padding: 0 0 1.125rem; font-size: 0.9375rem; color: var(--cv-gray-dark); line-height: 1.7; }
.cv-faq-item.open .cv-faq-answer { display: block; }

/* ── Newsletter Form ── */
.cv-newsletter-form { display: flex; flex-direction: column; gap: 0.875rem; }
.cv-newsletter-form input[type="text"],
.cv-newsletter-form input[type="email"] {
  width: 100%; padding: 0.875rem 1rem;
  border: 1.5px solid rgba(255,255,255,0.2);
  border-radius: var(--cv-radius);
  background: rgba(255,255,255,0.08);
  color: #fff; font-size: 0.9375rem;
  outline: none; transition: border-color 0.2s;
}
.cv-newsletter-form input::placeholder { color: rgba(255,255,255,0.45); }
.cv-newsletter-form input:focus { border-color: rgba(255,255,255,0.6); background: rgba(255,255,255,0.12); }
.cv-newsletter-form label { font-size: 0.8125rem; font-weight: 600; color: rgba(255,255,255,0.75); margin-bottom: 0.25rem; }
.cv-form-note { font-size: 0.75rem; color: rgba(255,255,255,0.5); text-align: center; margin-top: 0.5rem; }
.cv-form-message { padding: 0.75rem 1rem; border-radius: var(--cv-radius); font-size: 0.875rem; font-weight: 600; margin-top: 0.5rem; }
.cv-form-message.success { background: #D1FAE5; color: #065F46; }
.cv-form-message.error   { background: #FEE2E2; color: #991B1B; }

/* ── Contact Form ── */
.cv-contact-form { display: flex; flex-direction: column; gap: 1rem; }
.cv-contact-form input,
.cv-contact-form select,
.cv-contact-form textarea {
  width: 100%; padding: 0.875rem 1rem;
  border: 1.5px solid var(--cv-border);
  border-radius: var(--cv-radius);
  font-size: 0.9375rem; color: var(--cv-dark);
  background: #fff; outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
  font-family: inherit;
}
.cv-contact-form input:focus,
.cv-contact-form select:focus,
.cv-contact-form textarea:focus {
  border-color: var(--cv-blue);
  box-shadow: 0 0 0 3px var(--cv-blue-pale);
}
.cv-contact-form label { font-size: 0.875rem; font-weight: 600; color: var(--cv-dark); margin-bottom: 0.25rem; display: block; }
.cv-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 640px) { .cv-form-row { grid-template-columns: 1fr; } .cv-pros-cons { grid-template-columns: 1fr; } }

/* ── Section Label ── */
.cv-section-label {
  display: inline-block;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--cv-blue);
  margin-bottom: 0.75rem;
}
.cv-section-label.light { color: #93C5FD; }

/* ── Stats Bar ── */
.cv-stat-num {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 800;
  color: #fff;
  line-height: 1;
}
.cv-stat-label { font-size: 0.875rem; color: rgba(255,255,255,0.6); margin-top: 0.25rem; }

/* ── Blog Card ── */
.cv-blog-card {
  background: #fff;
  border: 1.5px solid var(--cv-border);
  border-radius: var(--cv-radius);
  overflow: hidden;
  transition: box-shadow 0.3s, transform 0.3s;
}
.cv-blog-card:hover { box-shadow: var(--cv-shadow); transform: translateY(-3px); }
.cv-blog-card-icon {
  background: var(--cv-blue-light);
  padding: 2rem;
  display: flex; align-items: center; justify-content: center;
  font-size: 3rem;
}
.cv-blog-card-body { padding: 1.5rem; }
.cv-blog-card-category {
  display: inline-block;
  background: var(--cv-blue-pale);
  color: var(--cv-blue);
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0.25rem 0.625rem;
  border-radius: 999px;
  margin-bottom: 0.75rem;
}
.cv-blog-card-title { font-size: 1.0625rem; font-weight: 700; color: var(--cv-dark); margin-bottom: 0.625rem; line-height: 1.4; }
.cv-blog-card-excerpt { font-size: 0.875rem; color: var(--cv-gray-mid); line-height: 1.6; margin-bottom: 1rem; }
.cv-blog-card-link { font-size: 0.875rem; font-weight: 700; color: var(--cv-blue); }
.cv-blog-card-link:hover { color: var(--cv-blue-dark); }

/* ── Disclosure Bar ── */
.cv-disclosure-bar {
  background: #FFF7ED;
  border-bottom: 1px solid #FED7AA;
  padding: 0.625rem 1rem;
  text-align: center;
  font-size: 0.75rem;
  color: #92400E;
}

/* ── Elementor Widget Overrides ── */
.elementor-widget-heading .elementor-heading-title { letter-spacing: -0.02em; }
.elementor-button { font-family: 'Plus Jakarta Sans', sans-serif !important; font-weight: 700 !important; }