/**
 * AUTX unified design system — CSS variables + global chrome.
 * Softens legacy theme collisions without replacing Elementor layouts.
 */

:root {
  --autx-ink: #0f172a;
  --autx-ink-soft: #1e293b;
  --autx-muted: #64748b;
  --autx-line: #e2e8f0;
  --autx-surface: #ffffff;
  --autx-surface-2: #f8fafc;
  --autx-accent: #0088b0;
  --autx-accent-hover: #007299;
  --autx-accent-soft: rgba(0, 136, 176, 0.12);
  --autx-footer-bg: #0f172a;
  --autx-footer-bg-deep: #020617;
  --autx-footer-fg: #ffffff;
  --autx-radius: 12px;
  --autx-radius-sm: 8px;
  --autx-shadow: 0 10px 30px -18px rgba(15, 23, 42, 0.35);
  --autx-shadow-card: 0 8px 24px -16px rgba(15, 23, 42, 0.28);
  --autx-font: "Segoe UI", "Noto Sans", "Noto Nastaliq Urdu", "Helvetica Neue", Arial, sans-serif;
  --autx-container: 1280px;
}

html[data-autx-theme="dark"] {
  --autx-ink: #f1f5f9;
  --autx-ink-soft: #e2e8f0;
  --autx-muted: #94a3b8;
  --autx-line: #1f2937;
  --autx-surface: #111827;
  --autx-surface-2: #0b1220;
  --autx-accent: #22b8cf;
  --autx-accent-hover: #38c7db;
  --autx-accent-soft: rgba(34, 184, 207, 0.16);
  --autx-shadow: 0 10px 30px -16px rgba(0, 0, 0, 0.65);
  --autx-shadow-card: 0 8px 24px -14px rgba(0, 0, 0, 0.55);
}

html {
  scroll-behavior: smooth;
}

body.autx-site {
  font-family: var(--autx-font);
}

/* Global container breathing room */
body.autx-site .container,
body.autx-site .elementor-section.elementor-section-boxed > .elementor-container {
  max-width: var(--autx-container);
}

/* Unified buttons (Woo + theme + Elementor) */
body.autx-site .button,
body.autx-site button.button,
body.autx-site .woocommerce a.button,
body.autx-site .woocommerce button.button,
body.autx-site .woocommerce input.button,
body.autx-site .elementor-button,
body.autx-site .autx-plan__btn {
  border-radius: var(--autx-radius-sm) !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

body.autx-site .woocommerce a.button.alt,
body.autx-site .woocommerce button.button.alt,
body.autx-site .elementor-button-primary,
body.autx-site .button.wc-forward {
  background: var(--autx-accent) !important;
  border-color: var(--autx-accent) !important;
  color: #fff !important;
  box-shadow: var(--autx-shadow-card);
}

body.autx-site .woocommerce a.button.alt:hover,
body.autx-site .woocommerce button.button.alt:hover,
body.autx-site .elementor-button-primary:hover {
  background: var(--autx-accent-hover) !important;
  border-color: var(--autx-accent-hover) !important;
}

/* Modern product / content cards */
body.autx-site ul.products li.product,
body.autx-site .product-block,
body.autx-site .product-wrapper,
body.autx-site .autx-plan {
  border-radius: var(--autx-radius);
  box-shadow: var(--autx-shadow-card);
  background: var(--autx-surface);
}

body.autx-site ul.products li.product .product-image,
body.autx-site ul.products li.product img {
  border-radius: calc(var(--autx-radius) - 2px) calc(var(--autx-radius) - 2px) 0 0;
}

/* Header chrome spacing under sticky switcher */
body.autx-site .autx-switcher--header + * {
  scroll-margin-top: 3.5rem;
}

/* Keep images from being squeezed in flex/grid */
body.autx-site img,
body.autx-site .elementor-widget-image img,
body.autx-site .elementor-image-carousel img,
body.autx-site .tbay-element-banner img {
  max-width: 100%;
  height: auto;
}

body.autx-site .elementor-widget-image-carousel .swiper-slide img {
  width: 100%;
  object-fit: cover;
}

/* Pricing sits on the shared surface language */
body.autx-site [data-autx-pricing-root],
body.autx-site section.autx-plans {
  font-family: var(--autx-font);
}

/* Footer is owned by autx-footer-dark.css — reinforce ink tokens */
footer#tbay-footer {
  --autx-footer-local-bg: var(--autx-footer-bg);
}