/*
Theme Name: Refresh (Blockbase Child)
Theme URI: https://example.com/refresh-theme
Description: A vintage-inspired e-commerce child theme for Blockbase.
Author: Gavin Coetzee
Author URI: https://example.com
Template: blockbase
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: refresh-blockbase-child
*/

/* Custom Styles */
body {
  font-family: 'Georgia', serif;
  background-color: #f4f0e7;
  color: #3e3a36;
}

.wp-block-post-template,
.products {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 2rem;
  padding: 2rem;
  background-color:#e6d6b8;
}

.product-card,
.woocommerce ul.products li.product {
  background-color: #ffffff;
  border: 1px solid #d6cbbd;
  border-radius: 12px;
  padding: 1rem;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.04);
  text-align: center;
}

.product-card img,
.woocommerce ul.products li.product img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  margin-bottom: 1rem;
}

.product-card h3,
.woocommerce ul.products li.product h2 {
  font-size: 1.2rem;
  color: #5c4b3d;
  margin: 0.5rem 0;
}

.product-card .price,
.woocommerce ul.products li.product .price {
  color: #8b6f52;
  font-weight: bold;
  margin-bottom: 0.75rem;
}

.product-card .button,
.woocommerce ul.products li.product .button {
  background-color: #5c4b3d;
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.product-card .button:hover,
.woocommerce ul.products li.product .button:hover {
  background-color: #8b6f52;
}

h1, h2, h3, h4, h5 {
  color: #3e3a36;
  font-weight: normal;
}

button,
input[type="submit"],
.wp-block-button__link {
  background-color: #5c4b3d;
  color: #fff;
  border: none;
  padding: 0.6rem 1.2rem;
  border-radius: 5px;
  font-family: 'Georgia', serif;
  transition: background-color 0.3s ease;
}

button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
  background-color: #8b6f52;
}

.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  background-color: #e8e0d8;
  border-left: 4px solid #8b6f52;
  color: #3e3a36;
  font-family: 'Georgia', serif;
}

:root {
  --color-primary: #5a4033;       /* Rich vintage brown */
  --color-secondary: #d9c8ae;     /* Warm parchment beige */
  --color-accent: #8b6f47;        /* Antique bronze */
  --color-background: #f5f1e8;    /* Aged ivory */
  --color-surface: #fffdf9;       /* Soft surface white */
  --color-text: #2c2c2c;          /* Dark ink gray */
  --color-muted: #9a8f7b;         /* Faded taupe */
}

body {
  background-color: var(--color-background);
  color: var(--color-text);
  font-family: "Georgia", serif;
}

a {
  color: var(--color-primary);
}

a:hover {
  color: var(--color-accent);
}

button,
.wp-block-button__link {
  background-color: var(--color-primary);
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 0.6em 1.2em;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

button:hover,
.wp-block-button__link:hover {
  background-color: var(--color-accent);
}

.header,
.site-header {
  background-color: var(--color-surface);
  border-bottom: 1px solid var(--color-muted);
}

.footer,
.site-footer {
  background-color: var(--color-primary);
  color: #fff;
  padding: 2em 0;
}