/**
 * Samarth Sarees — brand UI (overrides Bootstrap 4 in style.css)
 * Filled: gold gradient → maroon + champagne on hover (no green).
 * Outlines: gold/maroon borders → maroon or gold fill on hover.
 */
:root {
  --ss-maroon: #4a0f14;
  --ss-maroon-deep: #3d0a0e;
  --ss-maroon-soft: #6b1f26;
  --ss-gold-highlight: #f3d078;
  --ss-gold-light: #e6be58;
  --ss-gold-mid: #c59d3f;
  --ss-gold-deep: #8a6528;
  --ss-teal: #008080;
  --ss-cream: #faf6ee;
  --ss-ink: #2c1810;

  --primary: var(--ss-gold-mid);
  --success: var(--ss-gold-deep);
  --green: var(--ss-gold-deep);
}

/* ----- Solid primary (Add to cart filled, checkout, etc.) ----- */
.btn-primary {
  background: linear-gradient(180deg, var(--ss-gold-highlight) 0%, var(--ss-gold-light) 40%, var(--ss-gold-mid) 100%) !important;
  border-color: var(--ss-gold-deep) !important;
  color: var(--ss-ink) !important;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
  background: var(--ss-maroon) !important;
  background-image: none !important;
  border-color: var(--ss-maroon-deep) !important;
  color: var(--ss-gold-highlight) !important;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(74, 15, 20, 0.35) !important;
}

.btn-primary:focus,
.btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(197, 157, 63, 0.35) !important;
}

/* ----- Success was Bootstrap green (#28a745); force brand colors ----- */
.btn-success {
  background: linear-gradient(180deg, var(--ss-gold-light) 0%, var(--ss-gold-mid) 100%) !important;
  border-color: var(--ss-gold-deep) !important;
  color: var(--ss-ink) !important;
}

.btn.btn-success:hover,
.btn.btn-success:focus,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active {
  background: var(--ss-maroon) !important;
  background-image: none !important;
  border-color: var(--ss-maroon-deep) !important;
  color: var(--ss-gold-highlight) !important;
}

.btn-success:focus,
.btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(197, 157, 63, 0.35) !important;
}

/* ----- Outline primary (Add to cart on shop cards) ----- */
.btn-outline-primary {
  color: var(--ss-maroon) !important;
  border-color: var(--ss-gold-mid) !important;
  background-color: transparent !important;
}

.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active {
  color: var(--ss-gold-highlight) !important;
  background-color: var(--ss-maroon) !important;
  border-color: var(--ss-maroon-deep) !important;
}

/* ----- Outline dark (View details / View product) ----- */
.btn-outline-dark {
  color: var(--ss-maroon) !important;
  border-color: var(--ss-gold-deep) !important;
  background-color: transparent !important;
}

.btn.btn-outline-dark:hover,
.btn.btn-outline-dark:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active {
  color: var(--ss-ink) !important;
  background: linear-gradient(180deg, var(--ss-gold-highlight) 0%, var(--ss-gold-mid) 100%) !important;
  border-color: var(--ss-gold-deep) !important;
}

/* ----- Outline secondary (wishlist heart, etc.) ----- */
.btn-outline-secondary {
  color: var(--ss-gold-deep) !important;
  border-color: #d4cbb9 !important;
  background-color: transparent !important;
}

.btn.btn-outline-secondary:hover,
.btn.btn-outline-secondary:focus {
  color: var(--ss-maroon) !important;
  background-color: var(--ss-cream) !important;
  border-color: var(--ss-gold-mid) !important;
}

/* ----- Secondary filled ----- */
.btn-secondary {
  color: var(--ss-ink) !important;
  background-color: #ede8df !important;
  border-color: #d4cbb9 !important;
}

.btn.btn-secondary:hover:not(:disabled) {
  background-color: var(--ss-maroon) !important;
  border-color: var(--ss-maroon-deep) !important;
  color: var(--ss-gold-highlight) !important;
}

/* ----- Dark (e.g. checkout back link) ----- */
.btn-dark:hover:not(:disabled),
.btn-dark:focus {
  background-color: var(--ss-maroon) !important;
  border-color: var(--ss-maroon-deep) !important;
  color: var(--ss-gold-highlight) !important;
}

/* ----- Text & badges ----- */
.text-primary {
  color: var(--ss-gold-deep) !important;
}

/* % OFF — gold, not green */
.text-success {
  color: var(--ss-gold-deep) !important;
}

a.text-primary:hover,
a.text-primary:focus {
  color: var(--ss-maroon-soft) !important;
}

.alert-success {
  color: #4a3416;
  background-color: var(--ss-cream);
  border-color: #dfc98f;
}

.badge-success {
  background-color: var(--ss-gold-mid) !important;
  color: var(--ss-ink);
}

.bg-primary {
  background: linear-gradient(180deg, var(--ss-gold-highlight) 0%, var(--ss-gold-mid) 100%) !important;
}

