/*
Theme Name: Techmates Solutions Theme
Theme URI: https://techmates.solutions
Author: Techmates Dev Team
Description: A high-performance, GSAP-powered custom WordPress theme converted from static HTML.
Version: 1.2
Text Domain: techmates-theme

WORDPRESS CORE BRIDGING

*/

/* Admin Bar Fix */
body.admin-bar nav#main-nav { top: 32px; }
@media screen and (max-width: 782px) { body.admin-bar nav#main-nav { top: 46px; } }

/* Preloader Enforced Styles (Fixes 0% display issue) */
#preloader {
position: fixed !important;
inset: 0 !important;
background-color: #0f0f0f !important;
z-index: 99999 !important;
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
pointer-events: all;
}

/* Navigation Layout Fix (Fixes vertical stacking in screenshot) */
#main-nav .menu, #main-nav ul {
display: flex !important;
flex-direction: row !important;
gap: 2.5rem !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
#main-nav .menu-item { display: inline-block !important; white-space: nowrap !important; }

/* --------------------------------------------------------------
2. GSAP STRUCTURAL BRIDGE (Fixes scroller stacking)

*/
.home-animate__text-track, .process-container {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
width: max-content !important;
will-change: transform;
}

.home-animate__text-group {
display: flex !important;
align-items: center !important;
flex-shrink: 0 !important;
white-space: nowrap !important;
}

.process-panel {
width: 100vw !important;
flex-shrink: 0 !important;
height: 100vh;
}

/* Text Reveal Initial State */
.reveal-text { overflow: hidden; display: block; line-height: 1.1; }
.reveal-text span { display: inline-block; transform: translateY(110%); will-change: transform; }
.reveal-text span .char { display: inline-block; transform: translateY(110%); }

/* Global Globals */
:root {
--accent: #ff6041;
--dark: #141414;
--light: #f2f2f2;
--curve: cubic-bezier(0.33, 1, 0.68, 1);
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--dark); }
::-webkit-scrollbar-thumb { background: #333; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--accent); }

/* Custom Cursor Base Style */
#cursor { mix-blend-mode: difference; pointer-events: none; z-index: 10000; position: fixed; border-radius: 50%; }

@media (hover: none) {
#cursor { display: none !important; }
body { cursor: auto !important; }
}

/* --------------------------------------------------------------
3. WORDPRESS CONTENT TYPOGRAPHY

*/
.article-body { font-family: 'Figtree', sans-serif; }
.article-body h2 { font-size: clamp(2rem, 4vw, 2.75rem); color: var(--dark); font-weight: 800; margin-top: 3.5rem; margin-bottom: 1.5rem; }
.article-body p { font-size: 1.25rem; line-height: 1.8; color: #334155; margin-bottom: 2rem; }