/* Normalize nav font sizes */
.navbar-nav .nav-link { font-size: 16px; font-weight: 500; color: inherit; }
/* Ensure language link matches nav color/size */
.header-contact .language-dropdown { font-size: 16px !important; font-weight: 500; color: inherit !important; background-color: transparent; border-color: transparent; }

/* Unify hover color for nav links */
.navbar-nav .nav-link:hover, .navbar-nav .dropdown-toggle:hover { color: #2b6cff; }

/* Mobile menu adjustments */
@media (max-width: 991px) {
    .header-contact {
        margin-top: 15px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        padding-top: 15px;
    }

    .header-contact .free-trial {
        margin-right: 10px !important;
    }

    .header-contact .free-trial .nav-link {
        padding: 8px 12px;
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 4px;
        font-size: 14px;
    }

    .header-contact .contact-btn {
        padding: 8px 15px;
        font-size: 14px;
    }

    /* Hide desktop actions; mobile actions already inside collapse */
    .header-contact { display: none; }

    /* Keep spacing in collapsed menu */
    #navbarSupportedContent .dropdown-item { font-size: 14px; }
    /* Tighten spacing between More and language */
    #navbarSupportedContent .nav-item + .nav-item { margin-top: 6px; }
    
    /* Mobile contact us button styling - dedicated class to avoid being hidden */
    #navbarSupportedContent .nav-link.mobile-call-btn {
        background-color: var(--e-global-color-accent, #2b6cff) !important;
        color: #ffffff !important;
        border: 1px solid var(--e-global-color-accent, #2b6cff) !important;
        border-radius: 6px;
        padding: 10px 20px !important;
        text-align: center;
        font-weight: 500;
        text-transform: uppercase;
        transition: all 0.3s ease;
        margin-top: 10px;
        display: inline-block;
        width: auto;
        min-width: 120px;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    #navbarSupportedContent .nav-link.mobile-call-btn:hover,
    #navbarSupportedContent .nav-link.mobile-call-btn:focus,
    #navbarSupportedContent .nav-link.mobile-call-btn:active {
        background-color: #1e5ae8 !important;
        border-color: #1e5ae8 !important;
        color: white !important;
        text-decoration: none;
    }
}

/* Language dropdown styling */
.language-dropdown { padding: 6px 10px !important; border-radius: 4px; }

@media (min-width: 1200px) {
    .header-con .navbar-expand-lg .navbar-nav {
        gap: 80px !important;
    }
}

/* Uppercase text and spacing on PC/Desktop only */
@media (min-width: 992px) {
    /* Increase gap between navigation items */
    .header-con .navbar-expand-lg .navbar-nav {
        gap: 35px !important;
    }
    
    /* Main navigation links uppercase - higher specificity */
    .header-con .navbar-light .navbar-nav .nav-link {
        text-transform: uppercase !important;
    }
    
    /* Contact button uppercase */
    .header-contact .contact-btn {
        text-transform: uppercase !important;
    }
    
    /* More dropdown toggle uppercase */
    .header-con .more-toggle {
        text-transform: uppercase !important;
    }
    
    /* Dropdown menu items uppercase */
    .header-con .dropdown-menu .dropdown-item {
        text-transform: uppercase !important;
    }
    
    /* Language dropdown text uppercase */
    .header-con .language-dropdown {
        text-transform: uppercase !important;
    }
    
    /* Add spacing between contact button and language dropdown */
    .header-contact .navbar-nav .nav-item {
        margin-left: 12px;
    }
    
    .header-contact .navbar-nav .nav-item:first-child {
        margin-left: 0;
    }
}

.header-contact .dropdown-toggle::after, .navbar-nav .dropdown-toggle::after { display: none; }

/* Default dropdown base (fallback) */
.navbar .dropdown-menu { background: #fff; border: 1px solid rgba(0,0,0,0.1); border-radius: .25rem; min-width: 10rem; padding: .5rem 0; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); }
.navbar .dropdown-item { color: #212529; padding: .25rem 1rem; text-align: left; font-size: 16px; font-weight: 500; }
.navbar .dropdown-item:hover { background-color: #f8f9fa; color: #212529; }

/* Force EN (header-contact) to match More dropdown exactly (style.css rules) */
.header-con .header-contact .dropdown-menu { padding: 10px; margin: 0; background-color: var(--e-global-color-primary); border: 0; z-index: 2; width: 230px; margin-top: 10px; box-shadow: 0px 0px 100px rgb(0 0 0 / 15%); border-radius: 10px; }
.header-con .header-contact .dropdown-menu a:last-child { border-bottom: none; }
.header-con .header-contact .dropdown-menu .dropdown-item { padding: 7px 12px; border-bottom: 1px solid var(--e-global-color-primary); font-size: 16px; font-weight: 500; line-height: 24px; color: var(--e-global-color-secondary); border-radius: 6px; }
.header-con .header-contact .dropdown-menu .dropdown-item:active,
.header-con .header-contact .dropdown-menu .dropdown-item.active { background-color: var(--e-global-color-accent); color: var(--e-global-color-primary); }
.header-con .header-contact .dropdown-menu .dropdown-item:hover { background-color: var(--e-global-color-accent); color: var(--e-global-color-primary); }

/* Hover of More and EN same as Pricing */
.more-toggle, .language-dropdown, #languageDropdownMobile { border: 1px solid transparent; padding: 6px 10px; border-radius: 6px; transition: color .2s ease; background: transparent; color: inherit; }
.more-toggle:hover, .language-dropdown:hover, #languageDropdownMobile:hover { color: #2b6cff !important; background: transparent; border-color: transparent; }
/* Active/open state same as hover */
.show > .more-toggle, .show > .language-dropdown, .show > #languageDropdownMobile { color: #2b6cff !important; background: transparent; border-color: transparent; }
/* Force mobile language link to use nav color */
#languageDropdownMobile { color: inherit !important; }

.ml-1 { margin-left: 0.25rem; }


/* Mobile chatbot positioning */
@media screen and (max-width: 991px) {
    /* Chatbot button - higher position on tablet/mobile */
    #dify-chatbot-bubble-button {
        position: fixed !important;
        right: 13px !important;
        left: auto !important;
        bottom: 80px !important;
        transform: none !important;
    }
    
    /* Ensure chatbot window doesn't overflow on tablet/mobile */
    #dify-chatbot-bubble-window {
        width: calc(100vw - 2rem) !important;
        height: calc(100vh - 10rem) !important;
        right: 0 !important;
        bottom: 5rem !important;
    }
}

/* Desktop chatbot positioning */
@media screen and (min-width: 992px) {
    /* Raise chatbot button slightly on desktop */
    #dify-chatbot-bubble-button {
        position: fixed !important;
        bottom: 70px !important; /* adjust as needed */
    }
}

@media screen and (max-width: 575px) {
    /* Chatbot button - smaller screens */
    #dify-chatbot-bubble-button {
        position: fixed !important;
        right: 17px !important;
        left: auto !important;
        bottom: 100px !important;
        transform: none !important;
    }
    
    /* Chatbot window for small screens */
    #dify-chatbot-bubble-window {
        width: calc(100vw - 1.5rem) !important;
        height: calc(100vh - 8rem) !important;
        right: 0 !important;
        bottom: 5rem !important;
    }
}