/* ======================== */
/*        BASE RESET        */
/* ======================== */
body {
  width: 100% !important;
  height: 100% !important;
  color: #E5C689 !important;
 font-family: 'Poppins', sans-serif !important;
  transition: all 0.3s ease !important;
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('images/image456.webp') no-repeat center center fixed !important;
  background-size: cover !important;
}

/* ======================== */
/*       TYPOGRAPHY         */
/* ======================== */
h1, h2, h3, h4, h5, h6 {
  color: #E5C689 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-weight: bold !important;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.3) !important;
}
a {
  color: #E5C689 !important;
  transition: color 0.3s ease !important;
}
a:hover {
  color: #fff !important;
  text-decoration: none !important;
}
  
/* ======================== */
/*          BUTTONS         */
/* ======================== */
.btn-primary, .button button {
  background: linear-gradient(135deg, #B88B4D, #c39b38) !important;
  border: none !important;
  color: #000 !important;
  text-transform: uppercase !important;
  font-weight: bold !important;
  transition: background 0.3s ease, transform 0.3s ease !important;
}
.btn-primary:hover, .button button:hover {
  background: linear-gradient(135deg, #B88B4D, #B8860B) !important;
  transform: scale(1.05) !important;
  color: #000 !important;
}

/* ======================== */
/*         TOP BAR          */
/* ======================== */
#top {
  background: #0a0a0a !important;
  padding: 5px 20px !important;
  font-size: 14px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3) !important;
}
#top .list-inline-item > a {
  color: #E5C689 !important;
  margin-right: 15px !important;
  font-weight: 500 !important;
  transition: color 0.3s ease !important;
}
#top .list-inline-item > a:hover {
  color: #fff !important;
}

/* ======================== */
/*           LOGO           */
/* ======================== */
#logo img {
  max-width: 200px !important;
  filter: drop-shadow(0 0 6px #E5C689) !important;
  transition: transform 0.3s ease !important;
}
#logo img:hover {
  transform: scale(1.03) !important;
}

/* ======================== */
/*        NAVIGATION        */
/* ======================== */
#menu {
  background: #111111 !important;
  border-radius: 10px !important;
  margin-top: 10px !important;
  padding: 10px 20px !important;
  box-shadow: 0 0 15px rgba(229, 198, 137, 0.12) !important;
}
#menu .navbar-nav > li > a {
  color: #E5C689 !important;
  padding: 12px 20px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  transition: background 0.3s, color 0.3s ease !important;
}
#menu .navbar-nav > li > a:hover {
  background: rgba(229, 198, 137, 0.1) !important;
  color: #ffffff !important;
  border-radius: 4px !important;
}

/* Dropdown Fix */
#menu .dropdown-menu {
  background: #1b1b1b !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 20px rgba(229, 198, 137, 0.2) !important;
  z-index: 9999 !important;
}
#menu .dropdown-menu > li > a {
  color: #E5C689 !important;
  padding: 10px 15px !important;
}
#menu .dropdown-menu > li > a:hover {
  background-color: #E5C689 !important;
  color: #0e0e0e !important;
}

/* ======================== */
/*     CART & SEARCH ROW    */
/* ======================== */
.header-tools {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 15px !important;
  margin-top: 10px !important;
}

/* ======================== */
/*           CART           */
/* ======================== */
#cart {
  color: #E5C689 !important;
  font-weight: 600 !important;
  padding: 10px 15px !important;
  background: #1a1a1a !important;
  border-radius: 8px !important;
  box-shadow: 0 0 10px rgba(229, 198, 137, 0.1) !important;
  transition: all 0.3s ease !important;
}
#cart:hover {
  text-shadow: 0 0 5px #E5C689 !important;
}
#cart .dropdown-menu {
  background: #151515 !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 20px rgba(229, 198, 137, 0.2) !important;
  right: 0 !important;
  left: auto !important;
}


/* ======================== */
/*       PRODUCT CARDS      */
/* ======================== */
.product-thumb {
  background: #121212 !important;
  border: 1px solid #E5C689 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.product-thumb:hover {
  transform: scale(1.02) !important;
  box-shadow: 0 0 15px rgba(255, 215, 0, 0.3) !important;
}
.product-thumb .description h4 {
  color: #E5C689 !important;
  font-size: 18px !important;
  margin-bottom: 10px !important;
}
.product-thumb .price {
  color: #E5C689 !important;
  font-weight: bold !important;
}