.bg-primary.text-white {
  color: #fffdf8 !important;
  text-shadow: 0 1px 2px rgba(44, 24, 16, 0.35);
}

.border-primary {
  border-color: var(--ss-gold-mid) !important;
}

/* ----- Pagination ----- */
.pagination .page-link {
  color: var(--ss-gold-deep);
}

.pagination .page-link:hover {
  color: var(--ss-maroon);
  background-color: var(--ss-cream);
  border-color: #dfc98f;
}

.pagination .page-item.active .page-link {
  background: var(--ss-maroon) !important;
  border-color: var(--ss-maroon-deep) !important;
  color: var(--ss-gold-highlight) !important;
}

/* Back to top */
.btn-primary.back-to-top:hover {
  background: var(--ss-maroon) !important;
  color: var(--ss-gold-highlight) !important;
}

/* Kill generic .btn:hover grey text on our variants */
.btn-primary:hover,
.btn-success:hover,
.btn-outline-primary:hover,
.btn-outline-dark:hover,
.btn-outline-secondary:hover {
  text-decoration: none;
}

/* Wishlist: outline heart when empty, solid red when saved */
.add-to-wishlist-btn .far.fa-heart,
#quickViewWishlistBtn .far.fa-heart {
  color: #7a6a60;
}

.add-to-wishlist-btn.wishlist-active .fas.fa-heart.text-danger,
.add-to-wishlist-btn .fas.fa-heart.text-danger,
#quickViewWishlistBtn.wishlist-active .fas.fa-heart.text-danger {
  color: #dc3545 !important;
}

/* Top bar: wishlist / cart icon buttons */
.topbar-actions-col .btn.border:hover,
.topbar-actions-col .btn.border:focus {
  border-color: var(--ss-gold-mid) !important;
  background-color: var(--ss-cream);
}

.topbar-actions-col .btn.border:hover .text-primary,
.topbar-actions-col .btn.border:focus .text-primary {
  color: var(--ss-maroon) !important;
}

.topbar-search-col .input-group-text:hover {
  color: var(--ss-maroon) !important;
}

/* ----- Navbar (horizontal links, Login/Register, dropdown toggle) ----- */
.navbar-light .navbar-nav a.nav-link:hover,
.navbar-light .navbar-nav a.nav-link:focus {
  color: var(--ss-maroon) !important;
}

.navbar-light .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar-light .navbar-nav .dropdown-menu .dropdown-item:focus {
  background-color: rgba(197, 157, 63, 0.18);
  color: var(--ss-maroon-deep) !important;
}

/* ----- Categories sidebar (left panel filter links) ----- */
#navbar-vertical.navbar-vertical .navbar-nav .nav-link:hover,
#navbar-vertical.navbar-vertical .navbar-nav .nav-link:focus {
  color: var(--ss-maroon) !important;
  background-color: rgba(197, 157, 63, 0.14);
}

/* ----- Shop / filters: selects & breadcrumb ----- */
.container-fluid.pt-5 .col-lg-3 select.form-control:focus,
.container-fluid.pt-5 .col-lg-3 input.form-control:focus {
  border-color: var(--ss-gold-mid);
  box-shadow: 0 0 0 0.15rem rgba(197, 157, 63, 0.28);
}

.breadcrumb a:hover,
.breadcrumb a:focus {
  color: var(--ss-maroon) !important;
  text-decoration: none;
}

/* ----- Footer: quick links, columns, policy strip ----- */
.bg-secondary.mt-5 a.text-dark:hover,
.bg-secondary.mt-5 a.text-dark:focus {
  color: var(--ss-maroon) !important;
  padding-left: 2px;
}

.bg-secondary.mt-5 a.text-dark:hover .fa-angle-right,
.bg-secondary.mt-5 a.text-dark:focus .fa-angle-right {
  color: var(--ss-gold-mid);
}

.footer-topbar a.text-dark:hover,
.footer-topbar a.text-dark:focus {
  color: var(--ss-maroon) !important;
}

.footer-topbar .social-icons a.text-dark:hover i,
.footer-topbar .social-icons a.text-dark:focus i {
  color: var(--ss-maroon);
}

/* Footer contact icons + email / phone */
.footer-contact-icon {
  color: var(--ss-gold-deep);
  transition: color 0.2s ease;
}

.footer-contact-link:hover,
.footer-contact-link:focus {
  color: var(--ss-maroon) !important;
  text-decoration: none;
}

.footer-contact-link:hover .footer-contact-icon,
.footer-contact-link:focus .footer-contact-icon {
  color: var(--ss-maroon);
}

.footer-contact-static:hover .footer-contact-icon {
  color: var(--ss-maroon);
}

/* Floating social (right rail): hover matches brand */
.floating-social-right a:not(.social-whatsapp):not(.social-call):hover {
  background: var(--ss-maroon-deep) !important;
  color: #fff !important;
}

.floating-social-right a.social-call:hover {
  filter: brightness(1.08);
}

.floating-social-right a.social-whatsapp:hover {
  filter: brightness(1.08);
}