/* ===================================
   ArlexFish Custom Theme Colors
   Blue: #3B5BA6 (from logo)
   Red: #DC2626 (from logo)
   =================================== */

/* Override Swiper CSS Variables */
:root {
    --swiper-theme-color: #DC2626 !important;
    --swiper-navigation-color: #DC2626 !important;
}

/* ===================================
   BLUE Theme Colors (Main theme)
   =================================== */

.theme,
h5.theme,
.theme2,
h4.theme2 {
    color: #3B5BA6 !important;
}

.bg-theme2 {
    background-color: #2B4A86 !important;
}

/* Buttons with theme color */
.nir-btn,
.nir-btn:hover,
.nir-btn:focus,
a.nir-btn {
    background-color: #3B5BA6 !important;
    border-color: #3B5BA6 !important;
}

.nir-btn:hover,
.nir-btn:focus {
    background-color: #2B4A86 !important;
    border-color: #2B4A86 !important;
}

/* Border colors */
.border-theme {
    border-color: #3B5BA6 !important;
}

/* Links with theme color */
a:hover,
a:focus {
    color: #3B5BA6 !important;
}

/* Icon colors */
.why-us-icon i.theme,
i.theme {
    color: #3B5BA6 !important;
}

/* Quote icon - RED */
.fa-quote-left,
i.fa-quote-left {
    color: #DC2626 !important;
}

/* ===================================
   Hide Original Navigation, Show Custom
   =================================== */

.navbar-collapse1 .nav.navbar-nav {
    display: none !important;
}

/* Hide Login/Register and Add Listing in register-login, but show language switcher */
.register-login > a,
.register-login > .header_sidemenu,
.register-login > .nir-btn {
    display: none !important;
}

.register-login {
    display: flex !important;
    align-items: center;
}

/* Make sure language switcher is visible in register-login */
.register-login .language-switcher {
    display: flex !important;
    align-items: center;
    gap: 10px;
}

/* Simple Navigation - Only Home and Blog - CENTERED */
.navbar-collapse1 {
    display: flex !important;
    flex: 1;
    justify-content: center;
}

.simple-nav {
    display: flex !important;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 30px;
}

.simple-nav li {
    display: inline-block;
}

.simple-nav li a {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    padding: 10px 0;
    transition: color 0.3s ease;
}

.simple-nav li a:hover {
    color: #3B5BA6;
}

/* ===================================
   Language Switcher
   =================================== */

.language-switcher {
    display: flex !important;
    align-items: center;
    gap: 10px;
}

.language-switcher .lang-btn {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 12px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.language-switcher .lang-btn img {
    border: 1px solid #ddd;
}

.language-switcher .lang-btn:hover {
    background-color: #f5f5f5;
    color: #333;
}

/* Active/Selected language - always white text */
.language-switcher a.lang-btn.active,
a.lang-btn.active {
    background-color: #3B5BA6 !important;
    color: #fff !important;
}

.language-switcher a.lang-btn.active:hover,
a.lang-btn.active:hover {
    background-color: #2B4A86 !important;
    color: #fff !important;
}

/* Ensure non-active buttons don't have blue background */
.language-switcher a.lang-btn:not(.active),
a.lang-btn:not(.active) {
    background-color: transparent !important;
    color: #333 !important;
}

.language-switcher .lang-separator {
    color: #ddd;
    font-size: 18px;
}

@media (max-width: 768px) {
    .language-switcher .lang-btn {
        font-size: 12px;
        padding: 6px 10px;
    }

    .language-switcher .lang-btn img {
        width: 20px;
        height: 13px;
    }
}

/* Text colors */
.fw-bold.theme,
span.theme,
p .theme {
    color: #3B5BA6 !important;
}

/* Content line section */
.content-line-inner.bg-theme2 {
    background-color: #3B5BA6 !important;
}

/* Tags and badges */
.tags.bg-theme2,
a.tags.bg-theme2 {
    background-color: #3B5BA6 !important;
}

/* Active nav items */
.navbar-nav li.active a,
.navbar-nav li a:hover {
    color: #3B5BA6 !important;
}

/* Form focus states */
input:focus,
textarea:focus,
select:focus {
    border-color: #3B5BA6 !important;
}

/* Section titles with span */
.section-title h2 {
    color: #DC2626 !important;
}

.section-title h2 span {
    color: #3B5BA6 !important;
}

/* Entry category */
.entry-category a {
    background-color: #3B5BA6 !important;
    color: #fff !important;
}

/* ===================================
   RED Accent Colors (from logo)
   Override all green (#2db838) with red
   =================================== */

/* Background theme - RED */
.bg-theme,
.bg-theme1 {
    background: #DC2626 !important;
    background-color: #DC2626 !important;
}

/* Flash badge - Red from logo */
.flash.bg-theme1 {
    background-color: #DC2626 !important;
}

/* Why Us / Feature Cards Hover - RED */
.why-us .why-us-item:hover,
.why-us-item:hover {
    background: #DC2626 !important;
    background-color: #DC2626 !important;
}

.why-us .why-us-item:hover i,
.why-us .why-us-item:hover a,
.why-us .why-us-item:hover span,
.why-us .why-us-item:hover h4,
.why-us .why-us-item:hover p {
    color: #fff !important;
}

/* Swiper Pagination */
.banner .slider .swiper-pagination-bullet-active {
    background: #DC2626 !important;
}

/* ===================================
   Swiper Navigation Buttons - RED
   Ultra-specific selectors to override green
   =================================== */

/* Base swiper button styles */
.swiper-button-next,
.swiper-button-prev,
section.banner .swiper-button-next,
section.banner .swiper-button-prev,
.banner .swiper-button-next,
.banner .swiper-button-prev,
div.swiper-button-next,
div.swiper-button-prev {
    color: #DC2626 !important;
    background-color: transparent !important;
}

/* Swiper button :after pseudo-elements */
.swiper-button-next:after,
.swiper-button-prev:after,
.swiper-button-next::after,
.swiper-button-prev::after,
section.banner .swiper-button-next:after,
section.banner .swiper-button-prev:after,
.banner .swiper-button-next:after,
.banner .swiper-button-prev:after,
div.swiper-button-next:after,
div.swiper-button-prev:after,
div.swiper-button-next::after,
div.swiper-button-prev::after {
    background: #DC2626 !important;
    background-color: #DC2626 !important;
    color: #fff !important;
}

/* Swiper button hover states */
.swiper-button-next:hover,
.swiper-button-prev:hover,
section.banner .swiper-button-next:hover,
section.banner .swiper-button-prev:hover,
.banner .swiper-button-next:hover,
.banner .swiper-button-prev:hover {
    background-color: transparent !important;
}

.swiper-button-next:hover:after,
.swiper-button-prev:hover:after,
.swiper-button-next:hover::after,
.swiper-button-prev:hover::after,
section.banner .swiper-button-next:hover:after,
section.banner .swiper-button-prev:hover:after,
.banner .swiper-button-next:hover:after,
.banner .swiper-button-prev:hover:after,
div.swiper-button-next:hover:after,
div.swiper-button-prev:hover:after {
    background: #B91C1C !important;
    background-color: #B91C1C !important;
    color: #fff !important;
}

/* ===================================
   Catch-all for any remaining green
   =================================== */

/* Override any inline styles with green color */
[style*="2db838"],
[style*="#2db838"],
[style*="background: #2db838"],
[style*="background-color: #2db838"] {
    background: #DC2626 !important;
    background-color: #DC2626 !important;
}

/* ===================================
   Additional Hover States - RED
   =================================== */

/* Category items hover */
.category-main .category-main-inner .category-item:hover {
    background: #DC2626 !important;
}

.category-main .category-main-inner .category-item:hover i,
.category-main .category-main-inner .category-item:hover a,
.category-main .category-main-inner .category-item:hover span {
    color: #fff !important;
}

/* Button hover states */
button:hover,
input[type="submit"]:hover,
input#submit:hover,
input#submit1:hover,
input#submit2:hover {
    background: #DC2626 !important;
    background-color: #DC2626 !important;
}

