/*
Theme Name:   Smart Tyres (Woodmart child)
Description:  Smart Tyres child theme for Woodmart. Holds the site's custom CSS (below) and custom PHP (inc/ folder), so design changes can be copied from staging to live as files.
Author:       Smart Tyres
Template:     woodmart
Version:      1.0.0
Text Domain:  woodmart-child
*/

/* ==========================================================================
   Smart Tyres custom CSS (moved here from Appearance > Customize > Additional CSS)
   ========================================================================== */
/* Smart Tyres design system — Woodmart 6.x skin layer (v1) */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&display=swap');

:root {
  --st-yellow: #FFF008; --st-yellow-press: #E6D800; --st-on-yellow: #0A0000;
  --st-red: #E30613; --st-red-text: #C8000F; --st-asphalt: #0A0000;
  --st-ink: #242424; --st-ink-heading: #0A0000; --st-ink-soft: #3D3D3D; --st-ink-muted: #6B6B6B;
  --st-surface-alt: #F2F2F2; --st-line: #E2E2E2; --st-line-control: #858585; --st-stock: #1B7F3B;
  --st-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --wd-primary-color: #0A0000;
  --wd-alternative-color: #E30613;
  --wd-text-color: #242424;
  --wd-title-color: #0A0000;
  --wd-entities-title-color: #0A0000;
  --wd-link-color: #0A0000;
  --wd-link-color-hover: #C8000F;
  --btn-default-bgcolor: #FFF008; --btn-default-color: #0A0000; --btn-default-bgcolor-hover: #E6D800; --btn-default-color-hover: #0A0000;
  --btn-accent-bgcolor: #FFF008; --btn-accent-color: #0A0000; --btn-accent-bgcolor-hover: #E6D800; --btn-accent-color-hover: #0A0000;
  --wd-form-brd-color: #858585; --wd-form-brd-color-focus: #0A0000;
}
body { color: var(--st-ink); }

/* Type */
h1, h2, .title, .wd-products-tabs .tabs-name, .element-title, .vc_custom_heading,
.wd-carousel-container > .title-wrapper .title, .woocommerce-products-header__title, .page-title .title {
  font-family: var(--st-display) !important; font-weight: 800 !important;
  text-transform: uppercase; letter-spacing: 0; color: var(--st-ink-heading);
}
h2 { font-size: clamp(28px, 4vw, 44px); line-height: 1; }
.wd-entities-title, .wd-entities-title a { font-family: Poppins, Arial, sans-serif; font-weight: 500; font-size: 15px; line-height: 22px; color: var(--st-ink-heading); }

/* Buttons */
.btn, .button, button.button, .add_to_cart_button, .single_add_to_cart_button, .checkout-button, .wd-add-btn > a {
  font-family: Lato, Arial, sans-serif !important; font-weight: 700 !important; letter-spacing: .04em;
  text-transform: uppercase; border-radius: 5px !important;
}
.btn-color-primary, .add_to_cart_button, .single_add_to_cart_button, .checkout-button {
  background-color: var(--st-yellow) !important; color: var(--st-on-yellow) !important;
}
.btn-color-primary:hover, .add_to_cart_button:hover, .single_add_to_cart_button:hover, .checkout-button:hover {
  background-color: var(--st-yellow-press) !important; color: var(--st-on-yellow) !important;
}
:focus-visible { outline: 2px solid var(--st-asphalt); outline-offset: 2px; }

