/*
Theme Name:        Technical Printing Premium
Theme URI:         https://technicalprinting.qa
Description:       An enterprise-grade, conversion-focused WordPress theme built exclusively for Technical Printing Qatar. Features a luxury dark-navy & maroon design system, custom typography, advanced CSS micro-animations, smooth scroll effects, WhatsApp deep-link integration, and a fully responsive multi-page layout tailored for professional print service businesses.
Version:           2.0.0
Requires at least: 5.8
Tested up to:      6.5
Requires PHP:      7.4
Author:            Eman Yahya
Author URI:        https://agentvidia.com/
License:           Proprietary - All Rights Reserved
License URI:       Unauthorized copying, distribution, or use of this theme is strictly prohibited.
Text Domain:       technical-printing
Tags:              custom-theme, business, luxury, dark-mode, responsive, full-site, portfolio, services, printing, corporate, maroon, gold, micro-animations, whatsapp, qatar, arabic-ready, custom-colors, custom-typography, custom-logo, featured-images, footer-widgets, sticky-post, threaded-comments
*/

/**
 * ============================================================
 * COPYRIGHT NOTICE & USAGE RESTRICTIONS
 * ============================================================
 *
 * Technical Printing Premium WordPress Theme
 * Copyright (c) 2024-2025 Eman Yahya <https://agentvidia.com/>
 * All Rights Reserved.
 *
 * PROPRIETARY SOFTWARE - UNAUTHORISED USE STRICTLY PROHIBITED
 *
 * This theme and all associated source code, design assets,
 * CSS, PHP templates, JavaScript, and graphic resources are
 * the exclusive intellectual property of Eman Yahya and are
 * protected under applicable copyright and intellectual
 * property laws.
 *
 * YOU MAY NOT:
 *   * Copy, reproduce, or duplicate this theme or any part of it
 *   * Distribute, sublicense, sell, or transfer this theme
 *   * Modify or create derivative works without written permission
 *   * Use this theme on any website other than technicalprinting.qa
 *     without an explicit written licence from the author
 *   * Remove or alter this copyright notice
 *
 * Unauthorised reproduction or distribution of this theme,
 * or any portion of it, may result in severe civil and
 * criminal penalties, and will be prosecuted to the maximum
 * extent possible under the law.
 *
 * For licensing enquiries, contact:
 *   Eman Yahya - https://agentvidia.com/
 * ============================================================
 */

:root {
  --radius: 0.5rem;
  --brand: oklch(0.58 0.22 25);
  --brand-dark: oklch(0.45 0.20 25);
  --ink: oklch(0.16 0.01 0);
  --ink-soft: oklch(0.28 0.01 0);
  --whatsapp: oklch(0.65 0.16 150);
  --background: oklch(0.99 0.002 60);
  --foreground: var(--ink);
  --card: oklch(1 0 0);
  --card-foreground: var(--ink);
  --popover: oklch(1 0 0);
  --popover-foreground: var(--ink);
  --primary: var(--brand);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.96 0.005 60);
  --secondary-foreground: var(--ink);
  --muted: oklch(0.95 0.005 60);
  --muted-foreground: oklch(0.45 0.01 0);
  --accent: oklch(0.96 0.01 25);
  --accent-foreground: var(--ink);
  --border: oklch(0.9 0.005 60);
  --input: oklch(0.9 0.005 60);
  --ring: var(--brand);
}

.dark {
  --ink: oklch(0.98 0 0);
  --ink-soft: oklch(0.85 0 0);
  --background: oklch(0.14 0.01 0);
  --foreground: oklch(0.98 0 0);
  --card: oklch(0.18 0.01 0);
  --card-foreground: oklch(0.98 0 0);
  --popover: oklch(0.18 0.01 0);
  --popover-foreground: oklch(0.98 0 0);
  --primary: var(--brand);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.22 0.01 0);
  --secondary-foreground: oklch(0.98 0 0);
  --muted: oklch(0.22 0.01 0);
  --muted-foreground: oklch(0.7 0.01 0);
  --accent: oklch(0.25 0.05 25);
  --accent-foreground: oklch(0.98 0 0);
  --border: oklch(1 0 0 / 10%);
  --input: oklch(1 0 0 / 15%);
  --ring: var(--brand);
}

body {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background-color: var(--background);
  color: var(--foreground);
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Archivo Black', 'Bebas Neue', 'Outfit', sans-serif;
  letter-spacing: -0.01em;
}

.font-display {
  font-family: 'Archivo Black', 'Bebas Neue', 'Outfit', sans-serif;
}

/* Custom Grids and Background Tickers */
.bg-grid {
  background-size: 56px 56px;
  background-image: 
    linear-gradient(to right, rgba(17, 17, 17, 0.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(17, 17, 17, 0.05) 1px, transparent 1px);
}

.stripe-bg {
  background: repeating-linear-gradient(
    135deg,
    var(--brand) 0 18px,
    var(--ink) 18px 36px
  );
}

.ticker-track {
  display: flex;
  width: max-content;
  gap: 3rem;
  animation: ticker 35s linear infinite;
}

@keyframes ticker {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.glow-ring {
  box-shadow: 0 0 0 0 rgba(227, 6, 19, 0.65);
  animation: glow 2.4s ease-out infinite;
}

@keyframes glow {
  0% { box-shadow: 0 0 0 0 rgba(227, 6, 19, 0.55); }
  100% { box-shadow: 0 0 0 22px transparent; }
}

.fade-up {
  animation: fadeUp .7s ease-out both;
}

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}

.no-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.dash-anim {
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  animation: drawLine 1.2s ease-out 0.6s forwards;
}

@keyframes drawLine {
  to {
    stroke-dashoffset: 0;
  }
}

/* Dynamic brand color overrides for legacy hardcoded bright red classes */
.bg-\[\#E30613\] {
  background-color: var(--brand) !important;
}
.text-\[\#E30613\] {
  color: var(--brand) !important;
}
.border-\[\#E30613\] {
  border-color: var(--brand) !important;
}
.hover\:bg-\[\#E30613\]:hover {
  background-color: var(--brand) !important;
}
.hover\:text-\[\#E30613\]:hover {
  color: var(--brand) !important;
}
.hover\:border-\[\#E30613\]:hover {
  border-color: var(--brand) !important;
}
.bg-\[\#E30613\]\/15 {
  background-color: color-mix(in oklab, var(--brand) 15%, transparent) !important;
}
.bg-\[\#E30613\]\/10 {
  background-color: color-mix(in oklab, var(--brand) 10%, transparent) !important;
}
.bg-\[\#E30613\]\/20 {
  background-color: color-mix(in oklab, var(--brand) 20%, transparent) !important;
}
.hover\:border-\[\#E30613\]\/30:hover {
  border-color: color-mix(in oklab, var(--brand) 30%, transparent) !important;
}
.animate-ping.bg-\[\#E30613\] {
  background-color: var(--brand) !important;
}

/* Dark mode grid line refinements */
.dark .bg-grid {
  background-image: 
    linear-gradient(to right, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 1px, transparent 1px) !important;
}