/*
Theme Name: Oasis Intimo
Theme URI: https://oasisintimo.store
Description: Tema hijo de Storefront para Oasis Intimo.
Author: Oasis Intimo
Author URI: https://oasisintimo.store
Template: storefront
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: oasis-intimo
*/

:root {
  --oasis-black: #171313;
  --oasis-white: #fffdfb;
  --oasis-rose: #c98f91;
  --oasis-rose-dark: #9f686b;
  --oasis-sand: #f3ece7;
  --oasis-muted: #756b68;
  --oasis-radius: 1.125rem;
  --oasis-shadow: 0 0.75rem 2.5rem rgba(35, 25, 25, 0.08);
}

body {
  background: var(--oasis-white);
  color: var(--oasis-black);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--oasis-rose-dark);
}

a:hover,
a:focus {
  color: var(--oasis-black);
}

.site-header {
  background: rgba(255, 253, 251, 0.96);
  border-bottom: 1px solid rgba(23, 19, 19, 0.08);
  color: var(--oasis-black);
  padding-block: 1rem;
}

.site-branding .site-title a,
.site-branding .site-description {
  color: var(--oasis-black);
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.wc-block-components-button:not(.is-link) {
  background: var(--oasis-black);
  border: 0;
  border-radius: 999px;
  color: var(--oasis-white);
  font-weight: 600;
  min-height: 2.75rem;
  padding-inline: 1.35rem;
  transition: background-color 160ms ease, transform 160ms ease;
}

button:hover,
input[type="submit"]:hover,
.button:hover,
.wc-block-components-button:not(.is-link):hover {
  background: var(--oasis-rose-dark);
  color: var(--oasis-white);
  transform: translateY(-1px);
}

.site-main ul.products li.product {
  margin-bottom: 2rem;
}

.site-main ul.products li.product img,
.single-product div.product .woocommerce-product-gallery img {
  border-radius: var(--oasis-radius);
  box-shadow: var(--oasis-shadow);
}

.site-main ul.products li.product .woocommerce-loop-product__title {
  color: var(--oasis-black);
  font-size: 1rem;
  font-weight: 600;
}

.price {
  color: var(--oasis-rose-dark) !important;
  font-weight: 700;
}

.site-footer {
  background: var(--oasis-black);
  color: var(--oasis-sand);
}

.site-footer a {
  color: var(--oasis-white);
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="password"],
textarea,
select {
  background: var(--oasis-white);
  border: 1px solid #d8ceca;
  border-radius: 0.75rem;
  box-shadow: none;
}

@media (max-width: 767px) {
  .col-full {
    margin-inline: 1rem;
  }

  .site-header {
    padding-block: 0.75rem;
  }

  .site-main ul.products {
    display: grid;
    gap: 1.25rem 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .site-main ul.products::before,
  .site-main ul.products::after {
    display: none;
  }

  .site-main ul.products li.product {
    float: none;
    margin: 0;
    width: auto;
  }

  .site-main ul.products li.product .button {
    font-size: 0.875rem;
    padding-inline: 0.9rem;
    width: 100%;
  }
}