@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Oswald:wght@400;500;600;700&display=swap");

:root {
  --sg-dark-1: #0f1217;
  --sg-dark-2: #151a20;
  --sg-dark-3: #1b222a;
  --sg-dark-4: #10161d;
  --sg-line: #2a313a;
  --sg-soft: #aeb6c2;
  --sg-text: #eef2f6;
  --sg-accent: #d4b173;
  --sg-page-gradient:
    radial-gradient(1200px 520px at 10% 8%, rgba(54, 72, 95, 0.22), transparent 58%),
    radial-gradient(1000px 500px at 90% 95%, rgba(36, 50, 67, 0.28), transparent 60%),
    linear-gradient(180deg, #0d1218 0%, #111821 48%, #0e1319 100%);
}

html,
body {
  background-color: var(--sg-dark-1) !important;
  color: var(--sg-soft);
  font-family: "Barlow Condensed", "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0.01em;
}

body {
  position: relative;
  min-height: 100vh;
  background: var(--sg-page-gradient) fixed !important;
}

body::before {
  display: none;
}

#wrapper,
#main,
.main-bg,
.page-wrapper,
.site-main,
#content,
.content-area,
.content-area > .row,
.container,
.container-width,
.row,
.row.row-main {
  background: transparent !important;
}

#wrapper {
  position: relative;
  z-index: 1;
}

.section,
.section-bg,
.section-content,
.section-content.relative,
.page-title-inner,
.page-title,
.archive-page-header,
.entry-content,
.entry-content > .row,
.entry-content > .row > .col,
.shop-page-title,
.page-inner {
  background: transparent !important;
}

.col-inner,
.message-box,
.has-bg {
  background: var(--sg-dark-4);
  border: 1px solid var(--sg-line);
}

h1,
h2,
h3,
h4,
h5,
h6,
.product-title {
  color: var(--sg-text);
  font-family: "Oswald", "Barlow Condensed", sans-serif;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

body p,
body li,
body td,
body th,
body label,
body legend,
body small,
body em,
body blockquote,
body .menu-item a,
body .nav-dropdown a,
body .widget a,
body .widget li,
body .product-short-description,
body .woocommerce-tabs .panel p,
body .woocommerce-product-details__short-description p,
body .comment-content p {
  color: var(--sg-soft) !important;
}

body .price,
body .amount,
body .woocommerce-Price-amount,
body .product-title a,
body .woocommerce-loop-product__title,
body .shop_table .product-name a,
body .cart_item .product-name a {
  color: var(--sg-text) !important;
}

body input::placeholder,
body textarea::placeholder {
  color: #93a5ba !important;
  opacity: 1;
}

body .button,
body button,
body input[type="submit"],
body .single_add_to_cart_button,
body .checkout-button,
body .wc-proceed-to-checkout a.checkout-button {
  color: #11151b !important;
}

body .button.is-outline,
body .button.is-link {
  color: #d8e2ee !important;
}

a {
  color: #dbe6ff;
}

a:hover {
  color: #ffffff;
}

.header-wrapper,
.header-main,
.header-bg-container,
.header-top,
.header-bottom {
  background: #161b22 !important;
}

.nav > li > a,
.header-nav-main.nav > li > a {
  color: #edf0f5;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  letter-spacing: 0.08em;
  font-size: 12px;
}

.nav > li > a:hover,
.nav > li.active > a {
  color: var(--sg-accent);
}

.header-divider {
  background-color: #2a313a;
}

.button,
button,
input[type="submit"],
.single_add_to_cart_button,
.checkout-button,
.wc-proceed-to-checkout a.checkout-button {
  background: var(--sg-accent);
  border-color: var(--sg-accent);
  color: #11151b;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-family: "Oswald", sans-serif;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover {
  background: #e0c18b;
  border-color: #e0c18b;
  color: #101317;
}

input,
select,
textarea {
  background: #121820;
  border: 1px solid var(--sg-line);
  color: #f2f5f8;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #465465;
  box-shadow: 0 0 0 1px rgba(110, 130, 158, 0.2);
}

.section-title,
.shop-page-title,
.page-title {
  border-color: var(--sg-line);
}

.woocommerce-breadcrumb,
.breadcrumbs,
.price,
.stock,
.product-short-description,
.quantity,
.posted_in,
.tagged_as,
.sku_wrapper,
.product_meta,
.woocommerce-tabs,
.comment-respond,
.comment-text {
  color: var(--sg-soft);
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  background: #16202a;
  color: #e6edf5;
  border: 1px solid #334154;
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
  color: var(--sg-accent);
}

.product-small .box,
.product-small .box-text,
.product-small .box-image,
.box-text-products,
.box-image {
  background: var(--sg-dark-2);
}

.product-small .box {
  border: 1px solid var(--sg-line);
  border-radius: 12px;
  overflow: hidden;
}

.product-small .product-title a,
.product-small .amount,
.product-title a,
.woocommerce-Price-amount {
  color: var(--sg-text);
}

.single-product .product-main,
.single-product .product-footer,
.single-product .woocommerce-tabs,
.single-product .related,
.cart-container,
.checkout,
.my-account,
.woocommerce-account .woocommerce,
.shop-container,
.blog-wrapper,
.page-wrapper {
  background: transparent;
}

.single-product .summary,
.single-product .woocommerce-tabs,
.shop-container .product,
.shop-container .products .product,
.woocommerce-cart .cart-collaterals,
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout #customer_details,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,
.blog-archive .post-item,
.single-post .article-inner {
  background: var(--sg-dark-2);
  border: 1px solid var(--sg-line);
  border-radius: 12px;
}

.single-product .summary,
.woocommerce-checkout #customer_details,
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation,
.blog-archive .post-item,
.single-post .article-inner {
  padding: 16px;
}

table,
table th,
table td,
.shop_table,
.shop_table th,
.shop_table td {
  background: transparent;
  color: #d9e2ec;
  border-color: #2f3945;
}

.product_list_widget li,
.widget_recent_entries li,
.widget_pages li,
.widget_nav_menu li {
  border-color: #2c3541;
}

.footer-wrapper,
.footer,
.absolute-footer {
  background: #12171d;
  border-top: 1px solid #242b33;
  color: #95a0ad;
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer a {
  color: #d8dde5;
}

.widget,
.widget_recent_entries,
.widget_recent_comments,
.widget_meta,
.widget_pages,
.widget_nav_menu,
.widget_text,
.widget_product_categories,
.widget_products,
.widget_layered_nav {
  background: var(--sg-dark-2);
  border: 1px solid var(--sg-line);
  border-radius: 12px;
  padding: 14px;
}

@media (max-width: 849px) {
  .nav > li > a,
  .header-nav-main.nav > li > a {
    letter-spacing: 0.05em;
    font-size: 11px;
  }
}