/* ==========================================
   Oritov AI Chatbot (Dify)
   ========================================== */

/* Floating Button */
#dify-chatbot-bubble-button {
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;

    right: 25px !important;
    bottom: 40px !important;   /* Raised slightly */

    background: #ffb000 !important;

    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.18),
        0 10px 30px rgba(0, 0, 0, 0.28),
        0 0 1px rgba(0, 0, 0, 0.15) !important;

    transition: all 0.25s ease;
}

/* Icon */
#dify-chatbot-bubble-button svg {
    width: 28px !important;
    height: 28px !important;
}

/* Hover */
#dify-chatbot-bubble-button:hover {
    background: #e6a000 !important;
    transform: translateY(-2px);

    box-shadow:
        0 6px 14px rgba(0, 0, 0, 0.22),
        0 16px 38px rgba(0, 0, 0, 0.35),
        0 0 2px rgba(0, 0, 0, 0.18) !important;
}

/* Chat Window */
#dify-chatbot-bubble-window {
    position: fixed !important;
    right: 25px !important;
    bottom: 105px !important;  /* Matches the higher button */
    width: 420px !important;
    height: 700px !important;
    z-index: 2147483640 !important;
}

/* ==========================================
   ORITOV HEADER
   ========================================== */
.main-header-bar-wrap {
    width: 100% !important;
    max-width: 100% !important;
    background-color: #0a2e5e !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}
.main-header-bar {
    background-color: #0a2e5e !important;
}
.main-header-bar .site-branding {
    margin-left: 0 !important;
}
.main-header-bar .main-header-menu {
    margin-left: auto !important;
}
.main-header-bar .ast-search-menu-icon {
    margin-right: 0 !important;
}

@media (min-width: 921px) {
    .main-header-bar .ast-container {
        position: relative !important;
        left: 60px !important;
    }
}

/* ==========================================
   DROPDOWN MENU — Navy Background All Pages
   ========================================== */
.ast-header-navigation-arrow .sub-menu,
.main-navigation ul ul,
.nav-menu ul,
ul.sub-menu {
    background-color: #0a2e5e !important;
    border-top: none !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

ul.sub-menu li a {
    background-color: #0a2e5e !important;
    color: #ffffff !important;
}

ul.sub-menu li a:hover {
    background-color: #23436e !important;
    color: #ffb000 !important;
}

ul.sub-menu li.current-menu-item > a {
    color: #ffb000 !important;
    background-color: #0a2e5e !important;
}