/*
 * BloomForte Navigation Fixes
 * 
 * This file fixes navigation issues including unnecessary chevrons
 * and ensures proper menu behavior for the BloomForte website
 */

/* Hide chevrons for menu items that should be simple links */
.mainMenu ul li.no-submenu > a:after,
.SMABody ul li.no-submenu > a:after {
    display: none !important;
}

/* Fix for Home and About links - remove chevrons if they should be simple links */
.mainMenu ul li.simple-link > a:after,
.SMABody ul li.simple-link > a:after {
    display: none !important;
}

/* Alternative approach - hide chevrons for specific menu items by content */
.mainMenu ul li[data-simple="true"] > a:after,
.SMABody ul li[data-simple="true"] > a:after {
    display: none !important;
}

/* Fix social media icon colors to use BloomForte brand colors */
.abSocial a {
    background: var(--brand-blue-extra-light) !important;
    border: 2px solid var(--brand-blue-light) !important;
    color: var(--theme-color) !important;
}

.abSocial a:hover {
    background: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
    color: #fff !important;
}

/* Fix footer social icons */
.footer_01 .abSocial a,
.footer_02 .abSocial a {
    background: var(--brand-blue-extra-light) !important;
    border: 2px solid var(--brand-blue-light) !important;
    color: var(--theme-color) !important;
}

.footer_01 .abSocial a:hover,
.footer_02 .abSocial a:hover {
    background: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
    color: #fff !important;
}

/* Update any remaining circular skill indicators to use brand colors */
.circle-skill {
    background: var(--brand-blue-extra-light) !important;
}

/* Fix the skill bar gradient colors */
.circle-skill[data-gradientstart="#ed1b24"] {
    --gradient-start: var(--theme-color) !important;
}

.circle-skill[data-gradientend="#ed1b24"] {
    --gradient-end: var(--secondary-color) !important;
}

/* Update any remaining background colors that might use old red theme */
[data-bg="#ffe5e6"] {
    background-color: var(--brand-blue-extra-light) !important;
}

/* Fix loader text colors */
.bloomforteLoader .loaderO span {
    color: var(--theme-color) !important;
}

/* Ensure preloader text uses brand colors */
.preloader .loaderO span {
    color: var(--theme-color) !important;
}

/* Additional navigation improvements */
.mainMenu > ul > li.current-menu-item > a {
    color: var(--theme-color) !important;
}

.mainMenu > ul > li:hover > a {
    color: var(--secondary-color) !important;
}

/* Mobile menu improvements */
.SMABody ul li.current-menu-item > a,
.SMABody ul li:hover > a {
    color: var(--theme-color) !important;
}

/* Search button improvements */
.searchBtn a:hover,
.searchBtn.active a {
    color: var(--theme-color) !important;
}

/* Header background improvements */
.header01,
.header02,
.header03 {
    background-color: rgba(248, 251, 255, 0.95) !important;
}

/* Fixed header improvements */
.fixedHeader {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px) !important;
}

/* Contact button in header */
.accessNav .qu_btn {
    background: var(--gradient-blue-green) !important;
}

.accessNav .qu_btn:hover {
    background: var(--gradient-flow) !important;
}

/* Ensure all gradient references use the updated brand colors */
.qu_btn[style*="ed1b24"],
.qu_btn[style*="ed521c"] {
    background: var(--gradient-blue-green) !important;
}

/* Override any inline styles that might still use old colors */
*[style*="ed1b24"] {
    background: var(--theme-color) !important;
}

*[style*="ed521c"] {
    background: var(--secondary-color) !important;
}

/* Fix any remaining elements with old gradient */
.element-with-old-gradient {
    background: var(--gradient-blue-green) !important;
}

/* Ensure consistency across all button hover states */
.qu_btn:hover,
.qu_btn:focus {
    background: var(--gradient-flow) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(46, 127, 191, 0.3);
}

/* Team member social icons */
.tm_social a {
    background: #fff !important;
    color: var(--text-primary) !important;
    border: 2px solid var(--border-light) !important;
}

.tm_social a:after {
    background: var(--theme-color) !important;
}

.tm_social a:hover {
    color: #fff !important;
}

/* Portfolio filter buttons */
.filter_menu li:after {
    background: var(--gradient-blue-green) !important;
}

.filter_menu li:hover,
.filter_menu li.active {
    color: #fff !important;
}

