/* =============================================
   Additional Style Improvements
   Modern Color Enhancements
   ============================================= */

/* Enhanced Shadows for Cards */
.card:hover,
.book-card:hover,
.plan-card:hover {
    box-shadow: 0 20px 40px rgba(59, 130, 246, 0.15);
}

/* Smooth Gradient Overlays */
.hero-buttons .btn-primary {
    box-shadow: 0 8px 16px rgba(245, 158, 11, 0.3);
}

.hero-buttons .btn-primary:hover {
    box-shadow: 0 12px 24px rgba(245, 158, 11, 0.4);
}

/* Enhanced Focus States */
.form-control:focus {
    border-color: #3B82F6;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15);
}

/* Better Link Hover Effects */
a:not(.btn):hover {
    color: #2563EB;
}

/* Icon Color Improvements */
.feature-icon,
.info-icon {
    background: linear-gradient(135deg, #3B82F6, #2563EB);
}

/* Badge Enhancements */
.badge,
.book-badge,
.featured-badge {
    background: linear-gradient(135deg, #F59E0B, #D97706);
    box-shadow: 0 4px 8px rgba(245, 158, 11, 0.25);
}

/* Stats Section Enhancement */
.stats-section {
    background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
}

/* Price Display */
.price-current,
.plan-price {
    color: #1F2937;
}

.plan-card.featured .plan-price {
    color: #3B82F6;
}

/* Video Card Hover Effect */
.video-card:hover {
    box-shadow: 0 20px 40px rgba(59, 130, 246, 0.2);
}

/* Contact Details Enhancement */
.contact-details li:hover {
    background: linear-gradient(135deg, #FCD34D, #F59E0B);
}

/* Button Text Contrast Fix */
.btn-primary,
.cart-button,
.checkout-btn {
    font-weight: 700;
    letter-spacing: 0.025em;
}

/* Improve Readability */
body {
    color: #374151;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    color: #1F2937;
}

/* Section Dividers */
.section-title h2 {
    color: #1F2937;
}

.section-title .line {
    background: linear-gradient(90deg, transparent, #F59E0B, transparent);
    height: 3px;
}

/* Better Border Colors */
.border,
.card,
.form-control {
    border-color: #E5E7EB;
}

/* Accessibility Widget Improvement */
.accessibility-widget {
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.15));
}