/*
Theme Name: Alfa Rising
Theme URI: https://alfarising.com
Author: Dixit Pedhadiya
Author URI: https://dixitpedhadiya.com
Description: Premium Business Advisory WordPress Theme for Alfa Rising. Designed with a Midnight Navy and Champagne Gold aesthetic.
Version: 1.0.2
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alfarising
*/

/* -------------------------------------------------------------------------
 * Emergent Exact Design System (From React Output)
 * ------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Inter:wght@300;400;500;600;700&display=swap');

body {
  margin: 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #F7F5F1;
  color: #0A1628;
}

.font-serif { font-family: 'Playfair Display', Georgia, serif; }
.font-sans { font-family: 'Inter', sans-serif; }

/* Alfa Rising palette utilities */
.bg-navy { background-color: #0A1628; }
.bg-navy-deep { background-color: #060F1F; }
.bg-navy-mid { background-color: #0F1D36; }
.text-gold { color: #C9A961; }
.text-gold-bright { color: #D4B876; }
.bg-gold { background-color: #C9A961; }
.bg-gold-hover { background-color: #B89753; }
.border-gold { border-color: #C9A961; }
.bg-cream { background-color: #F7F5F1; }
.text-navy { color: #0A1628; }

.gold-btn {
  background: linear-gradient(180deg, #D4B876 0%, #C9A961 100%);
  color: #0A1628;
  transition: all 0.3s ease;
}
.gold-btn:hover {
  background: linear-gradient(180deg, #C9A961 0%, #B89753 100%);
  box-shadow: 0 8px 24px rgba(201,169,97,0.35);
  transform: translateY(-1px);
}

.section-label {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #C9A961;
}

/* Blueprint grid backgrounds */
.blueprint-grid {
  background-image:
    linear-gradient(rgba(201,169,97,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(201,169,97,0.06) 1px, transparent 1px);
  background-size: 60px 60px;
}

.gold-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, #C9A961, transparent);
}

/* Card hovers */
.solution-card {
  transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  border: 1px solid rgba(201,169,97,0.15);
}
.solution-card:hover {
  border-color: rgba(201,169,97,0.55);
  transform: translateY(-4px);
  background: rgba(201,169,97,0.04);
}

.industry-card {
  transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  overflow: hidden;
}
.industry-card:hover img { transform: scale(1.08); }
.industry-card img { transition: transform 0.6s ease; }

.story-card {
  transition: all 0.35s ease;
  border: 1px solid rgba(201,169,97,0.15);
}
.story-card:hover { border-color: rgba(201,169,97,0.5); transform: translateY(-3px); }

.link-gold { color: #C9A961; transition: all 0.25s ease; display: inline-flex; align-items: center; gap: 6px; font-weight: 500; }
.link-gold:hover { color: #E5C989; gap: 10px; }

/* Circular framework icons */
.circle-icon {
  width: 84px; height: 84px; border-radius: 50%;
  border: 1px solid rgba(201,169,97,0.4);
  display: flex; align-items: center; justify-content: center;
  transition: all 0.3s ease;
  background: white;
}
.circle-icon:hover { border-color: #C9A961; box-shadow: 0 6px 20px rgba(201,169,97,0.2); }

/* Readiness gauge ring */
.gauge-ring {
  transform: rotate(-90deg);
}

/* Nav underline */
.nav-item { position: relative; padding: 4px 2px; transition: color 0.2s; }
.nav-item.current-menu-item > a, .nav-item.active { color: #C9A961; }
.nav-item.current-menu-item > a::after, .nav-item.active::after {
  content: ''; position: absolute; bottom: -6px; left: 0; right: 0;
  height: 2px; background: #C9A961;
}
.nav-item > a:hover { color: #C9A961; }

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Progress bars for readiness */
.progress-track { background: rgba(255,255,255,0.08); height: 3px; border-radius: 2px; overflow: hidden; }
.progress-fill { background: linear-gradient(90deg, #C9A961, #E5C989); height: 100%; border-radius: 2px; }

/* Marquee animation for chart */
@keyframes drawLine { from { stroke-dashoffset: 800; } to { stroke-dashoffset: 0; } }
.animate-draw { stroke-dasharray: 800; animation: drawLine 2.5s ease forwards; }

@keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.fade-up { animation: fadeUp 0.8s ease forwards; }