/**
 * Alamode accent color override
 *
 * CURRENT:  #666B76
 * PREVIOUS: #b9d1af  (mint green)
 *
 * Quick REVERT — either:
 *   1) change --alamode-accent below back to #b9d1af
 *   2) or remove/comment the <link> to this file in header.tpl
 */
:root {
  --alamode-accent: #666B76;
  --alamode-accent-prev: #b9d1af;
  --alamode-accent-text: #fff;
}

/* Product grid action buttons */
.product-item .action .button-group .wishlist_button,
.product-item .action .button-group .compare_button,
.product-item .action .button-group .cart_button,
.product-grid .action .button-group .wishlist_button,
.product-grid .action .button-group .compare_button,
.product-grid .action .button-group .cart_button {
  background-color: var(--alamode-accent) !important;
  color: var(--alamode-accent-text) !important;
}

/* Footer titles stay accent-colored (text only, not a plaque) */
.footer-title {
  color: var(--alamode-accent) !important;
}
footer .social-link li a i {
  background-color: var(--alamode-accent) !important;
  color: var(--alamode-accent-text) !important;
}

/* Primary buttons */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background: var(--alamode-accent) !important;
  background-color: var(--alamode-accent) !important;
  color: var(--alamode-accent-text) !important;
  border-color: var(--alamode-accent) !important;
}

/* HTML module buttons */
.htmlcontentouter .htmlbutton a.button {
  background: var(--alamode-accent) !important;
  color: var(--alamode-accent-text) !important;
}

/* Stickers / plaques */
.sticker-reserve {
  background-color: var(--alamode-accent) !important;
  color: var(--alamode-accent-text) !important;
}

/* Header social icons */
ul.top_social_links_ul li a i {
  background-color: var(--alamode-accent) !important;
  color: var(--alamode-accent-text) !important;
}

/* Category submenu pills (brands / subcategories) */
.submenu_cat li a {
  background: var(--alamode-accent) !important;
  color: var(--alamode-accent-text) !important;
}
.submenu_cat li a:hover {
  color: var(--alamode-accent-text) !important;
}

/* Buy / cart / one-click buttons */
.addtolinks_list button,
#boc_submit {
  background: var(--alamode-accent) !important;
  color: var(--alamode-accent-text) !important;
}
.addtolinks_list button:hover,
.addtolinks_list button:active,
.addtolinks_list button:focus,
#boc_submit:hover,
#boc_submit:active,
#boc_submit:focus {
  background: var(--alamode-accent) !important;
  color: var(--alamode-accent-text) !important;
}

/* Mobile cart button */
li.cart_li #cart button.btn-lg {
  background: var(--alamode-accent) !important;
  color: var(--alamode-accent-text) !important;
}

/* MegaFilter / "show all filters" and similar accent buttons */
a.show-all.btn-primary,
a.show-all.btn,
.mfilter-button .btn-primary,
.mfilter-opts-bottom-button .btn-primary {
  color: var(--alamode-accent-text) !important;
}

/* Auth badge sizing */
.original {
  width: 160px;
  height: auto;
  max-width: 100%;
}

/* Social image icons */
ul.top_social_links_ul li a i img,
footer .social-link li a i img {
  vertical-align: middle;
  margin-bottom: 3px;
}
ul.top_social_links_ul li a i img[src*="tiktok"],
footer .social-link li a i img[src*="tiktok"] {
  height: 13px;
  width: auto;
  max-width: 16px;
  filter: brightness(0) invert(1);
}
ul.top_social_links_ul li a i img[src*="max"],
footer .social-link li a i img[src*="max"] {
  height: 16px;
  width: 16px;
  max-width: 16px;
  filter: none;
  object-fit: contain;
}
ul.top_social_links_ul li a i svg,
footer .social-link li a i svg {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-bottom: 2px;
}