/* Enhanced Gradient Styles for Pillar Law Firm */

/* Primary Gradient Buttons */
.btn-primary,
.btn-primary-lg,
.btn-primary-sm {
    background: linear-gradient(135deg, #C8A85C 0%, #D4B773 50%, #E2CC88 100%);
    transition: all 0.3s ease;
    transform: translateY(0);
}

.btn-primary:hover,
.btn-primary-lg:hover,
.btn-primary-sm:hover {
    background: linear-gradient(135deg, #b8964e 0%, #C8A85C 50%, #D4B773 100%);
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(200, 168, 92, 0.3);
}

/* Secondary Gradient Buttons */
.btn-secondary,
.btn-secondary-lg {
    background: linear-gradient(135deg, #2B2B2E 0%, #1F1F21 50%, #2B2B2E 100%);
    border: 2px solid;
    border-image: linear-gradient(135deg, #C8A85C, #E2CC88) 1;
    transition: all 0.3s ease;
}

.btn-secondary:hover,
.btn-secondary-lg:hover {
    background: linear-gradient(135deg, #C8A85C 0%, #D4B773 50%, #E2CC88 100%);
    border-image: linear-gradient(135deg, #E2CC88, #C8A85C) 1;
}

/* Section Backgrounds with Gradients */
.gradient-section-primary {
    background: linear-gradient(135deg, #f8f8f8 0%, #ffffff 50%, #fdfbf7 100%);
}

.gradient-section-secondary {
    background: linear-gradient(135deg, #1F1F21 0%, #2B2B2E 25%, #C8A85C 100%);
}

.gradient-section-tertiary {
    background: linear-gradient(135deg, #fdfbf7 0%, #f5ecd2 50%, #E2CC88 100%);
}

/* Card Gradients */
.gradient-card {
    background: linear-gradient(135deg, #ffffff 0%, #fdfbf7 50%, #f5ecd2 100%);
    border: 1px solid rgba(200, 168, 92, 0.1);
}

.gradient-card:hover {
    background: linear-gradient(135deg, #fdfbf7 0%, #f5ecd2 50%, #E2CC88 100%);
    box-shadow: 0 10px 30px rgba(200, 168, 92, 0.2);
}

/* Text Gradients */
.gradient-text-primary {
    background: linear-gradient(135deg, #C8A85C 0%, #D4B773 50%, #E2CC88 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-text-secondary {
    background: linear-gradient(135deg, #1F1F21 0%, #2B2B2E 50%, #6a6a6a 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Service Cards with Gradients */
.service-card {
    background: linear-gradient(135deg, #ffffff 0%, #fdfbf7 100%);
    border: 1px solid rgba(200, 168, 92, 0.1);
    transition: all 0.3s ease;
}

.service-card:hover {
    background: linear-gradient(135deg, #fdfbf7 0%, #f5ecd2 100%);
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(200, 168, 92, 0.2);
}

/* Footer Gradient */
.footer-gradient {
    background: linear-gradient(135deg, #1F1F21 0%, #2B2B2E 50%, #1F1F21 100%);
}

/* Scroll to Top Button */
#scroll-top {
    background: linear-gradient(135deg, #C8A85C 0%, #D4B773 50%, #E2CC88 100%);
    transition: all 0.3s ease;
}

#scroll-top:hover {
    background: linear-gradient(135deg, #b8964e 0%, #C8A85C 50%, #D4B773 100%);
    transform: scale(1.1);
}

/* Input Fields with Gradient Focus */
input:focus,
textarea:focus,
select:focus {
    border-color: #C8A85C;
    box-shadow: 0 0 0 3px rgba(200, 168, 92, 0.1);
    background: linear-gradient(135deg, #ffffff 0%, #fdfbf7 100%);
}

/* Pricing Cards */
.pricing-card {
    background: linear-gradient(135deg, #ffffff 0%, #fdfbf7 100%);
    border: 2px solid rgba(200, 168, 92, 0.1);
    transition: all 0.3s ease;
}

.pricing-card.featured {
    background: linear-gradient(135deg, #C8A85C 0%, #D4B773 50%, #E2CC88 100%);
    border-color: #b8964e;
}

.pricing-card:hover {
    background: linear-gradient(135deg, #fdfbf7 0%, #f5ecd2 100%);
    border-color: #C8A85C;
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(200, 168, 92, 0.3);
}

/* Value Cards */
.value-card {
    background: linear-gradient(135deg, #ffffff 0%, #fdfbf7 100%);
    transition: all 0.3s ease;
}

.value-card:hover {
    background: linear-gradient(135deg, #fdfbf7 0%, #f5ecd2 100%);
    transform: translateY(-5px);
}