/*
Theme Name: Zenith Hobby Child
Theme URI: https://zenithhobby.com
Description: WooCommerce-ready child theme for the Zenith Hobby storefront.
Author: Zenith Hobby
Author URI: https://zenithhobby.com
Template: storefront
Version: 1.0.0
Text Domain: zenithhobby-child
*/

:root {
  --zh-ink: #181613;
  --zh-sand: #f5efe3;
  --zh-copper: #dd8b41;
  --zh-sage: #8ba997;
  --zh-stone: #6c655e;
  --zh-panel: #fbf7ef;
  --zh-edge: #ded4c4;
}

body {
  background:
    radial-gradient(circle at top left, rgba(221, 139, 65, 0.16), transparent 24%),
    linear-gradient(180deg, #f8f2e7 0%, #f3ebde 100%);
  color: var(--zh-ink);
  font-family: "Segoe UI", sans-serif;
}

.site-header,
.site-footer,
.hentry,
.widget,
.storefront-handheld-footer-bar,
.woocommerce-breadcrumb,
.woocommerce-products-header,
.site-main .woocommerce,
.content-area .site-main {
  position: relative;
}

.site-header {
  background: rgba(251, 247, 239, 0.88);
  border-bottom: 1px solid var(--zh-edge);
  box-shadow: 0 14px 40px rgba(40, 30, 20, 0.08);
}

.site-branding .site-title a,
.main-navigation ul li a,
.site-footer,
.woocommerce-loop-product__title,
.entry-title {
  color: var(--zh-ink);
}

.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
  font-weight: 700;
  letter-spacing: 0.02em;
}

.site-main {
  padding-top: 2rem;
}

.content-area.full-width,
.content-area.full-width .site-main,
.woocommerce-page .content-area,
.woocommerce-page.right-sidebar .content-area,
.woocommerce-page.left-sidebar .content-area {
  float: none;
  width: 100%;
}

.zh-hero {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 1.5rem;
  align-items: stretch;
  margin-bottom: 2rem;
}

.zh-hero-card,
.zh-panel,
.woocommerce ul.products li.product,
.storefront-product-pagination a,
.woocommerce-info,
.woocommerce-message {
  background: rgba(251, 247, 239, 0.88);
  border: 1px solid var(--zh-edge);
  border-radius: 24px;
  box-shadow: 0 20px 70px rgba(40, 30, 20, 0.08);
}

.zh-hero-card {
  padding: 2rem;
}

.zh-eyebrow,
.zh-kicker {
  color: var(--zh-sage);
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.zh-hero-card h1 {
  font-size: clamp(2.5rem, 5vw, 4.5rem);
  line-height: 0.92;
  margin: 0.8rem 0 1rem;
}

.zh-hero-card p,
.zh-panel p {
  color: var(--zh-stone);
  line-height: 1.7;
}

.zh-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin: 1.5rem 0;
}

.zh-button,
.zh-button-alt,
.added_to_cart,
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-button__link {
  border-radius: 999px !important;
}

.zh-button,
.button.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: linear-gradient(135deg, var(--zh-copper), #efbd72) !important;
  color: var(--zh-ink) !important;
  font-weight: 700;
}

.zh-button-alt,
.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background: rgba(255, 255, 255, 0.55) !important;
  color: var(--zh-ink) !important;
  border: 1px solid var(--zh-edge) !important;
}

.zh-benefits,
.zh-collections {
  display: grid;
  gap: 1rem;
}

.zh-benefits {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.zh-benefits li,
.zh-collections article {
  padding: 1rem 1.1rem;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid var(--zh-edge);
  border-radius: 18px;
}

.zh-collections {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 2rem;
}

.zh-section-head {
  margin: 0 0 1.8rem;
}

.zh-section-head h1,
.zh-section-head h2 {
  font-size: clamp(1.8rem, 4vw, 3rem);
  line-height: 1;
  margin: 0.5rem 0 0.8rem;
}

.zh-section-head p {
  color: var(--zh-stone);
  max-width: 58ch;
}

.zh-collections h3 {
  margin-bottom: 0.5rem;
}

.woocommerce ul.products li.product {
  padding: 1rem;
}

.woocommerce ul.products {
  margin-top: 0;
}

.woocommerce ul.products li.product img {
  border-radius: 18px;
}

.woocommerce ul.products li.product .price,
.summary .price {
  color: var(--zh-copper);
  font-weight: 700;
}

.single-product div.product,
.zh-cart-form,
.cart-collaterals,
.zh-checkout .col2-set,
.zh-order-review {
  background: rgba(251, 247, 239, 0.88);
  border: 1px solid var(--zh-edge);
  border-radius: 24px;
  box-shadow: 0 20px 70px rgba(40, 30, 20, 0.08);
  padding: 1.5rem;
}

.single-product div.product {
  margin-bottom: 2rem;
}

.woocommerce table.shop_table {
  border: 0;
}

.woocommerce-cart-form__contents th,
.woocommerce-cart-form__contents td {
  border-color: var(--zh-edge);
}

.zh-order-review {
  margin-top: 1.5rem;
}

.site-content {
  padding-bottom: 3rem;
}

.storefront-breadcrumb,
.site-search,
.storefront-primary-navigation + .site-search {
  display: none;
}

.site-footer {
  background: rgba(24, 22, 19, 0.98);
  color: #f4ebdc;
}

.site-footer a {
  color: #f4ebdc;
}

@media (max-width: 768px) {
  .zh-hero,
  .zh-collections,
  .zh-benefits {
    grid-template-columns: 1fr;
  }

  .single-product div.product,
  .zh-cart-form,
  .cart-collaterals,
  .zh-checkout .col2-set,
  .zh-order-review {
    padding: 1rem;
  }
}