/* Dynamic CSS Generated from Admin Theme Settings */

/* Primary Theme Color Override */
:root {
    --primary-color: #ff3838;
    --gradient-color-1: #1FA2FF;
    --gradient-color-2: #C779D0;
    --gradient-color-3: #4BC0C8;
}

/* Primary Color Applications - Only for specific elements */
.text-primary,
.text-theme {
    color: #ff3838 !important;
}

/* Button Styles - Background with white text */
.btn-primary,
.main-btn,
.theme-btn {
    background-color: #ff3838 !important;
    border-color: #198754 !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.main-btn:hover,
.theme-btn:hover {
    background-color: #ff3838 !important;
    border-color: #198754 !important;
    color: #ffffff !important;
    opacity: 0.9;
}

/* Links - Only apply color to specific link types */
a.theme-link,
a.primary-link {
    color: #198754 !important;
}

/* Navigation & Menu */
.main_menu .navbar-nav .nav-item .nav-link:hover,
.main_menu .navbar-nav .nav-item .nav-link.active {
    color: #ff3838 !important;
}

.main_menu .right_menu li a:hover {
    color: #ff3838 !important;
}

/* Header Icons */
.header_info li a i {
    color: #ffffff !important;
}

.header_icon li a:hover {
    color: #198754 !important;
}

/* Cart and Menu Items */
.main_menu .right_menu li .cart_view:hover {
    color: #198754 !important;
}

/* Form Elements */
input:focus,
textarea:focus,
select:focus {
    border-color: #198754 !important;
    box-shadow: 0 0 0 0.2rem rgba(25, 135, 84, 0.25) !important;
}

/* Service Items - Only apply to backgrounds with proper text contrast */
.service-item:hover {
    background-color: #198754 !important;
    color: #ffffff !important;
}

.service-item:hover .service-icon {
    color: #ffffff !important;
}

.service-item:hover .service-title,
.service-item:hover .service-description,
.service-item:hover p,
.service-item:hover h1,
.service-item:hover h2,
.service-item:hover h3,
.service-item:hover h4,
.service-item:hover h5,
.service-item:hover h6 {
    color: #ffffff !important;
}

.service-icon {
    color: #198754 !important;
}

/* Portfolio Items */
.portfolio-item:hover .portfolio-overlay {
    background-color: rgba(25, 135, 84, 0.9) !important;
    color: #ffffff !important;
}

.portfolio-item:hover .portfolio-overlay * {
    color: #ffffff !important;
}

/* Team Members */
.team-member:hover .team-overlay {
    background-color: rgba(25, 135, 84, 0.9) !important;
    color: #ffffff !important;
}

.team-member:hover .team-overlay * {
    color: #ffffff !important;
}

/* Counters */
.counter-item .counter-icon {
    color: #198754 !important;
}

/* Blog Items - Background with white text */
.blog-item .blog-category {
    background-color: #198754 !important;
    color: #ffffff !important;
}

/* Testimonials */
.testimonial-item .quote-icon {
    color: #198754 !important;
}

/* FAQ - Background with white text */
.faq-item.active .faq-header {
    background-color: #198754 !important;
    color: #ffffff !important;
}

.faq-item.active .faq-header * {
    color: #ffffff !important;
}

/* Contact Form */
.contact-form .form-group.focused {
    border-color: #ff3838 !important;
}

/* Pagination */
.pagination .page-item.active .page-link {
    background-color: #ff3838 !important;
    border-color: #ff3838 !important;
}

/* Scroll to Top */
.scroll-to-top {
    background-color: #ff3838 !important;
}

/* Border Colors */
.border-primary,
.border-theme {
    border-color: #ff3838 !important;
}

/* Background Colors */
.bg-primary,
.bg-theme {
    background-color: #ff3838 !important;
}

/* Gradient Backgrounds */
.gradient-bg,
.hero-gradient,
.cta-gradient,
.footer-gradient {
    background: linear-gradient(135deg, #1FA2FF, #C779D0, #4BC0C8) !important;
}

.gradient-text {
    background: linear-gradient(135deg, #1FA2FF, #C779D0, #4BC0C8) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Service Hover Effects */
.service-box:hover {
    background: linear-gradient(135deg, #1FA2FF, #C779D0) !important;
}

/* Call to Action Sections */
.cta-section {
    background: linear-gradient(135deg, #1FA2FF, #C779D0, #4BC0C8) !important;
}

/* Hero Section Overlays */
.hero-overlay {
    background: linear-gradient(135deg, rgba(31, 162, 255, 0.8), rgba(199, 121, 208, 0.8), rgba(75, 192, 200, 0.8)) !important;
}

/* Footer Background */
.footer-area::before {
    background: linear-gradient(135deg, #1FA2FF, #C779D0, #4BC0C8) !important;
}

/* Icon Backgrounds */
.icon-bg {
    background-color: rgba(25, 135, 84, 0.1) !important;
}

/* Progress Bars */
.progress-bar {
    background-color: #198754 !important;
}

/* Badges */
.badge-primary {
    background-color: #198754 !important;
}

/* Custom Animations */
@keyframes pulse-primary {
    0% { box-shadow: 0 0 0 0 rgba(25, 135, 84, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(25, 135, 84, 0); }
    100% { box-shadow: 0 0 0 0 rgba(25, 135, 84, 0); }
}

.pulse-animation {
    animation: pulse-primary 2s infinite;
}

/* Mobile Menu */
@media (max-width: 991px) {
    .navbar-toggler:focus {
        border-color: #198754 !important;
    }
    
    .mobile-menu .nav-link:hover {
        color: #198754 !important;
    }
}

/* Print Styles */
@media print {
    .text-primary, .theme-color {
        color: #198754 !important;
    }
}