/* KANHA JEWELLERS - GRAY + GOLD THEME
   Visual-only override. Existing HTML/JS/API files are intentionally untouched. */
:root {
   --kg-gold: #e6d6b0;
   --kg-gold-light: #D4AF37;
   --kg-gray: #3A3A3A;
   --kg-gray2: #666;
   --kg-light: #F4F4F4;
   --kg-white: #FFF
}

html,
body {
   background: #ececec !important;
   color: var(--kg-gray) !important
}

body {
   color: var(--kg-gray) !important
}

a,
a:hover,
a:focus {
   color: var(--kg-gold) !important
}

#header .header-body,
.header-body {
   background: linear-gradient(135deg, #ececec, #FFF 55%, #ececec) !important;
   border-bottom: 1px solid var(--kg-gold-light) !important
}

#header a,
span.MainUserName,
#header .header-search,
.header-icon {
   color: var(--kg-gray) !important
}

.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.addtoButton {
   background: linear-gradient(135deg, var(--kg-gold), var(--kg-gold-light)) !important;
   border-color: var(--kg-gold) !important;
   color: #fff !important
}

.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-warning:hover,
.addtoButton:hover {
   background: linear-gradient(135deg, #8C6508, var(--kg-gold)) !important;
   color: #fff !important
}

.btn,
.addtoButton,
button[type=button],
button[type=submit] {
   border-color: var(--kg-gold) !important
}

.metal-tabs {
   background: #fff !important;
   border: 1px solid var(--kg-gold) !important
}

.metal-tabs button {
   color: #666 !important;
   background: transparent !important
}

.metal-tabs button.active {
   background: linear-gradient(135deg, var(--kg-gold), var(--kg-gold-light)) !important;
   color: #fff !important
}

.product-thumb-info {
   border-color: #ddd !important;
   background: #fff !important
}

.product-thumb-info .product-thumb-info-content {
   background: #F7F7F7 !important
}

.homepage-bar {
   border-color: #ddd !important;
   background: #fff !important
}

input:focus,
select:focus,
textarea:focus {
   border-color: var(--kg-gold) !important;
   box-shadow: 0 0 0 1px rgba(184, 134, 11, .2) !important
}

footer.footer {
   background: #333 !important;
   color: #eee !important
}

footer.footer a,
footer.footer h1,
footer.footer h2,
footer.footer h3,
footer.footer h4,
footer.footer h5,
footer.footer h6 {
   color: var(--kg-gold-light) !important
}

/* Gold accent for common headings/badges without changing display/layout */
.section-title,
.page-title {
   color: var(--kg-gray) !important
}

.badge,
.label-primary,
.label-success {
   background: var(--kg-gold) !important
}