/* Testimonial navigation arrows */
.testimonialslider02.owl-carousel .owl-nav button:hover {
    background: var(--theme-color) !important;
    color: #fff !important;
}

/* Blog post meta link hovers */
.bmeta a:hover {
    color: var(--theme-color) !important;
}

/* Service number indicators */
.icon_box_09 > h2 {
    color: var(--theme-color) !important;
}

/* Pricing plan hover effects */
.priceItem:hover {
    background-color: var(--text-primary) !important;
}

/* Video popup button */
.video_banner .popup_video {
    background: var(--gradient-blue-green) !important;
}

.video_banner .popup_video:hover {
    background: var(--gradient-flow) !important;
}

/* Ensure accordion plus/minus icons use brand colors */
.quAccordion .card .card-header h2 button span {
    background: var(--gradient-blue-green) !important;
}

/* Newsletter subscription button */
.SubsrcribeForm .yikes-easy-mc-form .yikes-easy-mc-submit-button {
    background: var(--gradient-blue-green) !important;
}

.SubsrcribeForm .yikes-easy-mc-form .yikes-easy-mc-submit-button:hover {
    background: var(--gradient-flow) !important;
}

/* Appointment form improvements */
.appointment_form .qu_btn {
    background: var(--gradient-blue-green) !important;
}

.appointment_form .qu_btn:hover {
    background: var(--gradient-flow) !important;
}

/* Experience counter background */
.expCounter:before {
    background: var(--gradient-blue-green) !important;
}

/* Portfolio item hover effects */
.folioItem01 .fm i,
.folioItem02:before {
    background: var(--gradient-blue-green) !important;
}

/* Gallery overlay effects */
.galleryShots a:after {
    background: var(--gradient-blue-green) !important;
}

/* Help area background */
.help_area {
    background: var(--theme-color) !important;
}

.help_area:after {
    border-color: var(--theme-color) transparent transparent transparent !important;
}

/* Choose slider background */
.chooseSlider.owl-carousel {
    background: var(--gradient-blue-green) !important;
}

.chooseSlider.owl-carousel:after {
    border-color: var(--theme-color) transparent transparent transparent !important;
}

/* Icon box backgrounds and borders */
.icon_box_05 .ib_box:after,
.icon_box_08 .ib_box:after,
.icon_box_08 .ib_box span {
    background: var(--gradient-blue-green) !important;
}

/* Price item shape backgrounds */
.priceItem .ib_box,
.priceItem .ib_box::before,
.priceItem .ib_box::after,
.priceItem .pshape,
.priceItem .pshape::before,
.priceItem .pshape::after {
    background: var(--theme-color) !important;
}

/* Work process icon animations */
.wpProcess .IconImage::after,
.wpProcess .IconImage::before {
    border-color: var(--theme-color) !important;
}

/* Pin decorative elements */
.pin1:after,
.pin2:after {
    background: var(--theme-color) !important;
}

/* Call to action circular element */
.orcta,
.orcta:after {
    background: var(--theme-color) !important;
}

/* Circle skill strong text */
.circle-skill strong {
    background: var(--theme-color) !important;
    color: #fff !important;
}

/* Funfact area background */
.funfactArea {
    background: var(--theme-color) !important;
}

/* Header search button background */
.header01SearchBar button {
    background: var(--theme-color) !important;
}

/* Access navigation user button */
.accessNav a.userBtn {
    background: transparent !important;
    border-color: var(--theme-color) !important;
    color: var(--theme-color) !important;
}

.accessNav a.userBtn:hover {
    background: var(--theme-color) !important;
    color: #fff !important;
}

/* Fact counter hover effect */
.fact_02:hover {
    background: var(--theme-color) !important;
}

/* Spinner icon background */
.spIcon i {
    background: var(--gradient-blue-green) !important;
}

/* Team member social overlay */
.tm_social a:after {
    background: var(--theme-color) !important;
}

/* Main menu item styling improvements */
.mainMenu ul li {
    line-height: 0.8;
    margin: 0 32px 0 0;
    padding: 30px 0;
    display: inline-block;
    position: relative;
}

/* Header responsive width fix and sticky menu z-index */
@media (min-width: 1200px) and (max-width: 1700px) {
    .header03 {
        width: calc(100%);
        /* margin: auto; - Removed as requested */
        padding: 0px 20px;
    }
}

