/*
Theme Name: Hitech Aircool Master (Quantum Edition)
Theme URI: https://hitechairconditioning.in
Description: Industrial Grade HVAC Theme. Optimized for GIDC, Factory Audits & High-Performance Cooling.
Author: Shahid Raza
Version: 26.0.0
License: GNU General Public License v2 or later
Tags: hvac, industrial, gidc, vadodara, cooling
*/

/* ==========================================================================
   1. QUANTUM VARIABLES (The Design System)
   ========================================================================== */
:root {
    --primary: #0891b2;       /* Cyan 600 - Core Brand */
    --primary-hover: #06b6d4; /* Cyan 500 */
    --secondary: #0f172a;     /* Slate 900 - Industrial Dark */
    --secondary-dark: #020617;/* Slate 950 - Deep Space */
    --white: #ffffff;
    --text-main: #334155;     /* Slate 700 */
    --text-light: #94a3b8;    /* Slate 400 */
    --accent-alert: #ef4444;  /* Red - Errors */
    --accent-success: #22c55e;/* Green - Online Status */
    
    --font-tech: 'Rajdhani', sans-serif; /* Headings */
    --font-body: 'Inter', sans-serif;    /* Body */
    
    --shadow-card: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-glow: 0 0 20px rgba(6, 182, 212, 0.15);
}

/* ==========================================================================
   2. RESET & BASE
   ========================================================================== */
html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-family: var(--font-body);
    background-color: #f8fafc; /* Slate 50 */
    color: var(--text-main);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-tech);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--secondary);
    margin: 0;
}

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

a {
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
}

/* ==========================================================================
   3. HEADER & NAV
   ========================================================================== */
.site-header {
    background-color: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid rgba(15, 23, 42, 0.05);
}

/* Glassmorphism Support */
@supports ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))) {
    .site-header {
        background-color: rgba(255, 255, 255, 0.85);
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
    }
}

/* Nav Links */
.main-navigation a {
    font-weight: 700;
    font-size: 0.85rem;
    color: var(--text-main);
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/* ==========================================================================
   4. BUTTONS & UI (Industrial Style)
   ========================================================================== */
.btn-primary, 
.wp-block-button__link {
    background-color: var(--secondary);
    color: var(--white);
    padding: 12px 32px;
    border-radius: 4px;
    font-family: var(--font-tech);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--secondary);
    box-shadow: var(--shadow-card);
    transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s;
}

.btn-primary:hover,
.wp-block-button__link:hover {
    background-color: var(--primary);
    border-color: var(--primary);
    transform: translateY(-2px);
    box-shadow: var(--shadow-glow);
    color: var(--white);
}

/* ==========================================================================
   5. MOBILE STICKY BAR
   ========================================================================== */
.hitech-sticky-bar {
    z-index: 10000;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.1);
    padding-bottom: env(safe-area-inset-bottom);
}

@media (max-width: 1023px) {
    body { padding-bottom: 70px; }
}

/* ==========================================================================
   6. WOOCOMMERCE CLEANUP
   ========================================================================== */
body.woocommerce-page .content-area { width: 100%; }
body.woocommerce-page #secondary { display: none; }
.woocommerce div.product p.price, 
.woocommerce div.product span.price { color: var(--primary); font-weight: 700; }
.woocommerce a.button { background-color: var(--secondary) !important; color: white !important; font-weight: 700 !important; text-transform: uppercase; }

/* ==========================================================================
   7. HITECH UTILITIES
   ========================================================================== */
/* Logo Fix */
#masthead img { max-height: 60px !important; width: auto !important; object-fit: contain; }

/* Pulse Animation */
@keyframes hitech-pulse {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(34, 197, 94, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}