/* Purple Theme Override CSS
 * This file overrides the default green theme with a purple color scheme
 * to match the dashboard design for uniformity
 */

:root {
    /* Primary Purple Colors - Based on Tailwind Indigo Scale */
    --p1: 49, 46, 129;     /* #312e81 - indigo-900 (Primary dark) */
    --s1: 129, 140, 248;   /* #818cf8 - indigo-400 (Secondary/accent) */
    
    /* Supporting colors from the indigo scale for consistency */
    --p1-50: 238, 242, 255;    /* #eef2ff - indigo-50 */
    --p1-100: 224, 231, 255;   /* #e0e7ff - indigo-100 */
    --p1-200: 199, 210, 254;   /* #c7d2fe - indigo-200 */
    --p1-300: 165, 180, 252;   /* #a5b4fc - indigo-300 */
    --p1-400: 129, 140, 248;   /* #818cf8 - indigo-400 */
    --p1-500: 99, 102, 241;    /* #6366f1 - indigo-500 */
    --p1-600: 79, 70, 229;     /* #4f46e5 - indigo-600 */
    --p1-700: 67, 56, 202;     /* #4338ca - indigo-700 */
    --p1-800: 55, 48, 163;     /* #3730a3 - indigo-800 */
    --p1-900: 49, 46, 129;     /* #312e81 - indigo-900 */
}

/* Primary color overrides */
.p1-color {
    color: rgba(var(--p1), 1) !important;
}

.p1-bg {
    background: rgba(var(--p1), 1) !important;
}

.s1-color {
    color: rgba(var(--s1), 1) !important;
}

.s1-bg {
    background: rgba(var(--s1), 1) !important;
}

/* Button overrides */
.cmn-btn {
    background-color: rgb(var(--p1)) !important;
}

.cmn-btn::before,
.cmn-btn::after {
    background-color: rgb(var(--s1)) !important;
}

.cmn-btn.secondary-alt {
    background-color: rgb(var(--s1)) !important;
}

.cmn-btn.secondary-alt::before,
.cmn-btn.secondary-alt::after {
    background-color: rgb(var(--p1)) !important;
}

.cmn-btn.outline_btn {
    border: 1px solid rgb(var(--s1)) !important;
}

.cmn-btn.outline_btn:hover,
.cmn-btn.outline_btn:focus {
    background-color: rgba(var(--s1), 1) !important;
}

.cmn-btn.tag_btn::before,
.cmn-btn.tag_btn::after,
.cmn-btn.tag_btn.active {
    background-color: rgba(var(--p1), 0.12) !important;
}

.cmn-btn.tag_btn:hover,
.cmn-btn.tag_btn:focus,
.cmn-btn.tag_btn.active {
    color: rgb(var(--p1)) !important;
}

.cmn-btn.link {
    color: rgba(var(--s1), 1) !important;
    border-bottom: 2px solid rgba(var(--s1), 1) !important;
}

.cmn-btn.third-link {
    border-bottom: 2px solid rgba(var(--p1), 1) !important;
}

.cmn-btn.third-link i {
    color: rgba(var(--p1), 1) !important;
}

.cmn-btn.cmn-btn-circle {
    background: rgba(var(--p1), 1) !important;
}

/* Link and hover effects */
a {
    color: rgba(var(--p1), 1) !important;
}

a:focus,
a:hover {
    color: rgba(var(--p1), 1) !important;
}

/* Header navigation */
.header-section .navbar .navbar-nav a.active,
.header-section .navbar .navbar-nav a:hover,
.header-section .navbar .navbar-nav button.active,
.header-section .navbar .navbar-nav button:hover {
    color: rgba(var(--p1), 1) !important;
}

/* Form elements */
input:focus,
textarea:focus {
    outline: 1px solid rgba(var(--p1), 1) !important;
}

/* Border colors */
.border-color {
    border-color: rgba(var(--p1), 1) !important;
}

.border-color.opac-20 {
    border-color: rgba(var(--p1), 0.2) !important;
}

.border-color.second {
    border-color: rgb(var(--s1)) !important;
}

/* Social area hover effects */
.social-area a:hover {
    background-color: rgba(var(--p1), 1) !important;
}

/* Mouse follower cursor */
.mouse-follower .cursor-outline {
    border: 1px solid rgba(var(--s1), 1) !important;
}

.mouse-follower .cursor-dot {
    background: rgba(var(--s1), 1) !important;
}

/* Scrollbar */
*::-webkit-scrollbar-button,
*::-webkit-scrollbar-thumb {
    background: rgba(var(--p1), 1) !important;
}

.cus-scrollbar:hover::-webkit-scrollbar-button,
.cus-scrollbar:hover::-webkit-scrollbar-thumb {
    background: rgba(var(--p1), 1) !important;
}

/* Scroll to top button */
.scrollToTop {
    background-color: rgba(var(--p1), 1) !important;
}

/* Preloader */
.loader:after {
    background: rgb(var(--p1)) !important;
}

/* Navbar toggler */
.header-section .navbar-toggler span {
    background: rgba(var(--p1), 1) !important;
}

/* Pagination */
.pagination .page-item .page-link:hover,
.pagination .page-item .page-link.active,
.pagination .page-item .page-link:focus {
    background-color: rgba(var(--p1), 1) !important;
}

.pagination .page-item .page-link.next,
.pagination .page-item .page-link.prev {
    color: rgba(var(--p1), 1) !important;
}

