/**
 * Saravali Astrology Styles - IndianMarriage.com
 * CSS for ephemeris calculations and Vedic astrology features
 * Named after Saravali, a classical Vedic astrology text
 */

/* Astrology Color Palette */
:root {
    --astro-gold: #FFD700;
    --astro-copper: #B87333;
    --astro-orange: #FFA500;
    --astro-deep-purple: #4A0080;
    --astro-mystic-blue: #1a237e;
    --planet-sun: #FF6B00;
    --planet-moon: #C0C0C0;
    --planet-mars: #FF0000;
    --planet-mercury: #00FF00;
    --planet-jupiter: #FFD700;
    --planet-venus: #FF69B4;
    --planet-saturn: #4B0082;
    --planet-rahu: #808080;
    --planet-ketu: #A0522D;
}

/* Ephemeris Table Styles */
.ephemeris-table {
    @apply w-full border-collapse bg-white dark:bg-gray-800 rounded-lg overflow-hidden shadow-lg;
}

.ephemeris-table th {
    @apply bg-gradient-to-r from-purple-900 to-indigo-900 text-white px-4 py-3 text-sm font-semibold;
}

.ephemeris-table td {
    @apply px-4 py-2 text-sm border-b border-gray-200 dark:border-gray-700;
}

.ephemeris-table tr:hover {
    @apply bg-purple-50 dark:bg-purple-900/20;
}

/* Planet Indicators */
.planet-sun { color: var(--planet-sun); }
.planet-moon { color: var(--planet-moon); }
.planet-mars { color: var(--planet-mars); }
.planet-mercury { color: var(--planet-mercury); }
.planet-jupiter { color: var(--planet-jupiter); }
.planet-venus { color: var(--planet-venus); }
.planet-saturn { color: var(--planet-saturn); }
.planet-rahu { color: var(--planet-rahu); }
.planet-ketu { color: var(--planet-ketu); }

/* Zodiac Sign Styling */
.zodiac-sign {
    @apply inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium;
}

.zodiac-aries { @apply bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300; }
.zodiac-taurus { @apply bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300; }
.zodiac-gemini { @apply bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-300; }
.zodiac-cancer { @apply bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300; }
.zodiac-leo { @apply bg-orange-100 text-orange-800 dark:bg-orange-900/30 dark:text-orange-300; }
.zodiac-virgo { @apply bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-300; }
.zodiac-libra { @apply bg-pink-100 text-pink-800 dark:bg-pink-900/30 dark:text-pink-300; }
.zodiac-scorpio { @apply bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300; }
.zodiac-sagittarius { @apply bg-indigo-100 text-indigo-800 dark:bg-indigo-900/30 dark:text-indigo-300; }
.zodiac-capricorn { @apply bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300; }
.zodiac-aquarius { @apply bg-cyan-100 text-cyan-800 dark:bg-cyan-900/30 dark:text-cyan-300; }
.zodiac-pisces { @apply bg-teal-100 text-teal-800 dark:bg-teal-900/30 dark:text-teal-300; }

/* Nakshatra Styling */
.nakshatra-badge {
    @apply inline-flex items-center gap-1 px-2 py-1 bg-gradient-to-r from-amber-500 to-orange-500 text-white rounded-lg text-xs font-medium shadow-sm;
}

/* Dasha Period Display */
.dasha-period {
    @apply p-4 bg-gradient-to-br from-purple-50 to-indigo-50 dark:from-purple-900/20 dark:to-indigo-900/20 rounded-xl border border-purple-200 dark:border-purple-800;
}

.dasha-period-active {
    @apply ring-2 ring-amber-500 shadow-lg shadow-amber-500/20;
}

/* Chart Container */
.astro-chart-container {
    @apply relative bg-gradient-to-br from-gray-900 to-purple-900 rounded-2xl p-8 shadow-2xl;
}

.astro-chart-svg {
    @apply w-full max-w-lg mx-auto;
}

/* Calculation Results */
.calculation-result {
    @apply bg-white dark:bg-gray-800 rounded-lg shadow-md p-4 border-l-4 border-purple-500;
}

.calculation-label {
    @apply text-xs uppercase tracking-wider text-gray-500 dark:text-gray-400 mb-1;
}

.calculation-value {
    @apply text-lg font-semibold text-gray-900 dark:text-white;
}

/* Loading States for Calculations */
.calculating {
    @apply animate-pulse bg-gradient-to-r from-purple-200 via-purple-300 to-purple-200 dark:from-purple-800 dark:via-purple-700 dark:to-purple-800 bg-[length:200%_100%];
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

/* Astrology Cards */
.astro-card {
    @apply bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden transition-all duration-300 hover:shadow-xl hover:-translate-y-1;
}

.astro-card-header {
    @apply bg-gradient-to-r from-purple-600 to-indigo-600 px-6 py-4 text-white;
}

.astro-card-body {
    @apply p-6;
}

/* Responsive Grid for Astrology Data */
.astro-grid {
    @apply grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6;
}