/* Header (asphalt) */
.whb-top-bar, .whb-general-header, .whb-header-bottom { background-color: var(--st-asphalt) !important; }
.whb-top-bar { border-bottom: 1px solid rgba(255,255,255,.12) !important; }
.whb-top-bar, .whb-top-bar a { color: rgba(255,255,255,.85) !important; font-size: 12px; letter-spacing: .04em; }
.whb-header-bottom { border-top: 1px solid rgba(255,255,255,.08) !important; }
.wd-nav-main > li > a { font-family: Poppins, Arial, sans-serif !important; font-weight: 500 !important; font-size: 14px !important; text-transform: none !important; color: #fff !important; }
.wd-nav-main > li > a:hover, .wd-nav-main > li.current-menu-item > a { color: var(--st-yellow) !important; }
.wd-nav.wd-style-underline .nav-link-text:after, .wd-nav-main.wd-style-underline > li > a:after { background-color: var(--st-yellow) !important; }
.whb-header .wd-tools-element > a, .whb-header .wd-tools-element .wd-tools-icon { color: #fff; }
.wd-cart-number, .wd-tools-count { background-color: var(--st-red) !important; color: #fff !important; }
.whb-header .searchform input[type="text"] { background: #fff; color: var(--st-ink); border: 0; border-radius: 5px 0 0 5px; }
.whb-header .searchform .searchsubmit { background: var(--st-yellow) !important; color: var(--st-on-yellow) !important; border-radius: 0 5px 5px 0; }

/* Product cards */
.product-grid-item { border: 1px solid var(--st-line); border-radius: 10px; overflow: hidden; background: #fff; padding-bottom: 16px; transition: box-shadow .2s, transform .2s; }
.product-grid-item:hover { box-shadow: 0 1px 2px rgba(10,0,0,.08), 0 4px 16px rgba(10,0,0,.06); transform: translateY(-2px); }
.product-grid-item .product-element-top { background: var(--st-surface-alt); }
.product-grid-item .wd-entities-title, .product-grid-item .price, .product-grid-item .wd-add-btn { padding-left: 16px; padding-right: 16px; }
.price, .price .amount { font-family: var(--st-display); font-weight: 700; font-size: 22px; color: var(--st-ink-heading); }
.price del, .price del .amount { font-size: 16px; font-weight: 600; color: var(--st-ink-muted) !important; }
.price ins, .price ins .amount { color: var(--st-red-text) !important; text-decoration: none; }
.product-labels .product-label { font-family: Lato, Arial, sans-serif; font-weight: 700; font-size: 12px; letter-spacing: .08em; border-radius: 999px; padding: 4px 10px; min-height: 0; min-width: 0; }
.product-labels .onsale { background-color: var(--st-red) !important; color: #fff !important; }
.product-labels .new { background-color: var(--st-asphalt) !important; color: #fff !important; }
.product-labels .featured { background-color: var(--st-yellow) !important; color: var(--st-on-yellow) !important; }
.stock.in-stock { color: var(--st-stock) !important; font-weight: 700; }

/* Shop filters */
.widget-title { font-family: Poppins, Arial, sans-serif !important; font-weight: 600; font-size: 15px; text-transform: none; color: var(--st-ink-heading); }
.woocommerce-widget-layered-nav-list .chosen > a { color: var(--st-ink-heading); font-weight: 700; }
.price_slider .ui-slider-range, .price_slider .ui-slider-handle { background-color: var(--st-asphalt) !important; }

/* Footer (asphalt) */
.footer-container { background-color: var(--st-asphalt) !important; }
.footer-container .widget-title { color: var(--st-yellow) !important; font-family: var(--st-display) !important; font-weight: 700; font-size: 18px; letter-spacing: .04em; text-transform: uppercase; }
.footer-container, .footer-container a { color: rgba(255,255,255,.85); }
.footer-container a:hover { color: var(--st-yellow); }
.copyrights-wrapper { border-top: 1px solid rgba(255,255,255,.12); }

/* WhatsApp */
.joinchat__button { background: #25D366 !important; }

/* Section titles */
.wd-products-tabs .tabs-name, .wd-products-tabs .title { font-size: clamp(26px, 3vw, 40px) !important; line-height: 1 !important; }

/* Equal-height product cards: tops and bottoms line up */
.products.elements-grid { align-items: stretch !important; }
.product-grid-item { display: flex !important; flex-direction: column; }
.product-grid-item > .wd-add-btn, .product-grid-item .product-element-bottom > .wd-add-btn { margin-top: auto; }
.product-grid-item .product-wrapper { display: flex; flex-direction: column; flex: 1; }
.product-grid-item .product-element-bottom { display: flex; flex-direction: column; flex: 1; }
.product-grid-item .wd-entities-title { min-height: 44px; }
.product-grid-item > .price { margin-bottom: 12px; }
.owl-carousel .owl-stage { display: flex; }
.owl-carousel .owl-item { display: flex; height: auto; }
.owl-carousel .owl-item > .product-grid-item, .owl-carousel .owl-item > div { width: 100%; }