/* HappyCalls Brand Theme — Light Navbar
   Primary:  #F47920 (orange)
   Secondary: #6B9BD2 (blue)
*/

/* ── Navbar ─────────────────────────────────────────────── */
.freepbx-navbar .navbar {
    background-color: #ffffff !important;
    border-bottom: 3px solid #F47920 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    padding: 0 16px !important;
}

.freepbx-navbar .navbar-brand img {
    max-height: 38px;
    width: auto;
}

/* Strip default green bg from nav items set by FreePBX compiled LESS */
.freepbx-navbar .navbar-nav > li {
    background: transparent !important;
}

/* Top-level nav links — target both Bootstrap 3 (li>a) and Bootstrap 4 (.nav-link) */
.freepbx-navbar .navbar-nav > li > a,
.freepbx-navbar .navbar-nav .nav-link {
    color: #374151 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    font-size: 13px;
    font-weight: 500;
}

.freepbx-navbar .navbar-nav > li > a:hover,
.freepbx-navbar .navbar-nav .nav-link:hover,
.freepbx-navbar .navbar-nav > li.show > a,
.freepbx-navbar .navbar-nav > li.open > a,
.freepbx-navbar .navbar-nav > li [aria-expanded="true"] {
    color: #F47920 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}

/* Dropdown menus */
.freepbx-navbar .navbar-nav .dropdown-menu,
.freepbx-navbar .navbar-nav > li.open > .dropdown-menu,
.freepbx-navbar .navbar-nav > li.show > .dropdown-menu {
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-top: 2px solid #F47920 !important;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    position: absolute !important;
}

/* Dropdown items — Bootstrap 4 uses .dropdown-item */
.freepbx-navbar .navbar-nav .dropdown-item,
.freepbx-navbar .navbar-nav .dropdown-menu a,
.freepbx-navbar .navbar-nav .dropdown-menu li a,
.freepbx-navbar .navbar-nav > li.open > .dropdown-menu > li > a,
.freepbx-navbar .navbar-nav > li.show > .dropdown-menu > li > a {
    color: #374151 !important;
    background-color: transparent !important;
    font-size: 13px;
    padding: 8px 16px;
}

.freepbx-navbar .navbar-nav .dropdown-item:hover,
.freepbx-navbar .navbar-nav .dropdown-item:focus,
.freepbx-navbar .navbar-nav .dropdown-menu a:hover,
.freepbx-navbar .navbar-nav .dropdown-menu li a:hover,
.freepbx-navbar .navbar-nav > li.open > .dropdown-menu > li > a:hover {
    background-color: #fff7ed !important;
    color: #F47920 !important;
}

/* Category headings inside dropdown */
.freepbx-navbar .dropdown-menu .dropdown-header {
    color: #9ca3af !important;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 10px 16px 4px;
}

/* ── Nav Buttons (right side) ───────────────────────────── */
.freepbx-navbar .btn.nav-button {
    color: #374151 !important;
    background: transparent !important;
    border: none !important;
}

.freepbx-navbar .btn.nav-button:hover {
    color: #F47920 !important;
}

.freepbx-navbar #button_reload.btn-danger,
.freepbx-navbar .reload-btn {
    background-color: #F47920 !important;
    border-color: #d4651a !important;
    color: #fff !important;
    font-size: 12px;
}

.freepbx-navbar #button_reload.btn-danger:hover {
    background-color: #d4651a !important;
}

/* User/settings cog dropdown */
.freepbx-navbar .admin-btn .dropdown-menu {
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;
}

.freepbx-navbar .admin-btn .dropdown-menu li a,
.freepbx-navbar .admin-btn .dropdown-menu li > a {
    color: #374151 !important;
}

.freepbx-navbar .admin-btn .dropdown-menu li a:hover {
    background-color: #fff7ed !important;
    color: #F47920 !important;
}

/* ── Page body ───────────────────────────────────────────── */
#page_body {
    background-color: #f9fafb;
}

/* ── Buttons ─────────────────────────────────────────────── */
.btn-default {
    background-color: #F47920 !important;
    border-color: #d4651a !important;
    color: #fff !important;
}
.btn-default:hover {
    background-color: #d4651a !important;
}

.fpbx-submit,
input[type=submit].btn,
button.btn-primary {
    background-color: #F47920 !important;
    border-color: #d4651a !important;
    color: #fff !important;
}
.fpbx-submit:hover,
button.btn-primary:hover {
    background-color: #d4651a !important;
}

/* ── Table headers ───────────────────────────────────────── */
table th {
    background-color: #F47920 !important;
    color: #fff !important;
}

/* ── Tabs ────────────────────────────────────────────────── */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    background-color: #F47920 !important;
    border-color: #F47920 !important;
    color: #fff !important;
}
.nav-tabs > li > a {
    color: #374151;
}
.nav-tabs > li > a:hover {
    border-color: #F47920;
    color: #F47920;
}

/* ── HR ──────────────────────────────────────────────────── */
hr {
    border-color: #e5e7eb;
}

/* ── Section/panel headings ──────────────────────────────── */
.fpbx-container .container-fluid h4,
.fpbx-container .container-fluid h3 {
    color: #F47920;
}

/* ── HappyCalls dashboard badges ─────────────────────────── */
.hc-badge-online {
    background-color: #16a34a;
    color: #fff;
    padding: 3px 8px;
    border-radius: 12px;
    font-size: 11px;
}
.hc-badge-offline {
    background-color: #dc2626;
    color: #fff;
    padding: 3px 8px;
    border-radius: 12px;
    font-size: 11px;
}
.hc-badge-warning {
    background-color: #d97706;
    color: #fff;
    padding: 3px 8px;
    border-radius: 12px;
    font-size: 11px;
}
.hc-table thead th {
    background-color: #F47920 !important;
    color: #fff !important;
    border: none;
}
.hc-refresh-note {
    font-size: 11px;
    color: #9ca3af;
    margin-top: 8px;
    text-align: right;
}

/* ── Login page ──────────────────────────────────────────── */
#login {
    background: linear-gradient(135deg, #1f2937 0%, #111827 100%) !important;
}

#login_icon_holder .login_item_text {
    color: #e5e7eb !important;
}

#customContinue {
    background-color: #F47920 !important;
    border-color: #d4651a !important;
    color: #fff !important;
    font-weight: 600;
    padding: 8px 28px;
    border-radius: 4px;
    font-size: 14px;
}
#customContinue:hover {
    background-color: #d4651a !important;
}

/* ── Footer — hide all FreePBX branding ─────────────────── */
#footer { border-top: 1px solid #e5e7eb; background:#f9fafb; }
#footer_text { display:none !important; }
#footer__left__logo__wrapper { display:none !important; }
#footer__right__logo__wrapper { display:none !important; }

/* ── Notifications ───────────────────────────────────────── */
.alert-info {
    background-color: #dbeafe;
    border-color: #6B9BD2;
    color: #1e3a5f;
}