.pagination .page-item .page-link.next:hover i,
.pagination .page-item .page-link.next:hover span,
.pagination .page-item .page-link.next.active i,
.pagination .page-item .page-link.next.active span,
.pagination .page-item .page-link.next:focus i,
.pagination .page-item .page-link.next:focus span,
.pagination .page-item .page-link.prev:hover i,
.pagination .page-item .page-link.prev:hover span,
.pagination .page-item .page-link.prev.active i,
.pagination .page-item .page-link.prev.active span,
.pagination .page-item .page-link.prev:focus i,
.pagination .page-item .page-link.prev:focus span {
    color: rgba(var(--p1), 1) !important;
}

/* Breadcrumb */
.breadcrumb-area .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(var(--p1), 1) !important;
}

.breadcrumb-area .breadcrumb .active span {
    color: rgba(var(--p1), 1) !important;
}

/* Checkboxes and radio buttons */
.single-radio .checkmark {
    border: 1px solid rgba(var(--p1), 1) !important;
}

.single-radio input:checked~.checkmark::after {
    background: rgba(var(--p1), 1) !important;
}

/* Switch */
.switch-wrapper .active {
    color: rgba(var(--p1), 1) !important;
}

.switch-wrapper .switch .slider {
    background: rgba(var(--p1), 1) !important;
}

/* Input area focus */
.input-area:focus-within {
    outline: 1px solid rgba(var(--p1), 1) !important;
}

/* Testimonial slider buttons */
.testimonial .slider-btn i {
    color: rgba(var(--p1), 1) !important;
}

/* Testimonial pagination */
.testimonial-secondary .swiper-pagination span.swiper-pagination-bullet-active {
    background: rgba(var(--p1), 1) !important;
}

/* Hero section effects */
@media (min-width: 992px) {
    .hero-section::after {
        background: rgb(var(--p1)) !important;
    }
}

@media (min-width: 1400px) {
    .hero-section::before {
        background: rgba(var(--p1), 1) !important;
    }
}

/* Animations and special effects - colors handled by existing animations */

/* Circle text */
.hero-section--secondary .circle-text span {
    color: rgba(var(--p1), 1) !important;
}

/* Provide world cards hover */
.provide-world .provide-world__card:hover {
    background: rgba(var(--p1), 1) !important;
}

/* Team cards hover */
.team .team__card .team__content .team__title:after {
    background: rgba(var(--p1), 1) !important;
}

.team .team__card:hover .team__content {
    background: rgba(var(--p1), 1) !important;
}

/* Blog news cards hover */
.blog_news__card:hover .blog_news__content {
    background: rgba(var(--p1), 1) !important;
}

/* FAQ accordion */
.faq .accordion-single.accordion_bg {
    background: rgba(var(--p1), 1) !important;
}

/* Market cards hover */
.market .market__card:hover {
    background: rgba(var(--p1), 1) !important;
}

/* Footer hover effects */
.footer .footer__part a:hover {
    color: rgba(var(--p1), 1) !important;
}

.footer .start-earning:after {
    background: rgba(var(--p1), 1) !important;
}

/* Tab content */
.singletab .nav-links.active .cmn-btn {
    background-color: rgba(var(--s1), 1) !important;
}

/* Additional hover and focus states */
.btn-popup-animation:before,
.btn-popup-animation.small:before {
    border-right: 60px solid rgba(var(--p1), 1) !important;
    border-left: 60px solid rgba(var(--p1), 1) !important;
}

.btn-popup-animation.small:before {
    border-right: 25px solid rgba(var(--p1), 1) !important;
    border-left: 25px solid rgba(var(--p1), 1) !important;
}

@media (max-width: 767px) {
    .btn-popup-animation:before {
        border-right: 40px solid rgba(var(--p1), 1) !important;
        border-left: 40px solid rgba(var(--p1), 1) !important;
    }
}

/* Text gradient effects */
.text-gradient {
    background: linear-gradient(135deg, rgb(var(--p1)), rgb(var(--s1))) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Additional utility classes for purple theme */
.purple-primary {
    color: rgb(var(--p1)) !important;
}

.purple-secondary {
    color: rgb(var(--s1)) !important;
}

.purple-primary-bg {
    background-color: rgb(var(--p1)) !important;
}

.purple-secondary-bg {
    background-color: rgb(var(--s1)) !important;
}

/* Gradient backgrounds */
.purple-gradient {
    background: linear-gradient(135deg, rgb(var(--p1)), rgb(var(--s1))) !important;
}

.purple-gradient-reverse {
    background: linear-gradient(135deg, rgb(var(--s1)), rgb(var(--p1))) !important;
}

/* File upload styling */
.file-upload {
    border: 1px solid rgba(var(--p1), 1) !important;
}

.file-upload .add-file {
    color: rgba(var(--p1), 1) !important;
}

/* Nice select dropdown active states */
.nice-select .option:hover,
.nice-select .option:focus,
.nice-select .option.selected.focus {
    background-color: rgba(var(--p1), 0.1) !important;
    color: rgba(var(--p1), 1) !important;
}

/* Additional responsive overrides */
@media (max-width: 991px) {
    .hero-section::after {
        background: rgb(var(--p1)) !important;
    }
}

/* Ensure consistent purple theme across all interactive elements */
*:focus {
    outline-color: rgba(var(--p1), 0.5) !important;
}

/* Box shadows with purple tint */
.box-shadow:hover {
    box-shadow: rgba(var(--p1), 0.15) 0px 2px 5px 0px, rgba(0,0,0,.05) 0px 1px 1px 0px !important;
}