/* ENIAC WHMCS 9 - header-only RTL compatibility */
#header-holder,
#header,
#main-menu,
#nav {
    direction: rtl;
}

#header > .container {
    position: relative !important;
    display: block !important;
    direction: rtl !important;
    min-height: 70px;
    padding-right: 15px !important;
    padding-left: 15px !important;
}

/* Logo: fixed to the RIGHT side of the top header */
#header > .container > .logo {
    position: absolute !important;
    top: 50% !important;
    right: 15px !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    z-index: 3;
}

#header > .container > .logo img {
    display: block !important;
    width: auto !important;
    max-width: 220px;
    max-height: 56px;
    margin: 0 !important;
}

/* Account controls: fixed to the LEFT side */
#header > .container > ul.top-nav {
    position: absolute !important;
    top: 50% !important;
    left: 15px !important;
    right: auto !important;
    transform: translateY(-50%) !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px;
    direction: rtl !important;
    z-index: 4;
}

#header > .container > ul.top-nav > li {
    float: none !important;
    display: flex !important;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
}

#header .top-nav > li > a,
#header .top-nav > li > a.btn,
#header .top-nav .btn-action,
#header .top-nav .btn-logged-in-admin {
    min-height: 36px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px;
    padding: 0 14px !important;
    margin: 0 !important;
    border-radius: 6px !important;
    line-height: 1 !important;
    font-size: 13px !important;
    white-space: nowrap;
    box-sizing: border-box;
}

#header .top-nav .primary-action > .btn-action {
    min-width: 64px;
    background: #079cf1 !important;
    border: 1px solid #079cf1 !important;
    color: #fff !important;
    box-shadow: none !important;
}

#header .top-nav .primary-action > .btn-action:hover,
#header .top-nav .primary-action > .btn-action:focus {
    background: #078bd6 !important;
    border-color: #078bd6 !important;
}

#header #accountNotificationsHandle {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.38) !important;
    color: #fff !important;
}

#header #accountNotificationsHandle .label,
#header #accountNotificationsHandle .label-info {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    min-width: 42px;
    margin: 0 2px !important;
    padding: 0 8px !important;
    border-radius: 4px;
    font-size: 11px;
    line-height: 1;
}

#header .top-nav .btn-logged-in-admin {
    width: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.25) !important;
    background: transparent !important;
    color: #fff !important;
}

#header .top-nav .dropdown-menu {
    right: auto !important;
    left: 0 !important;
    text-align: right !important;
    direction: rtl !important;
}

#main-menu .navbar-main,
#main-menu .navbar-collapse,
#main-menu .navbar-nav,
#main-menu .navbar-nav > li > a {
    direction: rtl;
    text-align: right;
}

@media (min-width: 768px) {
    #primary-nav > .navbar-nav:not(.navbar-left) {
        float: right !important;
    }

    #primary-nav > .navbar-nav:not(.navbar-left) > li {
        float: right !important;
    }

    #primary-nav > .navbar-nav.navbar-left {
        float: left !important;
    }

    #primary-nav > .navbar-nav.navbar-left > li {
        float: right !important;
    }

    #primary-nav .dropdown-menu {
        right: 0;
        left: auto;
        text-align: right !important;
        direction: rtl !important;
    }

    #primary-nav > .navbar-nav.navbar-left .dropdown-menu {
        right: auto;
        left: 0;
    }
}

@media (max-width: 767px) {
    #header > .container {
        min-height: 64px;
    }

    #header > .container > .logo {
        right: 12px !important;
    }

    #header > .container > .logo img {
        max-width: 145px;
        max-height: 46px;
    }

    #header > .container > ul.top-nav {
        left: 12px !important;
        gap: 4px;
    }

    #header .top-nav > li > a,
    #header .top-nav > li > a.btn,
    #header .top-nav .btn-action,
    #header .top-nav .btn-logged-in-admin {
        height: 34px !important;
        min-height: 34px !important;
        padding-left: 9px !important;
        padding-right: 9px !important;
        font-size: 12px !important;
    }

    #primary-nav,
    #primary-nav .navbar-nav,
    #primary-nav .dropdown-menu {
        text-align: right !important;
        direction: rtl !important;
    }
}