/* Set CSS variable so var(--base-color) works everywhere */
:root {
    --base-color: #f0f;
    --base-color2: #1C3D1F;
}


    .btn--base, .hero-search-form .hero-search-form-btn, .cta-wrapper,.footer-widget .social-link-list li a,.contact-info-card__icon,.account-wrapper .right .title::after,.bg--base, .ad-details-thumb-area .ad-details-price,.user-info-list li .icon, .btn--base:hover,.feature-ad-slider .slick-arrow,.filter-open-btn{
        background-color: #f0f !important 
    }

    .hero__subtitle,.text--base,.list-item__footer .price, .sidebar-menu .sidebar-submenu .sidebar-menu-item a,.sidebar-menu .sidebar-dropdown > a:hover,.page-breadcrumb li:first-child::before,.faq-item.open .faq-title .title,.account-header .content .account-info-list li i,.account-menu li a:hover,.select-menu-list li > a:hover,.cat-title,.list-item.list--style .list-item__wrapper .list-item__meta li a:hover,.meta-list li a:hover{
        color: #f0f !important 
    }

    a:hover{
        color:#f0f    }

    .faq-item.open .faq-title .right-icon::after, .faq-item.open .faq-title .right-icon::before,.custom-checkbox label::before,.pagination .page-item a, .pagination .page-item span, .pagination .page-item:hover a{
        background: #f0f;
    }

    .form--control{
        border: 1px solid #f0f;
    }
  
    .form--control:focus{
        border-color : #f0f;
    }

    .form--control:focus{
        box-shadow : 0 0 5px #f0f59;
    }

    .square-list li::after{
        background-color : #f0f73 
    }
    .account-menu li.active a{
        background-color : #f0f26    }

    .pagination .page-item.active .page-link{
        background: #f0f38;
    }




    .header.menu-fixed .header__bottom,.footer__bottom::after,.item-search-wrapper .item-search-btn,.item-search-form .item-search-form-btn,.account-header,.custom--table thead,.bg--sec,.account-sidebar-open-btn{
        background-color: #1C3D1F !important
    }
    
    .footer{
        background-color: #1C3D1FF5 
    }
    .list-item-featured{
        background-color: #1C3D1F38 !important;
    }

    .counter-item .thumb {
        background-color: #f0f;
    }
    .how__thumb {
        border-color: #f0f;
        color: #f0f;
    }    
    .social-login-btn {
        border: 1px solid #f0f;
    }    
    .social-login-btn:hover {
            background-color: #1C3D1F;
            color: #fff;
    }    
    .caption-list-two, .category-item:hover{
        background-color: #f0f0D !important;
    }

    .entry-title,.entry-title .price{
        background: #f0f !important;
    }

    .select2-selection.select2-selection--single {
        border-color: #f0f !important;
    }

    .select2-container--open .select2-selection.select2-selection--single,
    .select2-container--open .select2-selection.select2-selection--multiple {
        border-color: #f0f !important; 
    }

    .select2-container--default .select2-search--dropdown .select2-search__field {
        border-color: #f0f !important;
    }

    .form--check .form-check-input:checked {
        background-color: #f0f !important;
        border-color: #f0f !important;
    }

    
    .payment-card-title {
        background-color: #f0f;
    }

    .payment-system-list {
        --hover-border-color: #f0f;
    }
    
    .payment-system-list.is-scrollable::-webkit-scrollbar-thumb {
        background-color: #f0f;
    }

    .payment-item:has(.payment-item__radio:checked) .payment-item__check {
        border-color: #f0f;
    }
    
    .payment-item__check {
        border-color: #f0f;
    }

    /* main.css hardcoded #43ced2 overrides */
    a:hover,
    a.text-white:hover,
    .text--base,
    .hero__subtitle,
    .page-breadcrumb li a:hover,
    .custom--dropdown .dropdown-menu li .dropdown-item:hover,
    .select-menu-list li > a:hover,
    .header .main-menu li .sub-menu li a:hover,
    .header .main-menu li.menu_has_children:hover > a::before,
    .list-item__meta li a:hover,
    .list-item.list--style .list-item__wrapper .list-item__meta li a:hover,
    .meta-list li a:hover,
    .share-sub-menu li a:hover,
    .link-list li a:hover,
    .contact-info-card__content a:hover,
    .account-header .content .account-info-list li i,
    .account-menu li a:hover,
    .sidebar-menu .sidebar-dropdown > a:hover,
    .sidebar-menu .sidebar-submenu .sidebar-menu-item a { color: #f0f !important; }

    .bg--base,
    .btn--base,
    .btn--base:hover,
    .custom--accordion .accordion-button:not(.collapsed),
    .cta-wrapper,
    .pagination .page-item.active .page-link,
    .hero-search-form .hero-search-form-btn { background-color: #f0f !important; }

    .btn-outline--base { color: #f0f; border-color: #f0f; }
    .btn-outline--base:hover { background-color: #f0f; }
    .badge--base { border-color: #f0f; color: #f0f; }
    .form--control { border-color: #f0f; }
    .form--control:focus { border-color: #f0f; box-shadow: 0 0 5px #f0f59; }

    /* custom.css hardcoded #43ced2 overrides */
    .entry-title,
    .entry-title .price { background: #f0f !important; }
    .btn a { background: #f0f; }
    .location-card-inner { background: linear-gradient(135deg, #f0f 0%, #1C3D1F 100%); }

    /* Hero banner overlay — black at 35% so image shows and text stays readable */
    .hero::after { display: block; background-color: #000000; opacity: 0.35; }

    /* Mobile navigation dropdown background */
    .navbar-collapse { background-color: #1C3D1F !important; }
    .header.menu-fixed .header__bottom,
    .header__bottom { background-color: #1C3D1F !important; }