/* ================================================================
   Palette Override — Luxury Black / White / Gold
   Loaded last so it overrides style.css and responsive.css.

   Primary       Black background   #0B0B0B
   Surface       Dark card          #161616
   Accent        Gold               #C9A227
   Heading       White              #FFFFFF
   Body          Soft gray          #9CA3AF

   Rule: ~90% black/white, gold used strategically only.
   ================================================================ */

:root {
	--color-bg: #0B0B0B;
	--color-surface: #161616;
	--color-accent: #C9A227;
	--color-heading: #FFFFFF;
	--color-body: #9CA3AF;
}

/* ---------- Body / global ---------- */
body,
.business-agency-body,
.digital-agency-body {
	background-color: var(--color-bg) !important;
	color: var(--color-body) !important;
}

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	color: var(--color-heading) !important;
}

/* ---------- Body text & paragraphs ---------- */
p, li, span, label, td, th, blockquote {
	color: var(--color-body);
}

/* ---------- Links ---------- */
a {
	color: var(--color-body);
	transition: color .3s ease;
}
a:hover,
a:focus {
	color: var(--color-accent) !important;
}

/* ---------- Accent: replace legacy orange / blue / lime ---------- */
[style*="#FD6219"],
[style*="#fd6219"] { color: var(--color-accent) !important; }

/* Common buttons / accent backgrounds in the template */
.main-btn,
.main-btn-two,
.read-more,
.read-more-btn,
.tag-btn,
.theme-btn,
.btn-primary {
	background-color: var(--color-accent) !important;
	border-color: var(--color-accent) !important;
	color: #0B0B0B !important;
}
.main-btn:hover,
.main-btn-two:hover,
.read-more:hover,
.read-more-btn:hover,
.tag-btn:hover,
.theme-btn:hover,
.btn-primary:hover {
	background-color: #b8911f !important;
	border-color: #b8911f !important;
	color: #0B0B0B !important;
}

/* ---------- Sections / cards on light backgrounds ---------- */
section,
.section,
.bg-light,
.bg-white,
.gray-bg,
.about-area,
.services-area,
.team-area,
.testimonial-area,
.case-study-area,
.blog-area,
.contact-area,
.faq-area,
.pricing-area,
.counter-area,
.cta-area,
.cases-details-area,
.blog-details-area,
.products-area,
.product-details-area,
.cart-area,
.checkout-area,
.privacy-policy-area,
.terms-conditions-area,
.authentication-area,
.banner-area,
.subscribe-area,
.brand-area,
.footer-area {
	background-color: var(--color-bg);
}

/* Card surfaces */
.card,
.single-card,
.single-services,
.single-team,
.single-blog,
.single-case,
.single-product,
.testimonial-item,
.faq-item,
.accordion-item,
.pricing-item,
.feature-card,
.contact-form-area,
.contact-info-area,
.sidebar-widget,
.product-card,
.cart-item,
.form-group .form-control,
.input-group .form-control {
	background-color: var(--color-surface);
	border-color: rgba(255, 255, 255, 0.06);
	color: var(--color-body);
}

/* ---------- Forms ---------- */
input,
select,
textarea,
.form-control {
	background-color: var(--color-surface) !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	color: var(--color-heading) !important;
}
input::placeholder,
textarea::placeholder,
.form-control::placeholder {
	color: var(--color-body) !important;
	opacity: .8;
}
input:focus,
select:focus,
textarea:focus,
.form-control:focus {
	border-color: var(--color-accent) !important;
	box-shadow: 0 0 0 1px var(--color-accent) !important;
}

/* ---------- Header / nav ---------- */
header,
.header-area,
.navbar,
.navbar-area,
.main-header-area {
	background-color: var(--color-bg) !important;
}
.navbar-nav .nav-link,
.main-menu ul li a,
.menu-item a {
	color: var(--color-heading) !important;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active,
.main-menu ul li a:hover,
.main-menu ul li.active > a,
.menu-item a:hover {
	color: var(--color-accent) !important;
}

/* ---------- Footer ---------- */
footer,
.footer-area,
.footer-top,
.footer-bottom,
.copyright-area {
	background-color: var(--color-bg) !important;
	color: var(--color-body) !important;
}
footer a {
	color: var(--color-body);
}
footer a:hover {
	color: var(--color-accent) !important;
}

/* ---------- Accent emphasis (use sparingly) ---------- */
.text-accent,
.text-primary,
.gold,
mark {
	color: var(--color-accent) !important;
	background: transparent;
}

/* Borders / dividers */
hr,
.divider {
	border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Scrollbar (subtle gold) */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0B0B0B; }
::-webkit-scrollbar-thumb { background: #1f1f1f; border-radius: 0; }
::-webkit-scrollbar-thumb:hover { background: var(--color-accent); }

/* Selection */
::selection { background: var(--color-accent); color: #0B0B0B; }

/* ---------- Dropdown menu items (white panel, dark text) ---------- */
.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link {
	color: #030303 !important;
}
.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover,
.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:focus,
.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link.active {
	color: var(--color-accent) !important;
}

/* ---------- FAQ accordion (match dark surface, expanded or collapsed) ---------- */
.accordion.accordion-content .accordion-item {
	background-color: var(--color-surface) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.accordion.accordion-content .accordion-item .accordion-header,
.accordion.accordion-content .accordion-item .accordion-header .accordion-button,
.accordion.accordion-content .accordion-item .accordion-header .accordion-button.collapsed,
.accordion.accordion-content .accordion-item .accordion-header .accordion-button:not(.collapsed) {
	background-color: var(--color-surface) !important;
	color: var(--color-heading) !important;
	box-shadow: none !important;
}
.accordion.accordion-content .accordion-item .accordion-header .accordion-button .count {
	border-color: rgba(255, 255, 255, 0.25) !important;
	color: var(--color-heading) !important;
}
.accordion.accordion-content .accordion-item .accordion-header .accordion-button::after {
	color: var(--color-heading) !important;
}
.accordion.accordion-content .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
	color: var(--color-accent) !important;
}
.accordion.accordion-content .accordion-item .accordion-body,
.accordion.accordion-content .accordion-item .accordion-body p {
	background-color: var(--color-surface) !important;
	color: var(--color-body) !important;
}