/*
Theme Name: Big Day Wedding Planner Shop
Theme URI: https://bigdayweddingplanner.com
Author: Honestly Loved Studio
Author URI: https://bigdayweddingplanner.com
Description: Custom WooCommerce block theme for bigdayweddingplanner.com/shop. Matches the teal & gold, Playfair Display / DM Sans design of the main landing page so product pages feel like the same site.
Version: 1.0.2
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.0
Requires Plugins: woocommerce
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bigday-shop
*/

@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Playfair+Display:ital,wght@0,400;0,600;1,400;1,600&family=DM+Sans:wght@300;400;500&display=swap');

/* theme.json drives global colors/typography/buttons/links.
   Everything below covers WooCommerce's own rendered markup,
   which theme.json presets don't reach (raw .woocommerce classes). */

/* ---------- Shop page title ---------- */
.wp-block-query-title,
.woocommerce-products-header__title {
  text-align: center;
  font-size: clamp(28px, 4vw, 42px) !important;
  margin-bottom: 0.5rem;
}

/* ---------- Product grid (blocks + classic markup) ---------- */
.wp-block-woocommerce-product-template li.product,
.wc-block-grid__product,
ul.products li.product {
  background: var(--wp--preset--color--card);
  border: 1px solid var(--wp--preset--color--border);
  border-radius: 18px;
  overflow: hidden;
  padding: 0 0 1.5rem !important;
  transition: box-shadow 0.25s, transform 0.2s;
  box-shadow: 0 2px 12px rgba(44,24,16,0.06);
  text-align: center;
}
.wp-block-woocommerce-product-template li.product:hover,
.wc-block-grid__product:hover,
ul.products li.product:hover {
  box-shadow: 0 8px 32px rgba(44,24,16,0.09);
  transform: translateY(-4px);
}

.wp-block-woocommerce-product-template li.product::before,
ul.products li.product::before {
  content: '';
  display: block;
  height: 4px;
  background: linear-gradient(90deg, var(--wp--preset--color--teal), var(--wp--preset--color--gold));
}

ul.products li.product img,
.wc-block-grid__product-image img {
  border-radius: 0 !important;
  margin-bottom: 1rem !important;
}

ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product-title,
.wp-block-post-title a {
  font-family: var(--wp--preset--font-family--display) !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  color: var(--wp--preset--color--text) !important;
  padding: 0 1.25rem;
  text-decoration: none !important;
}

.woocommerce ul.products li.product .price,
.wc-block-grid__product-price,
.wp-block-woocommerce-product-price,
.wp-block-woocommerce-product-price .wc-block-components-product-price,
.wp-block-woocommerce-product-price .wc-block-components-product-price__value,
.wp-block-woocommerce-product-price .wc-block-formatted-money-amount,
.woocommerce div.product p.price {
  color: var(--wp--preset--color--teal) !important;
  font-family: var(--wp--preset--font-family--body) !important;
  font-size: 17px !important;
  font-weight: 500 !important;
}
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del,
.wp-block-woocommerce-product-price .wc-block-components-product-price__regular,
.wp-block-woocommerce-product-price del { color: var(--wp--preset--color--muted) !important; opacity: 0.7; }

.woocommerce .star-rating span::before,
.wc-block-components-product-rating { color: #E8A020 !important; }

/* ---------- Buttons (add to cart, checkout, all) ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wc-block-components-button,
.wc-block-grid__product-add-to-cart .wp-block-button__link,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  background: var(--wp--preset--color--teal) !important;
  color: #fff !important;
  padding: 13px 26px !important;
  border-radius: 9px !important;
  font-family: var(--wp--preset--font-family--body) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border: none !important;
  text-decoration: none !important;
  transition: all 0.2s !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.wc-block-components-button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
  background: var(--wp--preset--color--teal-dark) !important;
  color: #fff !important;
  transform: translateY(-1px);
}
.woocommerce a.button:active { transform: scale(0.98) !important; }

/* sale badge → gold pill */
.woocommerce span.onsale,
.wc-block-components-product-sale-badge {
  background: var(--wp--preset--color--gold) !important;
  color: #fff !important;
  border-radius: 99px !important;
  font-family: var(--wp--preset--font-family--body) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 14px !important;
  min-height: 0 !important;
  line-height: 1.6 !important;
}

/* ---------- Single product page ---------- */
.woocommerce div.product .product_title {
  font-family: var(--wp--preset--font-family--display) !important;
  font-size: clamp(26px, 3.5vw, 38px) !important;
}
.woocommerce div.product div.images img,
.woocommerce-product-gallery {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(44,24,16,0.09);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: var(--wp--preset--color--card) !important;
  border: 1px solid var(--wp--preset--color--border) !important;
  border-radius: 9px 9px 0 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--wp--preset--color--teal) !important; }

/* ---------- Notices / info bars ---------- */
.woocommerce-message,
.woocommerce-info,
.wc-block-components-notice-banner.is-info,
.wc-block-components-notice-banner.is-success {
  border-color: var(--wp--preset--color--teal) !important;
  background: rgba(74,144,164,0.10) !important;
  color: var(--wp--preset--color--text) !important;
  border-radius: 9px;
}
.woocommerce-message::before,
.woocommerce-info::before { color: var(--wp--preset--color--teal) !important; }

/* ---------- Forms (checkout, account) ---------- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.wc-block-components-text-input input {
  border: 1px solid var(--wp--preset--color--border) !important;
  border-radius: 9px !important;
  background: var(--wp--preset--color--card) !important;
  font-family: var(--wp--preset--font-family--body) !important;
  padding: 10px 14px !important;
}
.woocommerce form .form-row input.input-text:focus { border-color: var(--wp--preset--color--teal) !important; outline: none; }