/* ======================== */
/*          FOOTER          */
/* ======================== */
footer {
  background: #0d0d0d !important;
  border-top: 1px solid #E5C689 !important;
  color: #E5C689 !important;
  padding: 40px 0 !important;
}
footer a {
  color: #E5C689 !important;
}
footer a:hover {
  color: #fff !important;
  text-decoration: underline !important;
}
footer h5 {
  color: #E5C689 !important;
  font-size: 16px !important;
  margin-bottom: 10px !important;
}

/* ======================== */
/*        BREADCRUMB        */
/* ======================== */
.breadcrumb {
  background: #1a1a1a !important;
  border: 1px solid #E5C689 !important;
  border-radius: 4px !important;
  color: #E5C689 !important;
}
.breadcrumb .breadcrumb-item a {
  color: #E5C689 !important;
}
.breadcrumb > li.breadcrumb-item {
  text-shadow: 0 1px 0 #E5C689 !important;
}
.breadcrumb > li.breadcrumb-item:after {
  border-right: 1px solid #E5C689 !important;
  border-bottom: 1px solid #E5C689 !important;
}

/* ======================== */
/*        RIGHT COLUMN      */
/* ======================== */
#column-right {
  background-color: #0e0e0e !important;
  border-left: 2px solid #E5C689 !important;
  padding: 20px !important;
  color: #ffffff !important;
  font-family: 'Georgia', serif !important;
  min-height: 100vh !important;
}
#column-right a {
  color: #E5C689 !important;
  background-color: transparent !important;
  padding: 10px 12px !important;
  display: block !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  transition: background-color 0.3s, color 0.3s !important;
}
#column-right a:hover {
  background-color: #E5C689 !important;
  color: #0e0e0e !important;
}
#column-right .list-group-item {
  margin-bottom: 5px !important;
  background: none !important;
  border: none !important;
  font-weight: 500 !important;
}

/* ======================== */
/*         COMPONENTS       */
/* ======================== */
#cookie {
  background: #111 !important;
  color: #E5C689 !important;
  font-size: 16px !important;
}
#category {
  font-weight: 700;
  line-height: 40px;
  color: #E5C689 !important;
}
.form-control {
  background-color: #333 !important;
  border: var(--bs-border-width) solid #E5C689 !important;
  color: #fff !important; /* White text */
}
.btn-dark {
  --bs-btn-color: #E5C689 !important;
}
.btn-light {
  --bs-btn-color: #E5C689 !important;
  --bs-btn-bg: #333 !important;
  --bs-btn-border-color: #E5C689 !important;
}
#menu .navbar-toggler i {
  color: #E5C689 !important;
  border-color: #E5C689 !important;
}

/* ======================== */
/*         FONTS & FX       */
/* ======================== */
body, .product-thumb .description {
  font-family: 'Cormorant Garamond', serif !important;
}
hr.gold {
  border: 0 !important;
  height: 1px !important;
  background: linear-gradient(to right, transparent, #E5C689, transparent) !important;
  margin: 30px 0 !important;
}
.glow-on-hover:hover {
  box-shadow: 0 0 15px 3px rgba(255, 215, 0, 0.6) !important;
  transition: box-shadow 0.3s ease-in-out !important;
}
.fade-in {
  animation: fadeIn 1s ease-in !important;
}
/* ======================== */
/*      COLUMN-LEFT       */
/* ======================== */
#column-left {
  background-color: #0e0e0e !important;
  border-left: 2px solid #E5C689 !important;
  padding: 20px !important;
  color: #ffffff !important;
  font-family: 'Georgia', serif !important;
  min-height: 100vh !important;
}
#column-left a {
  color: #E5C689 !important;
  background-color: transparent !important;
  padding: 10px 12px !important;
  display: block !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  transition: background-color 0.3s, color 0.3s !important;
}
#column-left a:hover {
  background-color: #e5c689 !important;
  color: #0e0e0e !important;
}
#column-left .list-group-item {
  margin-bottom: 5px !important;
  background: none !important;
  border: #E5C689 !important;
  font-weight: 500 !important;
}
.btn.active
 {
    color: #495057;
     
 }


