/* =====================================================
   KC Bullion App Theme Override
   Matches KC Bullion Version 1.0.9 app design
   Primary: Navy #001f5c | Accent: Gold #caa45f
   ===================================================== */

/* ── Header logo row ── */
.headImg,
#header .headImg {
    background: linear-gradient(180deg, #0c2a69 0%, #082257 52%, #061b49 100%) !important;
    background-color: #001f5c !important;
    border-bottom: 2px solid #caa45f;
}

/* Logo image — constrained size */
#iconimage img,
.LogoImgWidth1 {
    width: auto !important;
    max-width: 387px !important;
    height: auto !important;
    padding: 0px 0 !important;
}

/* Hide the "KC Bullion" text span next to the logo */
span[style*="margin-left:10px;font-size:34px"],
.LogoImgWidth1 + span {
    display: none !important;
}

/* ── Navigation row ── */
.naviRow {
    background-image: none !important;
    background: linear-gradient(180deg, #0c2a69 0%, #082257 52%, #061b49 100%) !important;
    border-top: 2px solid #caa45f !important;
    border-bottom: 2px solid #caa45f !important;
}

/* Nav links – white */
.naviRow .header-nav-main nav > ul > li > a,
#mainNav > li > a,
.naviRow #mainNav > li > a {
    color: #ffffff !important;
}

/* Nav hover / active – gold */
.naviRow .header-nav-main nav > ul > li:hover > a,
.naviRow .header-nav-main nav > ul > li > a.active,
#mainNav > li:hover > a,
#mainNav > li > a.active {
    color: #caa45f !important;
}

/* Dropdown panel */
.naviRow .dropdown-menu,
#mainNav .dropdown-menu {
    background: #082257 !important;
    border-top: 2px solid #caa45f !important;
    border-radius: 0 0 6px 6px;
}

.naviRow .dropdown-menu .dropdown-item,
#mainNav .dropdown-menu .dropdown-item {
    color: #e8d9b0 !important;
}

.naviRow .dropdown-menu .dropdown-item:hover,
.naviRow .dropdown-menu .dropdown-item:focus,
#mainNav .dropdown-menu .dropdown-item:hover {
    background-color: #caa45f !important;
    color: #ffffff !important;
}

/* Mobile hamburger lines – white */
.header-btn-collapse-nav .hamburguer span {
    background-color: #ffffff !important;
}

/* ── Login / Logout button ── */
#openaccountbtn .btn,
#Lb3.btn {
    background: linear-gradient(to right, #caa45f, #b8932d) !important;
    border-color: #caa45f !important;
    color: #fff !important;
    font-weight: 700 !important;
}

#openaccountbtn .btn:hover,
#Lb3.btn:hover {
    background: linear-gradient(to right, #d4a442, #c9a040) !important;
}

/* ── Primary colour overrides (replaces legacy green) ── */
html .text-color-primary:not(.no-skin),
html .text-primary:not(.no-skin) {
    color: #caa45f !important;
}

html .bg-primary:not(.no-skin) {
    background-color: #001f5c !important;
}

html .border-color-primary:not(.no-skin) {
    border-color: #caa45f !important;
}

a:not(.no-skin):not(.btn):not(.badge):not(.nav-link):hover,
a:not(.no-skin):not(.btn):not(.badge):not(.nav-link):focus {
    color: #caa45f !important;
}

html .btn-primary,
html.sticky-header-active .btn-sticky-primary {
    border-color: #caa45f !important;
    color: #ffffff !important;
    background-color: #001f5c !important;
}

html .btn-primary:hover,
html.sticky-header-active .btn-sticky-primary:hover,
html .btn-primary:focus {
    border-color: #caa45f !important;
    background-color: #0c2a69 !important;
    color: #ffffff !important;
}

/* ── Theme headImg override in theme.css ── */
.headImg {
    background-color: #001f5c !important;
}

/* ── Mobile / responsive ── */
@media (max-width: 991px) {
    .LogoImgWidth1 {
        width: auto !important;
        max-width: 320px !important;
    }

    /* Slide-in mobile nav panel */
    #mobile-nav.sidenav,
    .sidenav {
        background: #001f5c !important;
        border-right: 2px solid #caa45f !important;
    }

    .sidenav a,
    .sidenav li a {
        color: #e8d9b0 !important;
    }

    .sidenav a:hover,
    .sidenav li a:hover {
        color: #caa45f !important;
        background: rgba(202, 164, 95, 0.12) !important;
    }
}

/* ══════════════════════════════════════════════════
   GLOBAL NAVY BACKGROUND  (#001f5c on every page)
   ══════════════════════════════════════════════════ */

/* Body — all pages */
html, body {
    background-color: #001f5c !important;
    background-image: none !important;
    color: #fff !important;
}

/* Kill the body:not(.index-page) black-text override in custom.css */
body:not(.index-page) .color-white,
body:not(.index-page) .css_bkdesk,
body:not(.index-page) .paddingg1,
body:not(.index-page) .paddingg,
body:not(.index-page) #gvDataBookingDesk,
body:not(.index-page) #gvDataBookingDesk *,
body:not(.index-page) #gvDataAboutUs,
body:not(.index-page) #gvDataAboutUs *,
body:not(.index-page) .about20,
body:not(.index-page) .about20 *,
body:not(.index-page) .box-content,
body:not(.index-page) .box-content *,
body:not(.index-page) .News_Class,
body:not(.index-page) .News_Class *,
body:not(.index-page) #div1, body:not(.index-page) #div1 *,
body:not(.index-page) #div2, body:not(.index-page) #div2 *,
body:not(.index-page) #gvData_Newss, body:not(.index-page) #gvData_Newss *,
body:not(.index-page) #gvDataMessage, body:not(.index-page) #gvDataMessage *,
body:not(.index-page) .center-message,
body:not(.index-page) h2:not(.res2),
body:not(.index-page) h3:not(.res2),
body:not(.index-page) .jewellryHeader,
body:not(.index-page) .title,
body:not(.index-page) .value,
body:not(.index-page) .indicator,
body:not(.index-page) .table-responsive,
body:not(.index-page) .table-responsive * {
    color: #fff !important;
}

/* Page / section content backgrounds */
section.section,
div[role="main"],
.page-header-index,
.main {
    background-color: #001f5c !important;
    background-image: none !important;
}

/* Table header rows — lighter navy instead of white */
.headertable1,
.headertable1 th {
    background: #0c2a69 !important;
    color: #fff !important;
}

/* bg_white td */
td.bg_white {
    background: #0c2a69 !important;
    color: #fff !important;
}

/* Missing/broken image links — replace with solid navy */
.liverates_sec {
    background: #001f5c !important;
    background-image: none !important;
}

table.goldd2,
table.goldd3,
.buylive {
    background-image: none !important;
    background-color: #0c2a69 !important;
}

.news_content {
    background-image: none !important;
    background-color: #082257 !important;
}

/* Catch remaining light-gradient inline styles (Products / Gold News sections) */
[style*="f8fbff"],
[style*="e8f1fb"],
[style*="fef8e8"] {
    background: #001f5c !important;
    background-image: none !important;
}

/* Form inputs keep a readable background — don't invert */
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
select,
textarea {
    background-color: #0c2a69 !important;
    color: #fff !important;
    border-color: #caa45f !important;
}

input::placeholder,
textarea::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

@media (min-width: 992px) {
    .LogoImgWidth1 {
        width: auto !important;
        max-width: 387px !important;
    }
}

@media (max-width: 767px) {
    #iconimage img,
    .LogoImgWidth1 {
        width: auto !important;
        max-width: 240px !important;
        height: auto !important;
    }
}