/*
Theme Name: PrintSync
Theme URI: https://printsync.co.za
Author: Elevate Compact
Author URI: https://elevatecompact.com
Description: 
PrintSync is a modern, futuristic, and fully responsive WordPress theme designed for signage, printing, branding, and graphic design businesses. Built for performance and scalability, it supports quote requests with artwork uploads, service showcases, portfolios, and WooCommerce integration for custom print products. Ideal for print shops, signage studios, branding agencies, and creative service providers.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: printsync
Tags: printing, signage, branding, graphic-design, ecommerce, woocommerce, portfolio, responsive, custom-logo, custom-menu, full-width-template
*/

/* =========================================================
   1. PRINTSYNC DESIGN SYSTEM (CENTRALIZED)
   ========================================================= */

:root {
  /* Brand Colors */
  --ps-red: #C8001C;
  --ps-black: #000000;
  --ps-charcoal: #0F0F0F;
  --ps-white: #FFFFFF;

  /* Accents & Effects */
  --ps-red-glow: 0 0 20px rgba(200, 0, 28, 0.45);
  --ps-shadow-soft: 0 20px 40px rgba(0,0,0,0.35);

  /* Typography */
  --ps-font-heading: 'Space Grotesk', 'Inter', sans-serif;
  --ps-font-body: 'Inter', 'Poppins', sans-serif;

  /* Layout */
  --ps-radius: 14px;
  --ps-radius-lg: 22px;

  /* Motion */
  --ps-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* =========================================================
   2. GLOBAL RESET & BASE STYLES
   ========================================================= */

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: var(--ps-font-body);
  background: linear-gradient(180deg, var(--ps-charcoal), var(--ps-black));
  color: var(--ps-white);
  line-height: 1.6;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
  transition: var(--ps-transition);
}

/* =========================================================
   3. TYPOGRAPHY
   ========================================================= */

h1, h2, h3, h4, h5, h6 {
  font-family: var(--ps-font-heading);
  letter-spacing: -0.5px;
  margin: 0 0 16px;
}

h1 { font-size: clamp(2.4rem, 5vw, 3.5rem); }
h2 { font-size: clamp(2rem, 4vw, 2.8rem); }
h3 { font-size: 1.6rem; }

p {
  margin: 0 0 16px;
  color: #e5e5e5;
}

/* =========================================================
   4. BUTTONS & CTA (WOOCOMMERCE SAFE)
   ========================================================= */

button,
input[type="submit"],
.woocommerce a.button,
.ps-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  font-weight: 600;
  background: linear-gradient(135deg, var(--ps-red), #ff1f3d);
  color: var(--ps-white);
  border: none;
  border-radius: var(--ps-radius-lg);