@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

/* =========================
   CSS VARIABLES
========================= */
:root {
  --gold:     #d4af37;
  --gold-dark:#b8962e;
  --black:    #000;
  --white:    #fff;
  --grey-bg:  #f6f6f6;
  --text-dark:#333;
}

/* =========================
   GLOBAL TEAL OVERRIDES
   Replace all PrestaShop default teal (#24b9d7) with gold
========================= */

/* Links — but not buttons */
a:not(.btn) { color: var(--gold); }
a:not(.btn):hover { color: var(--gold-dark); }

/* Proceed to Checkout button — cart page and blockcart modal */
.cart-content .btn-primary,
#blockcart-modal .btn-primary,
.cart-grid .btn-primary,
a.btn-primary,
a.btn.btn-primary {
  background-color: var(--gold) !important;
  border-color: var(--gold) !important;
  color: #000 !important;
  text-decoration: none !important;
}
.cart-content .btn-primary:hover,
#blockcart-modal .btn-primary:hover,
.cart-grid .btn-primary:hover,
a.btn-primary:hover,
a.btn.btn-primary:hover {
  background-color: var(--gold-dark) !important;
  border-color: var(--gold-dark) !important;
  color: #000 !important;
}
#blockcart-modal .cart-content-btn .btn-primary,
#blockcart-modal .cart-content-btn .btn-primary *,
#blockcart-modal .cart-content-btn a.btn { color: #000 !important; }

/* Blockcart modal — product name link */
#blockcart-modal .product-name,
#blockcart-modal .cart-content a:not(.btn) { color: var(--gold) !important; }

/* Cart summary links */
.cart-grid-body a.label,
#cart-summary-product-list a { color: var(--gold) !important; }

/* Contact page links */
.page-contact a { color: var(--gold) !important; }
body {
  font-family: 'Inter', sans-serif;
  background: var(--grey-bg);
  color: var(--text-dark);
  margin: 0;
  -webkit-font-smoothing: antialiased;
}
#wrapper { background: var(--white); padding-top: 10px; }
a, button { transition: all 0.2s ease; }

/* =========================
   TYPOGRAPHY
========================= */
h1                           { font-size: 32px; font-weight: 600; letter-spacing: -0.5px; }
h2                           { font-size: 26px; font-weight: 600; }
h3, .h3                      { font-size: 20px; font-weight: 600; }
h4, .h4                      { font-size: 16px; font-weight: 600; }
h1[itemprop="name"]          { font-size: 30px; color: #111; }
p                            { font-size: 15px; line-height: 1.6; }
.text-muted,
.product-reference,
.tax-shipping-delivery-label { color: #777 !important; }

/* =========================
   HEADER — DESKTOP
========================= */
#header,
.header-nav,
.header-top  { margin: 0 !important; padding: 0 !important; border: none !important; }
.header-nav  { background: var(--gold); }
.header-top,
#header      { background: #000; }

/* Padding around logo to compensate for SVG crop */
#header .header-top { padding: 10px 0 !important; }

#header .header-nav .right-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
}
#header #contact-link a,
#header .user-info a { display: flex; align-items: center; gap: 6px; }

/* Desktop cart pill */
#header .blockcart {
  display: flex;
  align-items: center;
  background: #000 !important;
  color: #fff !important;
  border-radius: 4px;
  padding: 6px 12px;
  gap: 6px;
}
#header .blockcart a              { color: #fff !important; }
#header .blockcart i              { color: var(--gold) !important; }
#header .header-nav a:hover       { color: #000 !important; }

/* Gold bar nav links — keep dark on gold background */
#header .header-nav .right-nav #contact-link a,
#header .header-nav .right-nav .user-info a,
#header .header-nav .right-nav .user-info i { color: #232323 !important; }

/* Vertical alignment — match Sign in to Contact us */
#header .header-nav .right-nav { align-items: center !important; }
#header .header-nav .right-nav #_desktop_user_info,
#header .header-nav .right-nav #_desktop_contact_link,
#header .header-nav .right-nav .user-info,
#header .header-nav .right-nav #contact-link {
  display: flex !important;
  align-items: center !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Review buttons */
