/* Dynamic Theme Colors - Generated from Database */
:root {
    --primary-color: #ff9900;
    --primary-light: #ffb71e;
    --primary-dark: #e17b00;
    --secondary-color: #222222;
    --accent-color: #007bff;
    --accent-light: #1e99ff;
    --accent-dark: #005de1;
    --success-color: #28a745;
    --warning-color: #ffc107;
    --danger-color: #dc3545;
}

/* Primary Color Applications */
.default-btn,
.btn-primary,
.pricing-car .price,
.service-content .read-more,
.footer-call i,
.cta-content .cta-call i,
.quote-icon,
.feature-wrap,
.team-content h3 a,
.experience-box,
.subscribe-form .submit,
.floating-btn.call-btn {
    background-color: var(--primary-color) !important;
}

.default-btn:hover,
.btn-primary:hover,
.service-content .read-more:hover:before,
.subscribe-form .submit:hover {
    background-color: var(--primary-dark) !important;
}

/* Primary Color Text */
.about-info li h2 a,
.service-content h3 a:hover,
.cta-content h2 span,
.cta-content .cta-call p a,
.footer-links li a:hover,
.footer-contact li span,
.blog-section .post-meta li i,
.custom-price-table .text-warning,
.table-note i,
.table-note a {
    color: var(--primary-color) !important;
}

/* Primary Color Borders and Backgrounds */
.booking-form .form-field input:focus,
.taxi-booking-form .form-control:focus,
.contact-form-group .form-field .form-control:focus,
.accordion-button:not(.collapsed) {
    border-color: var(--primary-color) !important;
}

.swiper-pagination span.swiper-pagination-bullet-active,
.pricing-tab-menu li .nav-link.active,
.pricing-tab-menu li .nav-link:hover {
    background-color: var(--primary-color) !important;
}

/* Secondary Color Applications */
.service-shape:before,
.service-shape:after,
.booking-section,
.cta-section,
.team-content h4,
.footer-mid-wrap,
.copyright-wrap,
.modal-header {
    background-color: var(--secondary-color) !important;
}

.service-content h3 a,
.blog-section .post-content h3 a,
.pricing-head h3 a:hover,
.cta-section-2 .cta-content .default-btn,
.accordion-button:not(.collapsed) {
    color: var(--secondary-color) !important;
}

/* Accent Color Applications */
.floating-btn.call-btn {
    background: linear-gradient(135deg, var(--accent-color), var(--accent-dark)) !important;
}

.floating-btn.call-btn:hover {
    background: linear-gradient(135deg, var(--accent-dark), var(--accent-color)) !important;
}

.table-actions .call-btn {
    background: var(--accent-color) !important;
}

.table-actions .call-btn:hover {
    background: var(--accent-dark) !important;
}

/* Success Color Applications */
.floating-btn.whatsapp-btn {
    background: linear-gradient(135deg, #25D366, #128C7E) !important;
}

.custom-price-table .text-success,
.alert-success {
    color: var(--success-color) !important;
}

.btn-success {
    background-color: var(--success-color) !important;
    border-color: var(--success-color) !important;
}

/* Warning Color Applications */
.alert-warning {
    background-color: var(--warning-color) !important;
    border-color: var(--warning-color) !important;
}

.btn-warning {
    background-color: var(--warning-color) !important;
    border-color: var(--warning-color) !important;
}

/* Danger Color Applications */
.alert-danger {
    background-color: var(--danger-color) !important;
    border-color: var(--danger-color) !important;
}

.btn-danger {
    background-color: var(--danger-color) !important;
    border-color: var(--danger-color) !important;
}

/* Gradient Applications */
.pricing-head-wrap:before {
    background: linear-gradient(45deg, var(--primary-color), var(--primary-light)) !important;
}

.footer-top .footer-call:before {
    background: linear-gradient(45deg, var(--primary-color), var(--primary-light)) !important;
}

.cta-section-2:before {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-light)) !important;
}

/* Box Shadow with Primary Color */
.swiper-pagination span.swiper-pagination-bullet-active {
    box-shadow: 0px 0px 0px 3px rgba(255, 153, 0, 0.5) !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .default-btn,
    .btn-primary {
        background-color: var(--primary-color) !important;
    }
}

/* Animation keyframes with primary color */
@keyframes pulse-primary {
    0% {
        box-shadow: 0 4px 20px rgba(255, 153, 0, 0.3);
    }
    50% {
        box-shadow: 0 4px 20px rgba(255, 153, 0, 0.3), 
                    0 0 0 10px rgba(255, 153, 0, 0.1);
    }
    100% {
        box-shadow: 0 4px 20px rgba(255, 153, 0, 0.3);
    }
}

.floating-btn {
    animation: pulse-primary 2s infinite !important;
}