/*
Theme Name: Aura Web Shop
Description: Tema da loja Aura Web Shop, baseado no Storefront.
Author: Aura Web Shop
Template: storefront
Version: 1.0.1
Text Domain: aura-webshop
*/

:root {
  --aura-black: #090806;
  --aura-ink: #17130b;
  --aura-gold: #d7ae3e;
  --aura-gold-light: #f0cf66;
  --aura-cream: #f7f3e8;
  --aura-paper: #fffdf6;
  --aura-line: #ded0aa;
}

body {
  background: var(--aura-cream);
  color: var(--aura-ink);
  font-family: Arial, Helvetica, sans-serif;
}

a {
  color: #805f0b;
}

a:hover,
a:focus {
  color: #b18513;
}

.site-header {
  margin-bottom: 0 !important;
  padding-top: 22px;
  padding-bottom: 0;
  border-bottom: 1px solid #6f5515;
  background: var(--aura-black);
  color: #fff8df;
}

.site-header .site-branding {
  width: auto !important;
  margin-bottom: 18px;
}

.site-header .custom-logo {
  width: 70px !important;
  height: 70px !important;
  max-width: 70px !important;
  max-height: 70px !important;
  object-fit: cover;
  border: 1px solid var(--aura-gold);
  border-radius: 8px;
}

.site-header .site-title,
.site-header .site-description,
.site-header a,
.site-header-cart .cart-contents,
.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
  color: #fff8df;
}

.site-header .site-title a {
  font-weight: 700;
}

.site-search .widget_product_search form::before,
.site-header-cart .cart-contents::after {
  color: var(--aura-gold-light);
}

.site-search input[type='search'] {
  border: 1px solid #4d401d;
  border-radius: 4px;
  background: #17140d;
  color: #fff;
}

.storefront-primary-navigation {
  background: #100e09;
  border-top: 1px solid #332b18;
}

.main-navigation ul.menu ul.sub-menu,
.main-navigation ul.nav-menu ul.children,
.site-header-cart .widget_shopping_cart {
  background: #17140d;
}

.main-navigation ul li a:hover,
.main-navigation ul li:hover > a,
.site-title a:hover,
.site-header-cart:hover > li > a {
  color: var(--aura-gold-light);
}

.site-content {
  padding-top: 0;
}

body.home .content-area,
body.woocommerce .content-area,
body.woocommerce-page .content-area {
  width: 100%;
  margin-right: 0;
}

body.home .entry-header {
  display: none;
}

body.home .site-main,
body.home .hentry,
body.home .entry-content {
  margin-bottom: 0;
}

.woocommerce-breadcrumb {
  margin-top: 28px;
}

button,
input[type='button'],
input[type='reset'],
input[type='submit'],
.button,
.wc-block-components-button,
.added_to_cart {
  border-radius: 4px;
  background: var(--aura-gold);
  color: var(--aura-ink);
}

button:hover,
input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover,
.button:hover,
.wc-block-components-button:hover,
.added_to_cart:hover {
  background: var(--aura-gold-light);
  color: var(--aura-ink);
}

ul.products li.product {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 14px 14px 18px;
  border: 1px solid var(--aura-line);
  border-radius: 6px;
  background: #fff;
}

ul.products li.product img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

ul.products li.product .woocommerce-loop-product__title {
  min-height: 48px;
  margin-top: 2px;
  font-size: 16px;
  line-height: 1.45;
}

ul.products li.product .price {
  margin-top: auto;
  color: #8d680a;
  font-weight: 700;
}

ul.products li.product .button {
  margin-top: 14px;
}

.site-footer {
  padding: 44px 0;
  border-top: 1px solid #6f5515;
  background: var(--aura-black);
  color: #d9d0ba;
}

.site-footer a,
.site-footer .site-info {
  color: #fff8df;
}

.aura-footer-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.aura-footer-inner strong {
  color: var(--aura-gold-light);
  font-size: 18px;
}

.aura-footer-inner p {
  margin: 6px 0 0;
}

@media (max-width: 767px) {
  .site-header {
    padding-top: 14px;
  }

  .site-header .custom-logo {
    width: 54px !important;
    height: 54px !important;
    max-width: 54px !important;
    max-height: 54px !important;
  }

  .storefront-primary-navigation {
    padding: 8px 0;
  }

  .menu-toggle {
    border-color: #7d6325;
    background: #17140d;
    color: #fff8df;
  }

  .aura-footer-inner {
    display: block;
  }
}