/*
Theme Name: GeoTime Modern WooCommerce Theme
Theme URI: https://geotime.co.za/
Author: GeoTime Team
Author URI: https://geotime.co.za/
Description: A stylish, modern, high-performance WooCommerce theme tailored for GeoTime Smartwatch South Africa. Includes glassmorphism header, responsive product filter sidebar, Payflex installment calculator, ZAR currency styling, and custom shop grid layout.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: geotime-theme
Domain Path: /languages/
License: GNU General Public License v2 or later
*/

/* Import Main Application Design System */
@import url("./styles.css");

/* WooCommerce Core Overrides */
.woocommerce .woocommerce-ordering select {
  padding: 8px 14px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-color);
  font-family: var(--font-body);
}

.woocommerce span.onsale {
  background-color: var(--primary) !important;
  border-radius: var(--radius-full) !important;
  padding: 4px 12px !important;
  font-family: var(--font-heading) !important;
  font-weight: 700 !important;
}

.woocommerce button.button.alt, 
.woocommerce a.button.alt,
.woocommerce input.button.alt {
  background: var(--primary-gradient) !important;
  color: #ffffff !important;
  border-radius: var(--radius-full) !important;
  padding: 14px 28px !important;
  font-family: var(--font-heading) !important;
  font-weight: 700 !important;
  border: none !important;
  transition: var(--transition) !important;
}

.woocommerce button.button.alt:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-hover);
}

/* Payflex Product Widget Container */
.geotime-payflex-product-widget {
  background: var(--primary-light);
  border: 1px solid rgba(16, 132, 116, 0.2);
  border-radius: var(--radius-md);
  padding: 14px 18px;
  margin: 18px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.9rem;
}

.geotime-payflex-product-widget strong {
  color: var(--primary);
}