/* Luxury Visual Enhancements - Preserving All Content */

/* Enhanced Typography Hierarchy */
body {
    @apply antialiased;
}

h1, h2, h3, h4, h5, h6 {
    @apply tracking-tight;
}

/* Luxury Shadows and Depth */
.campaign-stats-card,
.reward-tier,
.phase-card,
.transparency-card {
    @apply shadow-2xl hover:shadow-3xl transition-all duration-500;
}

/* Smooth Transitions */
* {
    @apply transition-colors duration-300;
}

/* Enhanced Image Presentation */
.main-image img,
.gallery-item img {
    @apply object-cover transition-transform duration-700 hover:scale-105;
}

/* Luxury Button States */
.btn, .btn-pledge-primary, .btn-select-reward {
    @apply transform hover:-translate-y-1 active:translate-y-0 transition-all duration-300;
}

/* Glass Morphism Effects */
.nav {
    @apply backdrop-blur-xl bg-opacity-95;
}

/* Elegant Card Hover */
.reward-tier:hover,
.phase-card:hover {
    @apply ring-2 ring-luxury-green ring-opacity-30;
}

/* Smooth Progress Bar Animation */
.progress-fill {
    @apply transition-all duration-1000 ease-out;
}

/* Enhanced Focus States */
a:focus, button:focus, input:focus, select:focus {
    @apply outline-none ring-2 ring-gold ring-offset-2 ring-offset-off-white;
}

/* Luxury Spacing */
section {
    @apply scroll-mt-20;
}

/* Enhanced Badge Styling */
.campaign-badge {
    @apply backdrop-blur-sm;
}

/* Elegant Testimonial/Impact Cards */
.impact-stat, .impact-item {
    @apply backdrop-blur-sm bg-opacity-90 hover:bg-opacity-100;
}

/* Premium Form Styling */
input, select, textarea {
    @apply focus:ring-2 focus:ring-luxury-green focus:border-luxury-green;
}

/* Smooth Accordion */
.faq-answer {
    @apply transition-all duration-500 ease-in-out;
}

/* Enhanced Creator Card */
.creator-card {
    @apply hover:shadow-xl transition-shadow duration-300;
}

/* Luxury Divider */
.rewards-divider::before {
    @apply bg-gradient-to-r from-transparent via-luxury-green to-transparent;
}

/* Enhanced Gallery */
.image-gallery {
    @apply gap-3;
}

.gallery-thumb {
    @apply hover:ring-2 hover:ring-luxury-green transition-all duration-300 hover:scale-105;
}

/* Smooth Metric Animations */
.metric-number, .stat-value {
    @apply tabular-nums;
}

/* Enhanced Footer */
.footer {
    @apply bg-gradient-to-br from-luxury-green to-charcoal;
}

/* Luxury Mobile Disclaimer */
.mobile-disclaimer {
    @apply backdrop-blur-lg bg-opacity-95;
}

/* Premium Loading States */
.loading {
    @apply animate-pulse;
}

/* Elegant Timeline */
.timeline {
    @apply relative;
}

/* Enhanced Navigation */
.nav-link {
    @apply relative overflow-hidden;
}

.nav-link::after {
    @apply transition-transform duration-300;
}

/* Luxury Card Backgrounds */
.transparency-card,
.governance-info {
    @apply bg-gradient-to-br from-off-white to-sand;
}

/* Enhanced Statistics Display */
.transparency-stats {
    @apply gap-6;
}

.stat-item {
    @apply hover:scale-105 transition-transform duration-300;
}

/* Premium Impact Display */
.impact-grid {
    @apply gap-8;
}

/* Elegant FAQ Styling */
.faq-item {
    @apply hover:shadow-lg transition-shadow duration-300;
}

/* Luxury Form Design */
.eoi-form {
    @apply shadow-2xl hover:shadow-3xl transition-shadow duration-500;
}

/* Enhanced Currency Display */
.currency, .amount {
    @apply font-display;
}

/* Premium Pledge Display */
.pledge-amount {
    @apply font-display tracking-tight;
}

/* Smooth Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fadeInUp 0.8s ease-out;
}

/* Luxury Gradient Overlays */
.image-overlay {
    @apply bg-gradient-to-t from-luxury-green via-transparent;
}

.gallery-caption {
    @apply bg-gradient-to-t from-luxury-green via-luxury-green;
}

/* Enhanced Risk Display */
.risk {
    @apply font-semibold tracking-wide;
}

/* Premium Tag Styling */
.tag {
    @apply hover:bg-luxury-green hover:text-off-white transition-colors duration-300;
}

/* Elegant Checkbox */
.checkmark {
    @apply transition-all duration-300 hover:scale-110;
}

/* Luxury Currency Note */
.currency-note {
    @apply text-center py-2 px-4 bg-sand bg-opacity-30 rounded-lg backdrop-blur-sm;
}

/* Enhanced Badge Animation */
.campaign-status {
    @apply animate-pulse;
}

/* Premium Creator Info */
.creator-info {
    @apply hover:bg-sand hover:bg-opacity-30 transition-colors duration-300 rounded-lg p-2;
}

/* Smooth Phase Status */
.phase-status {
    @apply shadow-sm;
}

/* Elegant Notice Boxes */
.da-notice, .pledge-notice {
    @apply border-l-4 shadow-sm;
}

/* Premium Tier Badge */
.tier-badge {
    @apply shadow-lg animate-pulse;
}

/* Enhanced Funding Model */
.funding-model {
    @apply border-l-4 border-gold shadow-md;
}

/* Luxury Action Buttons */
.action-buttons .btn {
    @apply shadow-lg hover:shadow-xl;
}

/* Smooth Share Buttons */
.share-btn {
    @apply hover:shadow-md transition-all duration-300;
}

/* Enhanced Mini Stats */
.mini-stats {
    @apply gap-4;
}

.stat {
    @apply hover:bg-luxury-green hover:text-off-white transition-colors duration-300;
}

/* Premium Important Notice */
.important-notice {
    @apply shadow-lg;
}

/* Elegant Contact Info */
.contact-info, .cancellation-policy {
    @apply hover:shadow-md transition-shadow duration-300;
}

/* Luxury Social Sharing */
.social-sharing {
    @apply pt-8 border-t-2 border-sand;
}

/* Enhanced Thank You Icon */
.check-circle {
    @apply drop-shadow-2xl;
}

/* Smooth Confirmation Details */
.confirmation-details > div {
    @apply hover:shadow-sm transition-shadow duration-300;
}

/* Premium Legal Navigation */
.legal-nav {
    @apply backdrop-blur-sm bg-sand bg-opacity-50 rounded-xl shadow-lg p-4;
}

.legal-nav-link {
    @apply hover:bg-luxury-green hover:text-off-white transition-colors duration-300 rounded-lg px-4 py-2;
}

/* Elegant Campaign Type */
.campaign-type {
    @apply backdrop-blur-md bg-luxury-green bg-opacity-90 shadow-lg;
}

/* Enhanced Backers Count */
.backers-count {
    @apply text-luxury-green;
}
