/*
Theme Name: G.O.A.T House Spice Co.
Theme URI: https://spice.goathouseofcreative.com
Author: np2
Author URI: https://www.np2usa.com
Description: Block theme for G.O.A.T House Spice Co. — WooCommerce storefront styled after the jar labels.
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.3
License: GNU General Public License v2 or later
Text Domain: goat-spice
*/

/* ---------- Wordmark (from the jar label) ---------- */
.goat-wordmark { display: inline-flex !important; flex-direction: column; align-items: center; padding: 6px 16px 5px !important; border: 1.5px solid #8DB3D3; line-height: 1; text-decoration: none; }
.goat-wordmark p { margin: 0 !important; font-family: Oswald, sans-serif; font-weight: 600; }
.goat-wordmark .goat-wordmark__top { font-size: 32px; letter-spacing: 0.14em; line-height: 1; }
.goat-wordmark .goat-wordmark__bottom { font-size: 12px; letter-spacing: 0.08em; line-height: 1.4; }
.goat-wordmark a { color: inherit !important; text-decoration: none; }

/* ---------- Eyebrows & section titles ---------- */
.goat-eyebrow { font-family: Oswald, sans-serif; font-weight: 500; font-size: 15px; letter-spacing: 0.24em; text-transform: uppercase; }
.goat-display { font-family: Oswald, sans-serif !important; text-transform: uppercase; letter-spacing: 0.01em; line-height: 0.95 !important; }

/* ---------- Header ---------- */
.goat-header .wp-block-navigation a { color: #fff; }
.goat-header .wp-block-navigation a:hover { color: #F0525C; }
.goat-header .wc-block-mini-cart__button { color: #fff; background: #B01C27; padding: 10px 14px; border-radius: 0; }
.goat-header .wc-block-customer-account a { color: #fff; }
.goat-topbar p { margin: 0; }

/* ---------- Hero ---------- */
.goat-hero .wp-block-cover__inner-container { max-width: 900px; }
.goat-hero .goat-hero__rule { display: inline-flex; align-items: center; gap: 14px; }
.goat-hero .goat-hero__rule::before, .goat-hero .goat-hero__rule::after { content: ""; width: 40px; height: 1px; background: #8DB3D3; }

/* ---------- Category tiles ---------- */
.goat-cats .wp-block-cover { min-height: 0 !important; aspect-ratio: 4 / 3; padding: 0 !important; align-items: flex-end; }
.goat-cats .wp-block-cover__inner-container { width: 100% !important; padding: 48px 22px 20px; background: linear-gradient(to top, rgba(10,10,10,.88), rgba(10,10,10,0)); }
.goat-cats .wp-block-cover p { margin: 0; }
.goat-cats .wp-block-cover a { color: #fff; text-decoration: none; }
.goat-cats .wp-block-cover a::after { content: ""; position: absolute; inset: 0; z-index: 2; }
.goat-cats .wp-block-cover:hover img { transform: scale(1.04); }
.goat-cats .wp-block-cover img { transition: transform .4s ease; }

/* ---------- Product cards (all WooCommerce grids) ---------- */
.wc-block-product-template > li, .wc-block-product,
.wc-block-grid__product, ul.products li.product {
  border: 1px solid #ECE9E3; background: #fff; padding: 0 0 20px !important; text-align: center;
}
.wc-block-product .wc-block-components-product-image, .wc-block-product .wp-block-woocommerce-product-image { margin-bottom: 4px !important; }
.wc-block-product .wp-block-post-title, .wc-block-product h3 { font-family: Cinzel, serif; font-size: 19px !important; font-weight: 700; line-height: 1.2; padding: 0 16px; margin: 6px 0 !important; }
.wc-block-product .wp-block-post-title a { text-decoration: none; }
.wc-block-product .wc-block-components-product-price { font-family: Oswald, sans-serif; font-size: 22px; font-weight: 600; color: #B01C27; }
.wc-block-product .wp-block-button, .wc-block-product .wc-block-components-product-button { padding: 0 20px; }
.wc-block-product .wp-block-button__link, .wc-block-components-product-button__button {
  width: 100%; background: #161616 !important; color: #fff !important; border-radius: 0 !important;
  font-family: Oswald, sans-serif; letter-spacing: .12em; text-transform: uppercase; font-size: 15px !important; min-height: 46px;
}
.wc-block-product .wp-block-button__link:hover, .wc-block-components-product-button__button:hover { background: #B01C27 !important; }
.wc-block-components-product-sale-badge { border-radius: 0; font-family: Oswald, sans-serif; letter-spacing: .1em; }

/* ---------- Single product ---------- */
.single-product .wp-block-post-title { color: #B01C27; }
.single-product .wc-block-components-product-price, .single-product .wp-block-woocommerce-product-price { font-family: Oswald, sans-serif; font-size: 34px !important; font-weight: 600; color: #161616; }
.single_add_to_cart_button, .wc-block-components-button:not(.is-link) { border-radius: 0 !important; font-family: Oswald, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.single_add_to_cart_button { background: #B01C27 !important; color: #fff !important; min-height: 54px; padding: 0 32px !important; }
.woocommerce div.product form.cart .quantity input.qty { min-height: 54px; border-radius: 0; border: 1.5px solid #161616; }

/* ---------- Rubs band ---------- */
.goat-band .goat-band__list a { display: flex; justify-content: space-between; gap: 12px; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.18); color: #fff; text-decoration: none; font-family: Cinzel, serif; font-weight: 600; font-size: 17px; }
.goat-band .goat-band__list a:hover { color: #F0525C; }
.goat-band .goat-band__list p { margin: 0; }

/* ---------- About badge ---------- */
.goat-about__media { position: relative; }
.goat-about__badge { position: absolute; right: -14px; bottom: -22px; background: #B01C27; color: #fff; padding: 18px 24px; font-family: Oswald, sans-serif; text-transform: uppercase; letter-spacing: .08em; line-height: 1.1; }
.goat-about__badge strong { display: block; font-size: 44px; }
@media (max-width: 781px) { .goat-about__badge { right: 8px; } }

/* ---------- Footer ---------- */
.goat-footer a { color: #D9D6D0; text-decoration: none; }
.goat-footer a:hover { color: #fff; }
.goat-footer .goat-footer__head { font-family: Oswald, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #fff; font-size: 15px; }

/* ---------- Forms / checkout ---------- */
input[type=email], input[type=text], input[type=tel], input[type=password], textarea, select { border-radius: 0 !important; }
.wc-block-checkout__actions .wc-block-components-checkout-place-order-button, .wc-block-cart__submit-button { background: #B01C27 !important; color: #fff !important; }

/* ---------- No image magnification ---------- */
.woocommerce-product-gallery__trigger, .zoomImg, .wc-block-product-gallery-large-image__zoom { display: none !important; }
.woocommerce-product-gallery__image a { pointer-events: none; cursor: default; }