.btn.btn-comment {
  background: var(--gold) !important;
  color: #000 !important;
  border-color: var(--gold) !important;
}
.btn.btn-comment:hover {
  background: var(--gold-dark) !important;
  border-color: var(--gold-dark) !important;
  color: #000 !important;
}
.btn.btn-comment i { color: #000 !important; }

/* =========================
   MAIN MENU — DESKTOP
========================= */
#_desktop_top_menu .top-menu > li > a       { color: var(--gold) !important; font-weight: 500; }
#_desktop_top_menu .top-menu > li > a:hover { color: #fff !important; }

#_desktop_top_menu .sub-menu {
  background: #fff !important;
  padding: 25px 30px !important;
  border-radius: 8px;
  box-shadow: 0 15px 35px rgba(0,0,0,0.2);
}
#_desktop_top_menu .sub-menu > .top-menu > li > a {
  color: var(--gold) !important;
  font-weight: 600;
  text-transform: uppercase;
}
#_desktop_top_menu .sub-menu .top-menu .top-menu a       { color: #000 !important; }
#_desktop_top_menu .sub-menu .top-menu .top-menu a:hover { color: var(--gold) !important; }
#_desktop_top_menu .sub-menu a:hover                     { opacity: 1 !important; }

/* =========================
   PRODUCT PAGE
========================= */
.product-price,
.current-price-value {
  color: var(--gold);
  font-weight: 600;
  font-size: 22px;
  letter-spacing: 0.3px;
}
.product-description,
.product-description p,
.product-description-short p,
.tab-content .product-description,
#description p { color: #000 !important; }

