/*
Theme Name: Trade Zillaa Child
Theme URI: https://tradezillaa.com
Description: Child theme for Trade Zillaa – Ocean Teal + Warm Cream colour scheme
Author: Trade Zillaa
Template: woodmart
Version: 2.0.0
Text Domain: tradezillaa-child
*/

/* ============================================================
   TRADE ZILLAA – OCEAN TEAL + WARM CREAM
   Deep Teal    : #0D4F4F
   Mid Teal     : #145A5A
   Amber Gold   : #E8A44A
   Warm Cream   : #F5E6C8
   Page BG      : #FDFAF5
   Accent Teal  : #0D9488
   Text Dark    : #062E2E
   Text Muted   : #8A8278
   ============================================================ */

:root {
  --tz-teal:    #0D4F4F;
  --tz-teal2:   #145A5A;
  --tz-amber:   #E8A44A;
  --tz-cream:   #F5E6C8;
  --tz-bg:      #FDFAF5;
  --tz-accent:  #0D9488;
  --tz-dark:    #062E2E;
  --tz-muted:   #8A8278;
  --tz-white:   #ffffff;
  --tz-radius:  12px;
}

body {
  background-color: var(--tz-bg) !important;
  font-family: 'DM Sans', 'Helvetica Neue', Arial, sans-serif !important;
  color: var(--tz-dark) !important;
}

h1, h2, h3, h4, h5 {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: var(--tz-teal) !important;
}

/* TOP BAR */
.woodmart-top-bar {
  background-color: var(--tz-amber) !important;
  color: var(--tz-teal) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
}

/* HEADER */
.site-header,
.whb-header-inner,
.woodmart-nav-container {
  background-color: var(--tz-teal) !important;
}

.woodmart-nav > li > a,
.woodmart-nav > li > span {
  color: rgba(245,230,200,0.75) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.woodmart-nav > li > a:hover,
.woodmart-nav > li.current-menu-item > a {
  color: var(--tz-amber) !important;
}

.site-logo img { max-height: 52px !important; }

.woodmart-search-form input[type="text"],
.woodmart-search-form input[type="search"] {
  background: rgba(255,255,255,0.1) !important;
  border-color: rgba(255,255,255,0.2) !important;
  color: white !important;
  border-radius: 24px !important;
}

.whb-cart-button .cart-widget-btn,
.woodmart-cart-buttons .btn {
  background-color: var(--tz-amber) !important;
  border-color: var(--tz-amber) !important;
  color: var(--tz-teal) !important;
  font-weight: 700 !important;
  border-radius: 24px !important;
}

/* BUTTONS */
.button, .btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background-color: var(--tz-teal) !important;
  border-color: var(--tz-teal) !important;
  color: var(--tz-cream) !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  transition: background 0.2s, transform 0.1s !important;
}

.button:hover, .btn:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background-color: var(--tz-amber) !important;
  border-color: var(--tz-amber) !important;
  color: var(--tz-teal) !important;
  transform: translateY(-1px) !important;
}

.single_add_to_cart_button,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
  background-color: var(--tz-amber) !important;
  border-color: var(--tz-amber) !important;
  color: var(--tz-teal) !important;
  font-weight: 700 !important;
  border-radius: 24px !important;
  padding: 12px 32px !important;
  font-size: 15px !important;
}

/* PRODUCT CARDS */
.product-grid-item,
.woocommerce ul.products li.product {
  background: var(--tz-white) !important;
  border-radius: var(--tz-radius) !important;
  border: 1px solid #EDE8DF !important;
  overflow: hidden !important;
  transition: box-shadow 0.2s, transform 0.2s !important;
}

.product-grid-item:hover,
.woocommerce ul.products li.product:hover {
  box-shadow: 0 8px 28px rgba(13,79,79,0.1) !important;
  transform: translateY(-3px) !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.product-grid-item .wd-entities-title {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--tz-teal) !important;
}

.woocommerce ul.products li.product .price,
.woocommerce .price {
  color: var(--tz-amber) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}

.woocommerce ul.products li.product .price del,
.woocommerce .price del {
  color: #B8B0A4 !important;
  font-size: 12px !important;
}