/* Slider/Carousel navigation hover */
.slick-prev:hover,
.slick-next:hover,
.team-slider .slick-prev:hover,
.team-slider .slick-next:hover {
    background: #DC2626 !important;
}

/* Modal and tab active states */
.log-reg .nav-pills .nav-link.active,
.log-reg .nav-pills .show > .nav-link {
    background: #DC2626 !important;
}

/* Menu dropdown hover */
.header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li a:hover {
    background: #DC2626 !important;
    color: #fff !important;
}

/* Pagination active */
.pagination-main .pagination li.active a {
    background: #DC2626 !important;
    border-color: #DC2626 !important;
}

/* Tab navigation active */
.tabs-navbar ul li.active a,
.tabs-navbar ul li a:hover,
.tabs-navbar1 ul li.active a,
.tabs-navbar1 ul li a:hover {
    background: #DC2626 !important;
}

/* Sidebar active items */
ul.sidebar-category li a:hover,
ul.sidebar-category li.active a {
    background: #DC2626 !important;
}

/* Sidebar tags hover */
ul.sidebar-tags li a:hover {
    background: #DC2626 !important;
}

/* Gallery item hover */
.gallery .gallery-item .gallery-content ul li:hover {
    background: #DC2626 !important;
}

/* Footer links hover */
footer .footer-upper .footer-links .tagcloud a:hover {
    background: #DC2626 !important;
}

/* Social links hover */
.social-links ul li a:hover,
footer.footer1 .footer-copyright .social-links ul li a:hover {
    background: #DC2626 !important;
}

/* Accordion active state */
.accrodion-grp .accrodion.active .accrodion-title {
    background: #DC2626 !important;
    border-color: #DC2626 !important;
}

/* Menu hamburger hover */
.menu-ham a i:hover {
    background: #DC2626 !important;
    color: #fff !important;
}

/* ===================================
   Blog Page Title Fixes
   =================================== */

/* Center and properly space blog page titles */
.breadcrumb-main .breadcrumb-content {
    justify-content: center !important;
    text-align: center !important;
    padding: 30px 20px 60px 20px !important;
}

.breadcrumb-main .breadcrumb-content h1 {
    max-width: 1000px;
    margin: 0 auto !important;
    line-height: 1.3 !important;
}

/* Fix drop cap color - use blue instead of green */
.blog-content p:first-child:first-letter {
    color: #3B5BA6 !important;
}

/* Back to top button - RED */
#back-to-top a {
    background: #DC2626 !important;
}

#back-to-top a:hover {
    background: #B91C1C !important;
}