/* 
 * Logomillu Shop Custom Stylesheet
 * Matches the warm editorial aesthetics of logomillu.pl
 */

:root {
  --color-bg: #fbfaf7;
  --color-text: #3d352e;
  --color-primary: #664835;
  --color-primary-hover: #ab6f4c;
  --color-clay: #ab6f4c;
  --color-sand: #deb887;
  --color-secondary: #eeddc5;
  --color-border: #e2dfd9;
  --font-display: "Fraunces", Georgia, serif;
  --font-sans: "Inter", system-ui, sans-serif;
}

/* Global Styles overrides */
body, .woocommerce, .woocommerce-page {
  background-color: var(--color-bg) !important;
  color: var(--color-text) !important;
  font-family: var(--font-sans) !important;
}

h1, h2, h3, h4, h5, 
.woocommerce-products-header__title,
.woocommerce-loop-product__title,
.product_title,
.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3,
#order_review_heading {
  font-family: var(--font-display) !important;
  color: var(--color-text) !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em !important;
}

/* Clean WooCommerce Grid and loops */
ul.products li.product {
  background: #fff;
  border-radius: 20px;
  padding: 1.5rem !important;
  box-shadow: 0 10px 30px rgba(61, 53, 46, 0.03);
  border: 1px solid var(--color-border);
  transition: all 0.3s ease;
}

ul.products li.product:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 40px rgba(61, 53, 46, 0.08);
}

ul.products li.product .woocommerce-loop-product__title {
  font-size: 1.25rem !important;
  margin-top: 1rem !important;
  margin-bottom: 0.5rem !important;
}

ul.products li.product .price {
  color: var(--color-clay) !important;
  font-weight: 600 !important;
}

/* Buttons - pill shaped like the main site */
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
  background-color: var(--color-primary) !important;
  color: #ffffff !important;
  border-radius: 9999px !important;
  padding: 0.75rem 2rem !important;
  font-weight: 500 !important;
  font-family: var(--font-sans) !important;
  border: none !important;
  transition: all 0.3s ease !important;
  text-transform: none !important;
}

.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
  background-color: var(--color-primary-hover) !important;
  box-shadow: 0 10px 20px rgba(171, 111, 76, 0.2) !important;
}

/* Checkout and Forms fields styling */
.woocommerce-input-wrapper input,
.woocommerce-input-wrapper textarea {
  border-radius: 8px !important;
  border: 1px solid var(--color-border) !important;
  padding: 0.75rem !important;
  background-color: #ffffff !important;
  color: var(--color-text) !important;
}

.woocommerce-input-wrapper input:focus,
.woocommerce-input-wrapper textarea:focus {
  border-color: var(--color-clay) !important;
  outline: none !important;
}

/* Digital consent checkbox spacing */
.digital-consent-checkbox {
  margin: 1.5rem 0 !important;
  padding: 1rem !important;
  background-color: rgba(238, 221, 197, 0.3);
  border-radius: 12px;
  border-left: 4px solid var(--color-clay);
}

.digital-consent-checkbox label {
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
  display: inline-block !important;
  margin-left: 0.5rem !important;
}

/* Cart Page Design */
.woocommerce-cart-form {
  background: #ffffff;
  padding: 2rem;
  border-radius: 20px;
  border: 1px solid var(--color-border);
}

.cart_totals {
  background: #ffffff;
  padding: 2rem;
  border-radius: 20px;
  border: 1px solid var(--color-border);
}