/* ============================================================
   AURIA MUSIC — Custom Dark Gold Theme
   Inspired by the Auria logo: deep black + warm gold
   Primary Gold:  #C4922A
   Light Gold:    #E8C050
   Dark BG:       #0D0B08
   ============================================================ */

/* ── Global Body & Page Background ── */
body {
  background-color: #0D0B08;
  color: #B8B0A0;
}

/* ── Typography ── */
h1, h2, h3, h4, h5, h6 {
  color: #F5F0E8;
}

p {
  color: #B8B0A0;
}

a, a:hover, a:focus {
  color: #E8C050;
}

/* ── Gold Gradient Utility ── */
.gold-gradient {
  background: linear-gradient(135deg, #C4922A 0%, #E8C050 50%, #C4922A 100%);
}

/* ── Section Backgrounds ── */
.section-bg,
.section-bg-1,
.bg-light,
.bg-white,
[class*="section-padding"] {
  background-color: #13110D !important;
}

.dark-bg,
.dark-bg-2 {
  background-color: #0D0B08 !important;
}

/* Alternating section flavor */
.bg-gray,
.gray-bg {
  background-color: #1A1610 !important;
}

/* ── Navbar ── */
.navbar-area {
  background: linear-gradient(180deg, rgba(13,11,8,0.98) 0%, rgba(13,11,8,0.92) 100%);
  border-bottom: 1px solid rgba(196,146,42,0.25);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.navbar-area.sticky-active,
.navbar-area.sticky {
  background: rgba(13,11,8,0.98) !important;
  box-shadow: 0 4px 30px rgba(196,146,42,0.15);
}

.navbar-area .navbar-brand img {
  filter: drop-shadow(0 0 12px rgba(196,146,42,0.4));
}

.navbar-area .nav-menu > li > a {
  color: #D4C9B0 !important;
  font-weight: 500;
  letter-spacing: 0.5px;
  transition: color 0.3s ease;
}

.navbar-area .nav-menu > li > a:hover,
.navbar-area .nav-menu > li.current-menu-item > a,
.navbar-area .nav-menu > li.active > a {
  color: #E8C050 !important;
}

.navbar-area .nav-menu > li > a::after {
  background-color: #C4922A !important;
}

/* Dropdown menus */
.navbar-area .sub-menu {
  background: #13110D !important;
  border: 1px solid rgba(196,146,42,0.2) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.6) !important;
}

.navbar-area .sub-menu li a {
  color: #D4C9B0 !important;
}

.navbar-area .sub-menu li a:hover {
  color: #E8C050 !important;
  background-color: rgba(196,146,42,0.1) !important;
}

/* Mobile nav toggle */
.navbar-area .navbar-toggler span,
.navbar-area .navbar-toggler-icon {
  background-color: #C4922A !important;
}

/* ── Top Bar ── */
.topbar-area,
.header-top {
  background-color: #080706 !important;
  border-bottom: 1px solid rgba(196,146,42,0.15);
  color: #A8A090;
}

.topbar-area a,
.header-top a {
  color: #C4922A;
}

.topbar-area a:hover,
.header-top a:hover {
  color: #E8C050;
}

/* ── Hero / Banner ── */
.banner-area,
.hero-area,
.slider-area {
  background-color: #0D0B08;
  position: relative;
  overflow: hidden;
}

.banner-area::before,
.hero-area::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 60% 40%, rgba(196,146,42,0.12) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

.banner-area .title,
.hero-area .title,
.banner-area h1,
.hero-area h1 {
  color: #F5F0E8;
  text-shadow: 0 2px 20px rgba(196,146,42,0.3);
}

/* ── Buttons ── */
.default-btn,
.btn-primary,
.theme-btn,
.cmn-btn,
[class*="default-btn"] {
  background: linear-gradient(135deg, #C4922A 0%, #E8C050 100%) !important;
  color: #0D0B08 !important;
  border: none !important;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 20px rgba(196,146,42,0.3) !important;
}

.default-btn:hover,
.btn-primary:hover,
.theme-btn:hover,
.cmn-btn:hover {
  background: linear-gradient(135deg, #E8C050 0%, #FFD700 100%) !important;
  color: #0D0B08 !important;
  box-shadow: 0 6px 28px rgba(232,192,80,0.5) !important;
  transform: translateY(-2px);
}

/* Outline / secondary buttons */
.default-btn.border-btn,
.outline-btn,
.btn-outline {
  background: transparent !important;
  border: 2px solid #C4922A !important;
  color: #C4922A !important;
  box-shadow: none !important;
}

.default-btn.border-btn:hover,
.outline-btn:hover,
.btn-outline:hover {
  background: #C4922A !important;
  color: #0D0B08 !important;
}

/* ── Cards ── */
.card,
.single-card,
.product-card,
.blog-card,
.service-card {
  background: #1A1610 !important;
  border: 1px solid rgba(196,146,42,0.15) !important;
  color: #B8B0A0 !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.4) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.card:hover,
.single-card:hover,
.product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(196,146,42,0.2) !important;
  border-color: rgba(196,146,42,0.4) !important;
}

.card .card-title,
.card h3, .card h4, .card h5 {
  color: #F5F0E8 !important;
}

.card-body,
.card-header,
.card-footer {
  background: transparent !important;
  border-color: rgba(196,146,42,0.15) !important;
}

/* ── Product / Album Cards ── */
.product-item,
.single-product {
  background: #1A1610 !important;
  border: 1px solid rgba(196,146,42,0.12) !important;
}

.product-item .title,
.product-item h4,
.single-product .title {
  color: #F5F0E8 !important;
}

.product-item .price,
.single-product .price {
  color: #C4922A !important;
  font-weight: 700;
}

.product-item:hover {
  border-color: #C4922A !important;
  box-shadow: 0 8px 32px rgba(196,146,42,0.2) !important;
}

/* ── Section Titles ── */
.section-title .title,
.section-title h2,
.section-heading h2 {
  color: #F5F0E8 !important;
}

.section-title .subtitle,
.section-title span,
.section-title .tag-line {
  color: #C4922A !important;
  font-weight: 600;
}

.section-title .subtitle::before,
.section-title .subtitle::after {
  background-color: #C4922A !important;
}

/* ── Footer ── */
.footer-area {
  background: #080706 !important;
  border-top: 1px solid rgba(196,146,42,0.2);
}

.footer-area .footer-top {
  background: #0D0B08 !important;
  padding: 80px 0 40px;
}

.footer-area .widget-title,
.footer-area h4,
.footer-area h5 {
  color: #F5F0E8 !important;
}

.footer-area .widget-title::after {
  background: linear-gradient(90deg, #C4922A, #E8C050) !important;
}

.footer-area p,
.footer-area li,
.footer-area .info-item {
  color: #8A8070 !important;
}

.footer-area a,
.footer-area .info-item a {
  color: #8A8070 !important;
  transition: color 0.3s ease;
}

.footer-area a:hover,
.footer-area .info-item a:hover {
  color: #C4922A !important;
}

.footer-area .footer-bottom {
  background: #060504 !important;
  border-top: 1px solid rgba(196,146,42,0.1);
  color: #5A5040;
}

.footer-area .social-icon a {
  background: rgba(196,146,42,0.1) !important;
  border: 1px solid rgba(196,146,42,0.25) !important;
  color: #C4922A !important;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.footer-area .social-icon a:hover {
  background: #C4922A !important;
  color: #0D0B08 !important;
  border-color: #C4922A !important;
  box-shadow: 0 4px 16px rgba(196,146,42,0.4);
}

/* ── Forms & Inputs ── */
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="search"],
textarea,
select {
  background-color: #1A1610 !important;
  border: 1px solid rgba(196,146,42,0.2) !important;
  color: #F5F0E8 !important;
  border-radius: 6px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  background-color: #1F1B14 !important;
  border-color: #C4922A !important;
  box-shadow: 0 0 0 3px rgba(196,146,42,0.15) !important;
  color: #F5F0E8 !important;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
  color: #5A5040 !important;
}

label {
  color: #D4C9B0 !important;
  font-weight: 500;
}

/* ── Breadcrumb ── */
.breadcrumb-area {
  background: linear-gradient(135deg, #0D0B08 0%, #1A1610 100%) !important;
  border-bottom: 1px solid rgba(196,146,42,0.15);
}

.breadcrumb-area .page-title,
.breadcrumb-area h2 {
  color: #F5F0E8 !important;
}

.breadcrumb-item a {
  color: #C4922A !important;
}

.breadcrumb-item.active,
.breadcrumb-item + .breadcrumb-item::before {
  color: #8A8070 !important;
}

/* ── Tables ── */
.table {
  color: #B8B0A0 !important;
}

.table th {
  color: #F5F0E8 !important;
  border-bottom: 2px solid rgba(196,146,42,0.3) !important;
  background: #1A1610 !important;
}

.table td {
  border-color: rgba(196,146,42,0.1) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(196,146,42,0.04) !important;
}

.table-hover tbody tr:hover {
  background-color: rgba(196,146,42,0.08) !important;
}

/* ── User Dashboard ── */
.user-dashboard-sidebar,
.dashboard-sidebar {
  background: #13110D !important;
  border-right: 1px solid rgba(196,146,42,0.15);
}

.user-dashboard-sidebar .nav-link,
.dashboard-sidebar .nav-link {
  color: #B8B0A0 !important;
}

.user-dashboard-sidebar .nav-link.active,
.dashboard-sidebar .nav-link.active,
.user-dashboard-sidebar .nav-link:hover {
  color: #E8C050 !important;
  background: rgba(196,146,42,0.1) !important;
}

/* ── Modals ── */
.modal-content {
  background: #1A1610 !important;
  border: 1px solid rgba(196,146,42,0.2) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.7) !important;
}

.modal-header {
  border-bottom: 1px solid rgba(196,146,42,0.2) !important;
  background: #13110D !important;
}

.modal-footer {
  border-top: 1px solid rgba(196,146,42,0.2) !important;
}

.modal-title {
  color: #F5F0E8 !important;
}

.modal-body {
  color: #B8B0A0 !important;
}

.close, .btn-close {
  color: #C4922A !important;
  opacity: 0.8;
}

/* ── Badges & Tags ── */
.badge-primary,
.badge.primary {
  background: #C4922A !important;
  color: #0D0B08 !important;
}

.badge-secondary {
  background: #1A1610 !important;
  color: #C4922A !important;
  border: 1px solid rgba(196,146,42,0.3) !important;
}

/* ── Preloader ── */
#preloader,
.preloader {
  background: #0D0B08;
}

.preloader .loader,
#preloader .loader {
  border-top-color: #C4922A;
}

/* ── Scroll to Top ── */
#back-to-top,
.back-to-top {
  background: linear-gradient(135deg, #C4922A, #E8C050) !important;
  color: #0D0B08 !important;
  box-shadow: 0 4px 16px rgba(196,146,42,0.4) !important;
}

/* ── Testimonials ── */
.testimonial-item,
.single-testimonial {
  background: #1A1610 !important;
  border: 1px solid rgba(196,146,42,0.12) !important;
}

.testimonial-item .author-name,
.single-testimonial .name {
  color: #C4922A !important;
}

.testimonial-item .icon,
.single-testimonial .quote-icon {
  color: #C4922A !important;
}

/* ── Star Ratings ── */
.ratings .icon,
.star-rating i,
.review-stars i {
  color: #C4922A !important;
}

/* ── Pagination ── */
.pagination .page-item .page-link {
  background: #1A1610 !important;
  border-color: rgba(196,146,42,0.2) !important;
  color: #B8B0A0 !important;
}

.pagination .page-item.active .page-link,
.pagination .page-item .page-link:hover {
  background: #C4922A !important;
  border-color: #C4922A !important;
  color: #0D0B08 !important;
}

/* ── Accordion / FAQ ── */
.accordion .accordion-item {
  background: #1A1610 !important;
  border: 1px solid rgba(196,146,42,0.15) !important;
  margin-bottom: 8px;
  border-radius: 6px;
}

.accordion .accordion-button {
  background: #1A1610 !important;
  color: #F5F0E8 !important;
  font-weight: 600;
}

.accordion .accordion-button:not(.collapsed) {
  background: rgba(196,146,42,0.12) !important;
  color: #E8C050 !important;
  box-shadow: none !important;
}

.accordion .accordion-button::after {
  filter: invert(75%) sepia(50%) saturate(500%) hue-rotate(5deg);
}

.accordion .accordion-body {
  background: #13110D !important;
  color: #B8B0A0 !important;
}

/* ── Alerts ── */
.alert-success {
  background: rgba(196,146,42,0.12) !important;
  border-color: #C4922A !important;
  color: #E8C050 !important;
}

.alert-info {
  background: rgba(196,146,42,0.08) !important;
  border-color: rgba(196,146,42,0.3) !important;
  color: #D4C9B0 !important;
}

/* ── Progress Bars ── */
.progress {
  background: #1A1610 !important;
}

.progress-bar {
  background: linear-gradient(90deg, #C4922A, #E8C050) !important;
}

/* ── Icon Boxes / Feature Items ── */
.icon-box .icon,
.feature-item .icon,
.service-item .icon {
  color: #C4922A !important;
  background: rgba(196,146,42,0.1) !important;
  border: 1px solid rgba(196,146,42,0.2);
  border-radius: 50%;
}

/* ── Counter / Stats ── */
.counterup-item .count,
.counter-item .number,
.stat-number {
  color: #E8C050 !important;
  font-weight: 800;
  background: linear-gradient(135deg, #C4922A, #E8C050);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.counterup-item .title,
.counter-item .label {
  color: #8A8070 !important;
}

/* ── Call To Action ── */
.call-to-action,
.cta-area {
  background: linear-gradient(135deg, #1A1610 0%, #0D0B08 100%) !important;
  border-top: 1px solid rgba(196,146,42,0.2);
  border-bottom: 1px solid rgba(196,146,42,0.2);
}

.call-to-action h2,
.cta-area h2,
.call-to-action h3 {
  color: #F5F0E8 !important;
}

/* ── Sidebar Widgets ── */
.sidebar-widget,
.widget {
  background: #1A1610 !important;
  border: 1px solid rgba(196,146,42,0.12) !important;
  padding: 24px !important;
  border-radius: 8px;
}

.sidebar-widget .widget-title,
.widget .widget-title {
  color: #F5F0E8 !important;
  border-bottom: 2px solid #C4922A;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

/* ── Search Box ── */
.search-box input,
.site-search input {
  background: #1A1610 !important;
  border-color: rgba(196,146,42,0.25) !important;
  color: #F5F0E8 !important;
}

.search-box button,
.site-search button {
  background: #C4922A !important;
  color: #0D0B08 !important;
  border: none !important;
}

/* ── Audio Player (Music specific) ── */
.audio-player,
.music-player,
.player-wrapper {
  background: linear-gradient(135deg, #1A1610 0%, #13110D 100%) !important;
  border: 1px solid rgba(196,146,42,0.25) !important;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.5);
}

.audio-player .play-btn,
.music-player .play-btn {
  background: linear-gradient(135deg, #C4922A, #E8C050) !important;
  color: #0D0B08 !important;
  border-radius: 50%;
  box-shadow: 0 4px 20px rgba(196,146,42,0.4) !important;
}

.audio-player .progress-bar,
.music-player .progress-bar {
  background: linear-gradient(90deg, #C4922A, #E8C050) !important;
}

.audio-player .track-title,
.music-player .track-title {
  color: #F5F0E8 !important;
}

.audio-player .artist-name,
.music-player .artist-name {
  color: #C4922A !important;
}

/* ── Cart & Checkout ── */
.quick-cart,
.shopping-cart-sidebar {
  background: #13110D !important;
  border: 1px solid rgba(196,146,42,0.2) !important;
}

.quick-cart .cart-item {
  border-bottom: 1px solid rgba(196,146,42,0.1) !important;
  color: #B8B0A0 !important;
}

.quick-cart .cart-total {
  color: #E8C050 !important;
  font-weight: 700;
}

/* ── Dividers & Separators ── */
hr, .divider {
  border-color: rgba(196,146,42,0.15) !important;
}

/* ── Scrollbar ── */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #0D0B08;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #C4922A, #8B5E10);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #E8C050;
}

/* ── Text Selection ── */
::selection {
  background: rgba(196,146,42,0.35);
  color: #F5F0E8;
}

/* ── Gold Glow on Focus for interactive elements ── */
button:focus-visible,
a:focus-visible,
input:focus-visible {
  outline: 2px solid #C4922A;
  outline-offset: 2px;
}

/* ── Price Display ── */
.price,
.amount,
.product-price {
  color: #C4922A !important;
  font-weight: 700;
}

.price del,
.old-price {
  color: #5A5040 !important;
}

/* ── Tabs ── */
.nav-tabs {
  border-bottom: 2px solid rgba(196,146,42,0.2) !important;
}

.nav-tabs .nav-link {
  color: #8A8070 !important;
  background: transparent !important;
  border: none !important;
  padding-bottom: 12px;
  font-weight: 500;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
  color: #E8C050 !important;
  border-bottom: 2px solid #C4922A !important;
}

.tab-content {
  background: #1A1610 !important;
  border: 1px solid rgba(196,146,42,0.12) !important;
  padding: 24px;
  border-radius: 0 0 8px 8px;
}

/* ── Dropdown ── */
.dropdown-menu {
  background: #1A1610 !important;
  border: 1px solid rgba(196,146,42,0.2) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.6) !important;
}

.dropdown-item {
  color: #D4C9B0 !important;
}

.dropdown-item:hover, .dropdown-item:focus {
  background: rgba(196,146,42,0.12) !important;
  color: #E8C050 !important;
}

.dropdown-divider {
  border-color: rgba(196,146,42,0.15) !important;
}

/* ── List Groups ── */
.list-group-item {
  background: #1A1610 !important;
  border-color: rgba(196,146,42,0.12) !important;
  color: #B8B0A0 !important;
}

.list-group-item.active {
  background: #C4922A !important;
  border-color: #C4922A !important;
  color: #0D0B08 !important;
}

/* ── Subtle gold shimmer on headings ── */
.hero-area h1,
.banner-area h1,
.page-title h1 {
  background: linear-gradient(135deg, #F5F0E8 0%, #E8C050 50%, #F5F0E8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ── Logo glow effect ── */
.logo img,
.navbar-brand img {
  filter: drop-shadow(0 0 8px rgba(196,146,42,0.35));
  transition: filter 0.3s ease;
}

.logo img:hover,
.navbar-brand img:hover {
  filter: drop-shadow(0 0 16px rgba(232,192,80,0.6));
}