/* Sticky menu z-index fix - ensure it stays above everything */
.header03.isSticky,
.header03.fixedHeader,
.fixedHeader {
    z-index: 9999 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: rgba(0, 0, 0, 0.95) !important; /* Black background as requested */
    backdrop-filter: blur(10px) !important;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3) !important; /* Darker shadow for black header */
}

/* Ensure text is visible on black sticky header */
.header03.isSticky .mainMenu > ul > li > a,
.header03.fixedHeader .mainMenu > ul > li > a,
.fixedHeader .mainMenu > ul > li > a {
    color: #ffffff !important; /* White text on black background */
}

.header03.isSticky .mainMenu > ul > li:hover > a,
.header03.fixedHeader .mainMenu > ul > li:hover > a,
.fixedHeader .mainMenu > ul > li:hover > a {
    color: var(--theme-color) !important; /* Brand color on hover */
}

/* Sticky header contact info text */
.header03.isSticky .icon_box_04 p,
.header03.isSticky .icon_box_04 h3,
.header03.fixedHeader .icon_box_04 p,
.header03.fixedHeader .icon_box_04 h3,
.fixedHeader .icon_box_04 p,
.fixedHeader .icon_box_04 h3 {
    color: #ffffff !important;
}

/* Sticky header search and menu toggle icons */
.header03.isSticky .searchBtn a,
.header03.isSticky .menuToggler,
.header03.fixedHeader .searchBtn a,
.header03.fixedHeader .menuToggler,
.fixedHeader .searchBtn a,
.fixedHeader .menuToggler {
    color: #ffffff !important;
}

/* Logo visibility on black background - ensure logo2.png is visible */
.header03.isSticky .logo img,
.header03.fixedHeader .logo img,
.fixedHeader .logo img {
    filter: drop-shadow(1px 1px 3px rgba(255, 255, 255, 0.3)) !important;
}

/* Override any theme-specific padding conflicts */
.header03 .mainMenu > ul > li {
    padding: 30px 0 !important; /* Override conflicting 32px padding */
}

/* Mobile menu z-index fix */
.sidebarMenu {
    z-index: 99999 !important;
}

.sidebarMenu .SMArea {
    z-index: 99999 !important;
}

/* Search dropdown z-index */
.header01SearchBar {
    z-index: 10000 !important;
}

/* Dropdown menus z-index */
.mainMenu ul li .sub-menu {
    z-index: 10000 !important;
}

/* Logo styling - Prefer logo2.png ===== */

/* Logo container background and styling */
.logo {
    background: transparent;
    position: relative;
    z-index: 10;
}

/* Enhanced styling for logo2.png (preferred logo with light text) */
.logo img[src*="logo2.png"] {
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.1));
    transition: all 0.3s ease;
}

/* Better visibility for logo2.png in dark headers */
.header03 .logo img[src*="logo2.png"] {
    filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.3));
}

/* Logo hover effect */
.logo img:hover {
    transform: scale(1.02);
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.2));
}

/* Responsive logo sizing */
@media (max-width: 768px) {
    .logo img {
        max-height: 50px;
        width: auto;
    }
}

/* Fixed header logo styling */
.fixedHeader .logo img {
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.2));
}

/* Ensure logo2.png is preferred over logo.png */
.logo img[src*="logo.png"] {
    /* Add slight opacity to indicate logo.png is not preferred */
    opacity: 0.9;
}

/* Better contrast for logo in different header types */
.header01 .logo img,
.header02 .logo img {
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.1));
}

/* Sticky header logo adjustments */
.isSticky .logo img {
    transition: all 0.3s ease;
}

/* Logo loading state */
.logo img {
    background: transparent;
    border: none;
    outline: none;
}

/* ===== ENHANCED MENU STYLING FIXES ===== */

/* Main menu item styling - Enhanced specificity to override conflicts */
.header03 .mainMenu > ul > li,
.mainMenu > ul > li {
    line-height: 0.8 !important;
    margin: 0 32px 0 0 !important;
    padding: 30px 0 !important;
    display: inline-block !important;
    position: relative !important;
}

/* Ensure consistent padding across ALL header states */
.header03.isSticky .mainMenu > ul > li,
.header03.fixedHeader .mainMenu > ul > li,
.fixedHeader .mainMenu > ul > li {
    padding: 30px 0 !important; /* Force 30px padding in sticky state */
}

/* Override any deeply nested theme conflicts */
.header03 .navbar01 .mainMenu > ul > li {
    padding: 30px 0 !important;
    line-height: 0.8 !important;
    margin: 0 32px 0 0 !important;
}