/* alura jewelry theme v3 */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Jost:wght@300;400;500;600&display=swap");

:root {
  --alura-ink: #2a241f;
  --alura-soft: #5c534b;
  --alura-paper: #f6f1e8;
  --alura-cream: #fbf8f3;
  --alura-gold: #b8954e;
  --alura-gold-dark: #8f7036;
  --alura-line: #e4d8c4;
  --alura-white: #fffdf9;
}

html {
  font-size: 16px;
}

body,
#wrapper,
#inner-wrapper {
  background: var(--alura-cream);
  color: var(--alura-ink);
  font-family: "Jost", "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0.01em;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4,
.page-header h1,
.product-title,
.products-section-title {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--alura-ink);
  text-transform: none;
}

a,
a:hover,
a:focus,
.btn-link,
#header a:hover {
  color: var(--alura-gold-dark);
}

#header {
  background: var(--alura-white);
  box-shadow: none;
  border-bottom: 1px solid var(--alura-line);
}

.header-nav {
  border-bottom: 0;
  min-height: 38px;
}

@media (min-width: 768px) {
  .header-nav {
    background: var(--alura-ink);
  }

  .header-nav,
  .header-nav a,
  .header-nav .material-icons,
  .header-nav .cart-products-count {
    color: #f3ead9 !important;
  }

  .header-nav a:hover {
    color: var(--alura-gold) !important;
  }
}

@media (max-width: 767px) {
  .header-nav,
  .header-nav .mobile {
    background: var(--alura-white) !important;
  }

  .header-nav,
  .header-nav a,
  .header-nav .material-icons,
  .header-nav .cart-products-count {
    color: var(--alura-ink) !important;
  }

  #header .top-logo,
  #header #_mobile_logo,
  #header #_mobile_logo img,
  #header .top-logo img {
    max-height: 38px;
    width: auto;
    overflow: visible;
  }
}

.header-top {
  padding: 1.1rem 0 0.85rem;
  background: var(--alura-white);
}

#header .logo,
#header img.logo {
  max-height: 48px;
  width: auto;
}

@media (min-width: 768px) {
  #header .header-top .row {
    display: flex;
    align-items: center;
  }

  #header #_desktop_logo {
    width: 230px;
    max-width: 230px;
    flex: 0 0 230px;
  }

  #header .header-top-right {
    flex: 1 1 auto;
    width: auto;
    max-width: none;
  }
}

#search_widget {
  overflow: hidden;
  border: 1px solid var(--alura-line);
  border-radius: 999px;
  background: var(--alura-cream);
}

#search_widget form input[type="text"] {
  background: transparent;
  min-height: 42px;
}

#search_widget form input[type="text"]:focus {
  outline: none;
  box-shadow: none;
}

.top-menu a[data-depth="0"],
.top-menu a.data-depth-0,
#top-menu > li > a {
  font-family: "Jost", sans-serif;
  font-weight: 400;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.78rem;
  color: var(--alura-ink) !important;
}

.top-menu a[data-depth="0"]:hover,
#top-menu > li > a:hover {
  color: var(--alura-gold-dark) !important;
}

#carousel {
  margin-bottom: 0;
}

#carousel .carousel-item {
  background: #1c1815;
}

#carousel img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

#carousel .caption {
  display: none;
}

#carousel .caption h2,
#carousel .caption .display-1 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(2rem, 4.4vw, 3.6rem);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: none;
  color: #f7f0e4;
  margin-bottom: 0.55rem;
}

#carousel .caption-description,
#carousel .caption p,
#carousel .caption h3 {
  color: #eadfcb;
  font-family: "Jost", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 0.04em;
  text-transform: none;
}

#carousel .carousel-indicators li {
  background: rgba(255, 255, 255, 0.35);
}

#carousel .carousel-indicators .active {
  background: var(--alura-gold);
}

.blockreassurance,
#block-reassurance,
.block-reassurance {
  background: var(--alura-paper) !important;
  border-color: var(--alura-line) !important;
}

.blockreassurance .block-title,
.blockreassurance p,
#block-reassurance p {
  color: var(--alura-ink);
}

#custom-text {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 3.2rem 1rem 1.2rem !important;
  margin: 0 auto 1rem;
  max-width: 1120px;
  text-align: center;
}