/* ======================== */
/*        SEARCH BAR        */
/* ======================== */
#search {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-bottom: 20px !important;
}

#search .form-control-lg {
  background-color: #1a1a1a !important;
  color: #E5C689 !important;
  font-size: 15px !important;
  padding: 10px 16px !important;
  border: none !important;
  border-radius: 8px 0 0 8px !important;
  box-shadow: inset 0 0 6px rgba(229, 198, 137, 0.15) !important;
  transition: all 0.3s ease !important;
}

#search .form-control-lg::placeholder {
  color: #E5C689 !important;
  opacity: 0.7 !important;
}

#search .form-control-lg:focus {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  outline: none !important;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.3) !important;
}

#search .btn-lg {
background-color: #E5C689 !important;
  color: #0e0e0e !important;
  font-size: 16px !important;
  font-weight: bold !important;
  border-radius: 0 8px 8px 0 !important;
  padding: 10px 20px !important;
  border: none !important;
  box-shadow: 0 0 6px rgba(229, 198, 137, 0.2) !important;
  transition: background-color 0.3s ease !important;
}

#search .btn-lg:hover {
  background-color: #d9b66f !important;
  color: #000 !important;
}

/* PAGINATION STYLING - Black & Gold Theme */
.pagination {
  display: flex !important;
  gap: 8px !important;
  padding: 10px 0 !important;
  list-style: none !important;
  justify-content: flex-start !important;
}

.page-item {
  display: inline-block !important;
}

.page-link {
  color: #e5c689 !important;
  background-color: #000000 !important;
  border: 1px solid #e5c689 !important;
  padding: 8px 14px !important;
  text-decoration: none !important;
  border-radius: 50px !important;
  transition: all 0.3s ease-in-out !important;
  font-weight: 500 !important;
}

.page-link:hover {
  background-color: #e5c689 !important;
  color: #000000 !important;
  box-shadow: 0 0 10px #e5c68980 !important;
}

.page-item.active .page-link {
  background-color: #e5c689 !important;
  color: #000000 !important;
  border-color: #e5c689 !important;
  pointer-events: none !important;
}
.card {
    color: #e5c689 !important;
    background-color: #333 !important ;
}

/* Hover effect: golden bg and black text */
.dropdown-menu .dropdown-item:hover {
    background-color: #e5c689 !important;
    color: #000 !important;
}

/* Active (clicked or open) state: black bg and golden text */
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item.active,
.dropdown-menu.show .dropdown-item:focus {
    background-color: #000 !important;
    color: #e5c689 !important;
}

.table {
    
    --bs-table-bg: #e5c689;
    --bs-table-border-color: #e5c689;
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: #e5c689;
}



.accordion {
    --bs-accordion-color: #000 !important;
    --bs-accordion-bg: #E5C689 !important;
    --bs-accordion-border-color: #000 !important;
    --bs-accordion-border-width: 1px;
    --bs-accordion-border-radius: 0.75rem;
    --bs-accordion-inner-border-radius: 0.75rem;
    --bs-accordion-btn-padding-x: 1.5rem;
    --bs-accordion-btn-padding-y: 1.2rem;
    --bs-accordion-btn-color: #000 !important;
    --bs-accordion-btn-bg: #E5C689 !important;
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(0deg);
    --bs-accordion-btn-icon-transition: transform 0.3s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-body-padding-x: 1.5rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: #000 !important;
    --bs-accordion-active-bg: #E5C689 !important;
    background-color: #E5C689 !important;
    border-radius: 0.75rem;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
    transition: all 0.3s ease-in-out;
}

.accordion-button {
    color: #000 !important;
    background-color: #E5C689 !important;
    border: none !important;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.accordion-button:hover {
    background-color: #000 !important;
    color: #E5C689 !important;
}

.accordion-body {
    background-color: #E5C689 !important;
    color: #000 !important;
    border-top: 1px solid #000 !important;
    font-size: 1rem;
    line-height: 1.6;
}

.form-check-input:checked {
    background-color: #0e0e0e !important;
    border-color: #e5c689 !important;
}


.form-check-input {
    --bs-form-check-bg: #E5C689 !important;
    border: var(--bs-border-width) solid #e5c689 !important;
}