/* ClayMuse Jewelry - Brand Theme Overrides
   Colors extracted from logo:
   - Deep plum/burgundy (script text): #6B2D5B
   - Warm gold (Muse text / moon): #C8A951
   - Soft pink (flower): #D4A0B9
   - Sage/teal (leaves): #7BA7A0
   - Warm terracotta (accent branch): #C47D5A
   - Off-white background: #FAF8F5
*/

:root {
  --claymuse-plum: #6B2D5B;
  --claymuse-gold: #C8A951;
  --claymuse-pink: #D4A0B9;
  --claymuse-sage: #7BA7A0;
  --claymuse-terracotta: #C47D5A;
  --claymuse-cream: #FAF8F5;
  --claymuse-dark: #2C2C2C;
}

/* Example overrides for the default PrestaShop classic theme */
body {
  font-family: 'Lora', 'Georgia', serif;
  background-color: var(--claymuse-cream);
  color: var(--claymuse-dark);
}

#header .header-top {
  background: linear-gradient(180deg, #fff 0%, var(--claymuse-cream) 100%);
  box-shadow: 0 1px 0 rgba(107, 45, 91, 0.12);
}

#header .header-nav {
  background-color: var(--claymuse-plum);
  border-color: var(--claymuse-plum);
}

#header .header-nav,
#header .header-nav a,
#header .header-nav .material-icons,
#header .header-nav .cart-products-count,
#header .header-nav .blockcart,
#header .header-nav .user-info a,
#header .header-nav span {
  color: #f9edf5 !important;
}

#header .header-nav .right-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.25rem;
}

#header .header-nav .blockcart .header,
#header .header-nav .blockcart .header *,
#header .header-nav .shopping-cart,
#header .header-nav .user-info a,
#header .header-nav .currency-selector button,
#header .header-nav #contact-link a {
  color: #fff7fb !important;
}

#header .header-nav .blockcart .header {
  font-weight: 700;
}

#header .header-nav .blockcart,
#header .header-nav .cart-preview {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: none;
}

#header .header-nav .blockcart:hover,
#header .header-nav .cart-preview:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}

#header .header-nav .cart-products-count {
  background: rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  padding: 0.05rem 0.45rem;
}

#header .header-nav a:hover,
#header .header-nav .material-icons:hover {
  color: #fff !important;
}

#header .header-top a,
#header .header-top span,
#header .header-top .material-icons,
#header .header-top .blockcart .header,
#header .header-top .user-info a {
  color: var(--claymuse-dark);
}

#header .header-top a:hover,
#header .header-top .user-info a:hover,
#header .header-top .blockcart:hover .header {
  color: var(--claymuse-plum);
}

#header .header-top .search-widget form input[type="text"] {
  background-color: #fff;
  border: 1px solid rgba(107, 45, 91, 0.18);
  color: var(--claymuse-dark);
}

#header .header-top .search-widget form input[type="text"]::placeholder {
  color: #7b6a73;
}

#header .header-top .search-widget form button[type="submit"] {
  color: var(--claymuse-plum);
}

#header .top-menu a[data-depth="0"] {
  color: #4b2641;
  font-family: 'Lora', 'Georgia', serif;
  font-size: 0.98rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

#header .top-menu a[data-depth="0"]:hover,
#header .top-menu .current > a[data-depth="0"],
#header .top-menu .sub-menu a:hover {
  color: var(--claymuse-plum);
}

#header .top-menu .sub-menu a {
  color: var(--claymuse-dark);
}

#header .header-top .row {
  align-items: center;
}

#_desktop_logo {
  display: flex;
  align-items: center;
}

#_desktop_logo h1 {
  margin: 0;
}

#header .header-top-right {
  padding-top: 1rem;
}

#_desktop_logo .logo,
#_mobile_logo .logo {
  display: block;
  height: auto;
  max-height: 10rem;
  width: auto;
}

@media (min-width: 992px) {
  #_desktop_logo {
    flex: 0 0 21.25rem;
    max-width: 21.25rem;
  }

  #header .header-top-right {
    flex: 0 0 calc(100% - 21.25rem);
    max-width: calc(100% - 21.25rem);
    padding-top: 1.5rem;
  }

  #_desktop_logo .logo {
    width: 100%;
    max-width: 340px;
    max-height: none;
  }
}

a {
  color: var(--claymuse-plum);
}

a:hover {
  color: var(--claymuse-gold);
}

.btn-primary {
  background-color: var(--claymuse-plum);
  border-color: var(--claymuse-plum);
}

.btn-primary:hover {
  background-color: var(--claymuse-gold);
  border-color: var(--claymuse-gold);
}

#footer {
  background-color: var(--claymuse-dark);
}

:root {
  --claymuse-footer-heading: #ffffff;
  --claymuse-footer-text: #a9a2a7;
}

#footer,
#footer a,
#footer p,
#footer li,
#footer span,
#footer .footer-container .links ul > li a,
#footer .block-contact,
#footer .block-contact #contact-infos,
#footer .account-list a,
#footer .block_newsletter #block-newsletter-label,
#footer .block_newsletter p,
#footer .block-contact a,
#footer .copyright a {
  color: var(--claymuse-footer-text) !important;
}

#footer a:hover,
#footer .footer-container .links ul > li a:hover,
#footer .block-contact a:hover,
#footer .account-list a:hover {
  color: var(--claymuse-footer-text) !important;
  text-decoration: underline;
}

#footer .footer-container,
#footer .block_newsletter,
#footer .footer-after,
#footer .footer-before {
  background: transparent;
}

#footer .footer-container .links ul,
#footer .footer-container .links ul > li,
#footer .links .title {
  background-color: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

#footer .block_newsletter {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

#footer .h3,
#footer .h4,
#footer .block-contact-title,
#footer .title span,
#footer .myaccount-title a,
#footer .navbar-toggler .material-icons {
  color: var(--claymuse-footer-heading) !important;
}

#footer .block_newsletter input[type="email"] {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(107, 45, 91, 0.2);
  color: var(--claymuse-footer-text);
}

#footer .block_newsletter input[type="email"]::placeholder {
  color: var(--claymuse-footer-text);
}

#footer .footer-container .links .h3,
#footer .myaccount-title a,
#footer .block-contact-title {
  letter-spacing: 0.05em;
  text-transform: uppercase;
}