#custom-text h2,
.alura-intro h2 {
  text-transform: none !important;
  white-space: normal;
  max-width: 16ch;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.15;
}

.alura-intro {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 2.6rem;
}

.alura-kicker {
  font-family: "Jost", sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--alura-gold-dark);
  margin-bottom: 0.7rem;
}

.alura-intro h2 {
  font-size: clamp(2rem, 4vw, 3rem);
  margin-bottom: 0.85rem;
  line-height: 1.2;
}

.alura-intro p {
  color: var(--alura-soft);
  font-weight: 300;
  font-size: 1.05rem;
  line-height: 1.7;
}

.alura-cats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
}

.alura-cats a {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 180px;
  padding: 1.15rem 1rem;
  text-decoration: none;
  color: #f7f0e4;
  background: #2a241f center/cover no-repeat;
  border: 1px solid var(--alura-line);
  position: relative;
  overflow: hidden;
}

.alura-cats a::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(26, 22, 18, 0.05) 20%, rgba(26, 22, 18, 0.72) 100%);
}

.alura-cats a span {
  position: relative;
  z-index: 1;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.45rem;
  letter-spacing: 0.06em;
}

.alura-cats a:hover {
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(42, 36, 31, 0.12);
}

.alura-cats a.cat-aneis { background-image: url("../img/cat-aneis.jpg"); }
.alura-cats a.cat-brincos { background-image: url("../img/cat-brincos.jpg"); }
.alura-cats a.cat-colares { background-image: url("../img/cat-colares.jpg"); }
.alura-cats a.cat-pulseiras { background-image: url("../img/cat-pulseiras.jpg"); }
.alura-cats a.cat-conjuntos { background-image: url("../img/cat-conjuntos.jpg"); }

.featured-products:not(:has(.product-miniature)),
#content section.featured-products:not(:has(article)) {
  display: none;
}

.products-section-title {
  text-transform: none;
  font-size: 2rem;
  margin-bottom: 1.5rem;
}

.product-miniature {
  background: var(--alura-white);
  border: 1px solid transparent;
}

.product-miniature:hover {
  border-color: var(--alura-line);
}

.product-price,
.product-price-and-shipping .price,
.current-price {
  color: var(--alura-gold-dark) !important;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.2rem;
}

.btn-primary,
.btn.btn-primary,
input.btn.btn-primary,
button.btn.btn-primary,
.add-to-cart {
  background: var(--alura-ink) !important;
  border-color: var(--alura-ink) !important;
  color: #f7f0e4 !important;
  border-radius: 0;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.7rem 1.3rem;
}

.btn-primary:hover,
.add-to-cart:hover {
  background: var(--alura-gold-dark) !important;
  border-color: var(--alura-gold-dark) !important;
}

.btn-secondary,
.quick-view {
  border-radius: 0;
  border-color: var(--alura-line);
  color: var(--alura-ink);
}

#footer {
  background: var(--alura-ink);
  color: #e7dcc8;
  margin-top: 3rem;
}

#footer a,
#footer .h3,
#footer .h4,
#footer p,
#footer li,
#block_myaccount_infos .myaccount-title a,
.block-contact .hidden-sm-down {
  color: #e7dcc8 !important;
}

#footer a:hover {
  color: var(--alura-gold) !important;
}

#footer .block-contact,
#footer .links,
#footer .blockcms-title {
  font-family: "Jost", sans-serif;
}

.block_newsletter {
  background: #211c18;
  border: 0;
}

.block_newsletter p,
.block_newsletter h3,
.footer-container .block_newsletter {
  color: #f3ead9;
}

.block_newsletter form input[type="email"] {
  border: 1px solid #4a4036;
  background: #2a241f;
  color: #f3ead9;
}

#footer .copyright,
.footer-container .copyright {
  color: #b6aa98;
  border-top: 1px solid #3a322b;
}

.breadcrumb {
  background: transparent;
}

.page-content,
#main .page-header {
  background: transparent;
}

.pagination .current a,
.pagination .current span {
  background: var(--alura-ink);
  border-color: var(--alura-ink);
}

@media (max-width: 991px) {
  .alura-cats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #carousel .caption {
    left: 6%;
    right: 6%;
    bottom: 12%;
  }

  #header .logo {
    max-height: 40px;
  }
}

@media (max-width: 575px) {
  .alura-cats {
    grid-template-columns: 1fr;
  }
}