.product-availability .alert   { border: 2px solid var(--gold); background: #fff; }
.product-availability .alert i { color: var(--gold) !important; }

/* =========================
   TABS
========================= */
.nav-tabs .nav-link        { color: #333 !important; }
.nav-tabs .nav-link.active { color: var(--gold) !important; border-bottom: 2px solid var(--gold) !important; }

/* =========================
   BUTTONS
========================= */
button, .btn { font-size: 14px; letter-spacing: 0.5px; }

button.add-to-cart {
  background: var(--gold);
  border: none;
  color: #000;
  height: 48px;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
button.add-to-cart:hover,
.btn-primary:hover {
  background: var(--gold-dark) !important;
  color: #000 !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}
button.add-to-cart i   { color: #000 !important; }
.wishlist-button-add   { background: #000 !important; }
.wishlist-button-add i { color: var(--gold) !important; }

/* =========================
   PRODUCT IMAGE & FLAGS
========================= */
.images-container .layer    { background: rgba(0,0,0,0.25) !important; }
.product-flag.new           { background: var(--gold) !important; color: #000 !important; }
.product-flag.out_of_stock  { background: #000 !important; color: #fff !important; }

/* =========================
   REASSURANCE ICONS
========================= */
.blockreassurance_product svg path { fill: var(--gold) !important; }

/* =========================
   NEWSLETTER — DESKTOP
========================= */
.block_newsletter { padding: 30px !important; border-radius: 12px; }
.block_newsletter form { display: flex; gap: 10px; flex-wrap: wrap; }
.block_newsletter input[type="email"] { height: 48px; padding: 0 15px; border-radius: 6px; flex: 1; }
.block_newsletter input[type="submit"] { height: 48px; padding: 0 25px; background: var(--gold); color: #000; border: none; }
.block_newsletter input[type="submit"]:hover { background: var(--gold-dark); }

/* =========================
   FOOTER
========================= */
#footer { background: #000; color: #ccc; }
#footer h3, #footer h4, #footer .h3, #footer .h4,
#footer .myaccount-title, #footer .myaccount-title a { color: var(--gold) !important; font-size: 16px; letter-spacing: 0.5px; }
#footer a       { color: #ccc; }
#footer a:hover { color: var(--gold); }
#footer ul li   { margin-bottom: 6px; font-size: 14px; }

/* =========================
   SOCIAL SHARE ICONS
========================= */
.social-sharing li:nth-child(1),
.social-sharing li:nth-child(1):hover { background-image: url('/themes/classic/assets/css/b252849e892c264f4f22.svg') !important; }
.social-sharing li:nth-child(2),
.social-sharing li:nth-child(2):hover { background-image: url('/themes/classic/assets/css/73f07959d75f31faaaab.svg') !important; }
.social-sharing li:nth-child(3),
.social-sharing li:nth-child(3):hover { background-image: url('/themes/classic/assets/css/91fc2885f1aa34fb73f6.svg') !important; }
.social-sharing li:hover {
  background-color: transparent !important;
  filter: sepia(1) saturate(5) hue-rotate(10deg) brightness(1.1);
}

/* =========================
   CHECKOUT PAGE
========================= */

/* Injected mobile logo bar — hidden on desktop, shown in mobile media query */
body#checkout #checkout-logo-bar { display: none !important; }

/* Header */
body#checkout #header { background: #000 !important; box-shadow: none !important; }
body#checkout #header .header-nav {
  background: #000 !important;
  max-height: none !important;
  border-bottom: 3px solid var(--gold) !important;
  padding: 0 !important;
}
body#checkout #header .header-nav .container { padding-top: 0 !important; padding-bottom: 0 !important; }
body#checkout #header .header-nav .container .row {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Hide all nav clutter on checkout */
body#checkout #header #_desktop_contact_link,
body#checkout #header #_desktop_user_info,
body#checkout #header #_desktop_cart,
body#checkout #header #_mobile_user_info,
body#checkout #header #_mobile_contact_link,
body#checkout #header #_mobile_cart,
body#checkout #header #menu-icon,
body#checkout #header .header-top,
body#checkout #header #mobile_top_menu_wrapper,
body#checkout #header .js-top-menu-bottom,
body#checkout #header #search_widget,
body#checkout #header .search-widget,
body#checkout #header .search-widgets,
body#checkout #header .right-nav { display: none !important; }

/* Desktop logo — full width, centred */
body#checkout #header .header-nav .container .row #_desktop_logo,
body#checkout #header #_desktop_logo.col-md-6,
body#checkout #header #_desktop_logo {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding: 5px 0 !important;
  float: none !important;
}
body#checkout #header #_desktop_logo a img,
body#checkout #header #_desktop_logo img {
  width: 180px !important;
  height: auto !important;
  max-height: none !important;
  display: block !important;
  margin: 0 auto !important;
}

/* Step numbers */
body#checkout section.checkout-step.-reachable.-current .step-number {
  background-color: var(--gold) !important;
  color: #000 !important;
  border: none !important;
}
body#checkout section.checkout-step .step-number { border-color: var(--gold) !important; color: var(--gold) !important; }
body#checkout section.checkout-step .done        { color: var(--gold) !important; }
body#checkout section.checkout-step .step-title  { color: #232323 !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; }

/* Buttons */
body#checkout .btn-primary       { background: var(--gold) !important; color: #000 !important; border: none !important; font-weight: 600 !important; }
body#checkout .btn-primary:hover { background: var(--gold-dark) !important; color: #000 !important; }

/* Radio */
body#checkout .custom-radio input[type=radio]:checked + span { background-color: var(--gold) !important; }

/* Order summary */
body#checkout .cart-summary-line .value                      { color: var(--gold) !important; font-weight: 600 !important; }
body#checkout .cart-summary-line.cart-total .label,
body#checkout .cart-summary-line.cart-total .value           { font-size: 1rem !important; font-weight: 700 !important; }

/* Links — catch-all to remove teal */
body#checkout a       { color: var(--gold) !important; }
body#checkout a:hover { color: var(--gold-dark) !important; }

/* Input focus */
body#checkout .form-control:focus { outline-color: var(--gold) !important; border-color: var(--gold) !important; }

/* Selected address */
body#checkout section.checkout-step .address-item.selected { border-color: var(--gold) !important; }

/* Footer — hide copyright, keep terms link */
body#checkout .footer-container .text-sm-center { display: none !important; }
body#checkout .footer-container .row:last-child  { display: none !important; }
body#checkout .footer-container .col-md-12       { display: none !important; }
body#checkout .footer-container                  { background: #000 !important; }
body#checkout #footer                            { background: #000 !important; padding-top: 0 !important; }

/* =========================
   UNIFORM PRODUCT GRID
========================= */
.product-miniature .thumbnail-top {
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  background: #fff !important;
}
.product-miniature .thumbnail-top a img,
.product-miniature .thumbnail-top img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  flex-shrink: 0 !important;
  transform: none !important;
}
.product-miniature .thumbnail-top a,
.product-miniature .thumbnail-top .product-thumbnail {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

/* =========================
   PRODUCT DETAIL IMAGES
========================= */
.product-cover { width: 100% !important; }
.product-cover img {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #fff !important;
  display: block !important;
}
.product-images > li.thumb-container { display: inline-block !important; }
.product-images > li.thumb-container .thumb {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* =========================
   SUBCATEGORY PAGE
========================= */
#subcategories .subcategory-heading { font-weight: 600; color: #111; }

#subcategories ul li .subcategory-image {
  position: relative !important;
  height: 180px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}
#subcategories ul li .subcategory-image a {
  display: block !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: hidden !important;
}
#subcategories ul li .subcategory-image a picture {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
#subcategories ul li .subcategory-image a img,
#subcategories ul li .subcategory-image a img.img-fluid {
  display: block !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center top !important;
  margin: 0 !important;
  padding: 0 !important;
}
#subcategories ul li:hover .subcategory-name { color: var(--gold) !important; }
#subcategories ul li .subcategory-name {
  color: #232323;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.3px;
}

/* =========================
   PRODUCT CARDS
========================= */
.product-miniature .product-title a          { color: #333 !important; font-weight: 500 !important; }
.product-miniature .product-title a:hover    { color: var(--gold) !important; text-decoration: none !important; }
.product-miniature .product-price-and-shipping { color: var(--gold) !important; }

.product-miniature .thumbnail-container:hover .highlighted-informations,
.product-miniature .thumbnail-container:focus .highlighted-informations {
  background: #fff !important;
  border-top: 3px solid var(--gold) !important;
  height: 2.5rem !important;
  min-height: 2.5rem !important;
  max-height: 2.5rem !important;
  overflow: hidden !important;
  top: calc(100% - 2.5rem) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}
.product-miniature .highlighted-informations .quick-view       { color: #555; }
.product-miniature .highlighted-informations .quick-view:hover { color: var(--gold) !important; }
/* Hide variant swatches — irrelevant in hover panel */
.product-miniature .highlighted-informations .variant-links    { display: none !important; }

.product-images > li.thumb-container .thumb:hover,
.product-images > li.thumb-container .thumb.selected { border: 3px solid var(--gold) !important; }

.product-flags li.product-flag                        { background: var(--gold) !important; color: #000 !important; }
.product-flags li.product-flag.discount,
.product-flags li.product-flag.discount-amount,
.product-flags li.product-flag.discount-percentage,
.product-flags li.product-flag.on-sale                { background: var(--gold-dark) !important; color: #000 !important; }

/* =========================
   CATEGORY / LISTING PAGE
========================= */

/* Category header cover image — maintain correct proportions */
.block-category .block-category-inner .category-cover img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 200px !important;
  object-fit: contain !important;
  display: block !important;
}
.products-sort-order .select-list:hover,
.brands-sort .select-list:hover,
.suppliers-sort .select-list:hover { background: var(--gold) !important; color: #000 !important; }

.active_filters .filter-block       { border: 1px solid var(--gold); }
.active_filters .filter-block .close { color: var(--gold) !important; opacity: 1; }

.pagination .current a   { color: var(--gold) !important; }
.pagination a:hover       { color: var(--gold) !important; }
.page-item.active .page-link { background-color: var(--gold) !important; border-color: var(--gold) !important; color: #000 !important; }

.block-categories a       { color: #333; }
.block-categories a:hover { color: var(--gold) !important; }
.block-categories .collapse-icons .add:hover,
.block-categories .collapse-icons .remove:hover,
.block-categories .arrows .arrow-down:hover,
.block-categories .arrows .arrow-right:hover { color: var(--gold) !important; }

#search_filters .facet .facet-label a:hover,
#search_filters_brands .facet .facet-label a:hover,
#search_filters_suppliers .facet .facet-label a:hover { color: var(--gold) !important; }

.facet-dropdown .select-list:hover      { background: var(--gold) !important; color: #000 !important; }
.facet-dropdown.open > .select-title    { border-color: var(--gold) !important; }
#category #left-column a:hover          { color: var(--gold) !important; }

/* =================================================
   MOBILE  (max-width: 767px)
================================================= */
@media (max-width: 767px) {

  /* ── HEADER NAV ── */
  #header .header-nav {
    max-height: none !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    background: #000 !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  #header .header-nav #menu-icon .material-icons { line-height: normal !important; }

  /* Mobile flex strip */
  #header .header-nav .mobile {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    padding: 12px 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    height: auto !important;
    overflow: visible !important;
    float: none !important;
    background: #000 !important;
  }

  /* Reset floats on mobile header children */
  #menu-icon,
  #_mobile_logo,
  #_mobile_user_info,
  #_mobile_cart {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* Order */
  #menu-icon         { order: 1; }
  #_mobile_logo      { order: 2; flex: 1 1 auto !important; justify-content: center; }
  #_mobile_user_info { order: 3; margin-right: 12px !important; }
  #_mobile_cart      { order: 4; }

  /* Logo — SVG needs explicit height (empty width/height attrs) */
  #_mobile_logo img, #_mobile_logo svg {
    height: 50px !important;
    width: auto !important;
    min-width: 50px !important;
    display: block !important;
    max-height: none !important;
  }

  /* Icons */
  #menu-icon i         { font-size: 26px !important; line-height: 1 !important; color: var(--gold) !important; cursor: pointer; }
  #_mobile_user_info i { font-size: 24px !important; line-height: 1 !important; color: var(--gold) !important; }

  /* Cart pill */
  #_mobile_cart .blockcart,
  #_mobile_cart a.blockcart {
    background: var(--gold) !important;
    border-radius: 20px !important;
    padding: 6px 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    height: auto !important;
    max-height: none !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  #_mobile_cart .blockcart *,
  #_mobile_cart .blockcart a { color: #000 !important; font-weight: 600; font-size: 13px; }
  #_mobile_cart .blockcart i { font-size: 18px !important; color: #000 !important; }

  /* Search row */
  #header .header-top {
    display: block !important;
    background: #fff !important;
    padding: 8px 15px 12px !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* Checkout mobile — hide original strip, use injected logo bar */
  body#checkout #header .header-top { display: none !important; }
  body#checkout #header .header-nav .mobile {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  body#checkout #checkout-logo-bar { display: block !important; }

  /* Hide desktop elements inside header-top */
  #header .header-top #_desktop_logo,
  #header .header-top .right-nav,
  #header .header-top #contact-link,
  #header .header-top #_desktop_top_menu,
  #header .header-top .menu { display: none !important; }

  /* Search input */
  #search_widget,
  #header .header-top #search_widget,
  #header .header-top .search-widget,
  #header .header-top .search-widgets {
    display: block !important;
    width: 100% !important;
    background: transparent !important;
    padding: 0 !important;
    min-width: 0 !important;
  }
  #search_widget form { width: 100% !important; }
  #search_widget input[type="text"],
  #search_widget input[type="search"] {
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    padding: 10px 14px 10px 38px !important;
    height: 44px !important;
    font-size: 15px !important;
  }

  /* Mobile menu links */
  .mobile_top_menu .top-menu a,
  #_mobile_top_menu .top-menu .dropdown-item {
    color: #333 !important;
    text-align: left !important;
    display: block !important;
    padding: 12px 15px !important;
    justify-content: flex-start !important;
  }
  .mobile_top_menu .top-menu a:hover,
  #_mobile_top_menu .top-menu .dropdown-item:hover { color: var(--gold) !important; }
  .mobile_top_menu .sub-menu a                     { padding-left: 25px !important; }
  #_mobile_contact_link #contact-link a            { color: #333 !important; }
  #_mobile_contact_link #contact-link a:hover      { color: var(--gold) !important; }

  /* Newsletter */
  .block_newsletter form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-areas: "email" "submit" !important;
    gap: 10px !important;
    width: 100% !important;
  }
  .block_newsletter .input-wrapper { grid-area: email !important; display: block !important; width: 100% !important; }
  .block_newsletter input[type="email"] {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    height: 48px !important;
    padding: 0 14px !important;
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    min-width: 0 !important;
    -webkit-appearance: none !important;
  }
  .block_newsletter input[type="submit"],
  .block_newsletter input.hidden-xs-down {
    grid-area: submit !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    height: 48px !important;
    background: var(--gold) !important;
    color: #000 !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
  }
  .block_newsletter button,
  .block_newsletter .hidden-sm-up,
  .block_newsletter button[type="button"] {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    pointer-events: none !important;
  }

  /* Footer */
  .footer-container,
  .footer-container .links              { background: #000 !important; }
  .footer-container .links h3,
  .footer-container .links h4           { color: var(--gold) !important; }
  .footer-container .links ul           { background: transparent !important; background-color: #000 !important; }
  .footer-container .links ul > li      { background: transparent !important; border-bottom-color: #333 !important; }
  .footer-container .links ul li a      { color: #ccc !important; }
  .footer-container .links ul li a:hover { color: var(--gold) !important; }

} /* end @media mobile */