.onsale, .woodmart-label-sale {
  background-color: var(--tz-amber) !important;
  color: var(--tz-teal) !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

/* CATEGORY CARDS */
.product-cat .woodmart-category-card,
.wd-category-card-wrap {
  border-radius: var(--tz-radius) !important;
  overflow: hidden !important;
  border: 1px solid #EDE8DF !important;
  transition: transform 0.2s !important;
}

.product-cat .woodmart-category-card:hover {
  transform: translateY(-4px) !important;
}

/* SHOP PAGE */
.woocommerce-products-header__title,
.woodmart-page-title h1 {
  font-family: 'Playfair Display', serif !important;
  color: var(--tz-teal) !important;
  font-size: 32px !important;
}

.widget-title, .widgettitle {
  color: var(--tz-teal) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  border-bottom: 2px solid var(--tz-amber) !important;
  padding-bottom: 8px !important;
  margin-bottom: 14px !important;
}

.woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover {
  color: var(--tz-amber) !important;
}

/* SINGLE PRODUCT */
.product_title {
  font-family: 'Playfair Display', serif !important;
  font-size: 28px !important;
  color: var(--tz-teal) !important;
  line-height: 1.3 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-weight: 600 !important;
  color: var(--tz-muted) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--tz-amber) !important;
  border-bottom: 2px solid var(--tz-amber) !important;
}

/* CART & CHECKOUT */
.woocommerce-cart-form,
.woocommerce-checkout {
  background: white !important;
  border-radius: var(--tz-radius) !important;
  padding: 28px !important;
}

#place_order {
  background-color: var(--tz-amber) !important;
  border-color: var(--tz-amber) !important;
  color: var(--tz-teal) !important;
  font-size: 16px !important;
  padding: 14px 40px !important;
  border-radius: 28px !important;
  font-weight: 700 !important;
}

/* FOOTER */
.site-footer,
.woodmart-footer-widgets {
  background-color: var(--tz-teal) !important;
  color: rgba(245,230,200,0.6) !important;
}

.woodmart-footer-widgets .widget-title,
.woodmart-footer-widgets .widgettitle {
  color: var(--tz-cream) !important;
  border-bottom-color: var(--tz-amber) !important;
}

.woodmart-footer-widgets a {
  color: rgba(245,230,200,0.5) !important;
}

.woodmart-footer-widgets a:hover {
  color: var(--tz-amber) !important;
}

.woodmart-copyright {
  background-color: #062E2E !important;
  color: rgba(245,230,200,0.3) !important;
  font-size: 12px !important;
}

/* NOTICES */
.woocommerce-message,
.wc-block-components-notice-banner.is-success {
  background: rgba(232,164,74,0.1) !important;
  border-left: 4px solid var(--tz-amber) !important;
  color: var(--tz-dark) !important;
  border-radius: 0 var(--tz-radius) var(--tz-radius) 0 !important;
}

/* BREADCRUMBS */
.woocommerce-breadcrumb, .breadcrumbs {
  font-size: 12px !important;
  color: var(--tz-muted) !important;
}

.woocommerce-breadcrumb a { color: var(--tz-accent) !important; }

/* STARS */
.woocommerce .star-rating span,
.woocommerce .star-rating::before {
  color: var(--tz-amber) !important;
}

/* WISHLIST / COMPARE */
.woodmart-wishlist-btn:hover,
.woodmart-compare-btn:hover {
  color: var(--tz-amber) !important;
  border-color: var(--tz-amber) !important;
}

/* PAGINATION */
.woocommerce-pagination .page-numbers li a,
.woocommerce-pagination .page-numbers li span {
  border-radius: 8px !important;
}

.woocommerce-pagination .page-numbers li .current,
.woocommerce-pagination .page-numbers li a:hover {
  background-color: var(--tz-amber) !important;
  border-color: var(--tz-amber) !important;
  color: var(--tz-teal) !important;
}

/* LINKS */
a { color: var(--tz-accent) !important; }
a:hover { color: var(--tz-amber) !important; }

@media (max-width: 768px) {
  .site-header, .whb-header-inner { background-color: var(--tz-teal) !important; }
  h1.product_title { font-size: 22px !important; }
}