/*
Theme Name:   Twenty Twenty-Five TechMohalla Child
Theme URI:    https://techmohalla.com
Description:  Elite Modern Minimalist SaaS/Tech Agency Theme
Author:       Chandan
Author URI:   https://techmohalla.com
Template:     twentytwentyfive
Version:      1.0.0
Text Domain:  techmohalla-child
*/



/* =======================================================
   TECHMOHALLA TOKYO-NIGHT PREMIUM THEME CONSTANTS (2026)
   ======================================================= */
:root {
    --bg-main: #0b0f19;      /* गहरा संभ्रांत कॉस्मिक ब्लैक */
    --bg-card: #161b26;      /* Slate-800 डार्क कंपोनेंट बॉक्स */
    --accent-orange: #ff6b00; /* आपके ब्रांड का चमकीला नियॉन ऑरेंज */
    --accent-blue: #00e5ff;   /* कूल नियॉन सायन ब्लू (लिंक्स के लिए) */
    --text-white: #f8fafc;   /* साफ़ पढ़ने योग्य सफेद अक्षरों के लिए */
    --text-muted: #64748b;   /* सॉफ्ट म्यूटेड ग्रे (सब-हेडिंग्स के लिए) */
}

/* ग्लोबल सीएसएस रिसेट - फालतू पैडिंग और कार्ट का कचरा खत्म */
body {
    background-color: var(--bg-main) !important;
    color: var(--text-white) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "JetBrains Mono", sans-serif !important;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

a {
    color: var(--accent-blue);
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover {
    color: var(--accent-orange);
}

/* =======================================================
   COMPACT ELITE HEADER ENGINE (GLASSMORPHISM & ACCENTS)
   ======================================================= */

.tech-site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 70px !important;
    background: rgba(11, 15, 25, 0.8) !important; /* हल्का पारदर्शी कॉस्मिक ब्लैक */
    backdrop-filter: blur(12px) !important; /* प्रीमियम ग्लास-ब्लर इफेक्ट */
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; /* महीन और क्लीन बॉर्डर */
    z-index: 9999 !important;
    box-sizing: border-box !important;
}

.tech-nav-container {
    max-width: 1200px !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
}

/* Coding-Style typography logo spacing */
.tech-logo-text {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: var(--text-white) !important;
    letter-spacing: -0.5px !important;
    font-family: "JetBrains Mono", monospace !important;
}

.tech-logo-text span {
    color: var(--accent-orange) !important; /* .com नियॉन ऑरेंज में चमकेगा */
}

/* Nav links alignment layers */
.tech-main-navigation {
    display: flex !important;
    align-items: center !important;
    gap: 30px !important;
}

.tech-menu-links {
    display: flex !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 24px !important;
}

.tech-menu-links li a {
    color: #94a3b8 !important; /* सॉफ्ट म्यूटेड ग्रे ताकि फोकस बटन पर रहे */
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: color 0.2s ease !important;
}

.tech-menu-links li a:hover {
    color: var(--accent-blue) !important; /* होवर पर सायन ब्लू */
}

/* 🛠️ द अल्टीमेट नियॉन ऑरेंज सीटीए बटन (High Conversion CTA) */
.tech-header-btn {
    display: inline-block !important;
    background: transparent !important;
    color: var(--accent-orange) !important;
    border: 1px solid var(--accent-orange) !important;
    padding: 8px 18px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 4px !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.tech-header-btn:hover {
    background: var(--accent-orange) !important; /* होवर पर पूरा ऑरेंज */
    color: var(--bg-main) !important; /* डार्क टेक्स्ट */
    box-shadow: 0 0 15px rgba(255, 107, 0, 0.4) !important; /* नियॉन ग्लो इफेक्ट */
    transform: translateY(-1px) !important;
}

/* Body clearance fix due to fixed header status */
body {
    padding-top: 70px !important;
}

/* =======================================================
   MODERN NEO-TECH HERO COMPONENT (2026 FRAMEWORK)
   ======================================================= */

.tech-hero-wrapper {
    width: 100% !important;
    min-height: 85vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: radial-gradient(circle at 80% 20%, rgba(0, 229, 255, 0.03) 0%, transparent 50%),
                radial-gradient(circle at 20% 80%, rgba(255, 107, 0, 0.03) 0%, transparent 50%) !important; /* महीन और सुंदर नियॉन बैकग्राउंड ग्लो */
    padding: 60px 0 !important;
    box-sizing: border-box !important;
}

.tech-hero-container {
    max-width: 1200px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 40px !important;
    box-sizing: border-box !important;
}

/* 1. Left Content Area (60% Desktop Canvas) */
.tech-hero-content-left {
    flex: 0 0 60% !important;
    max-width: 60% !important;
}

.tech-badge-announcement {
    display: inline-block !important;
    background: rgba(255, 107, 0, 0.1) !important;
    color: var(--accent-orange) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    margin-bottom: 20px !important;
}

.tech-main-headline {
    font-size: clamp(32px, 5vw, 56px) !important; /* जादुई रिस्पॉन्सिव फॉन्ट साइज */
    line-height: 1.15 !important;
    font-weight: 800 !important;
    color: var(--text-white) !important;
    margin: 0 0 20px 0 !important;
    letter-spacing: -1px !important;
}

.tech-main-headline span {
    color: var(--accent-blue) !important; /* Scale शब्द नियॉन सायन ब्लू में चमकेगा */
}

.tech-sub-headline {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #94a3b8 !important;
    margin: 0 0 35px 0 !important;
    max-width: 520px !important;
}

/* Dual CTAs Setup */
.tech-hero-buttons-holder {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
}

.tech-primary-hero-btn {
    background: var(--accent-orange) !important;
    color: var(--bg-main) !important;
    padding: 14px 28px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 20px rgba(255, 107, 0, 0.25) !important;
    transition: all 0.2s ease !important;
}

.tech-primary-hero-btn:hover {
    background: #ff8533 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 25px rgba(255, 107, 0, 0.4) !important;
}

.tech-secondary-hero-btn {
    background: rgba(255, 255, 255, 0.03) !important;
    color: var(--text-white) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 14px 28px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
}

.tech-secondary-hero-btn:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: var(--accent-blue) !important;
    color: var(--accent-blue) !important;
}

/* 2. Right Column Tool Window (40% Desktop Canvas) */
.tech-hero-visual-right {
    flex: 0 0 40% !important;
    max-width: 40% !important;
}

/* Premium .NET Code Terminal Simulation Frame */
.tech-code-terminal-frame {
    background: #0d1117 !important;
    border: 1px solid #21262d !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.4) !important;
    font-family: "JetBrains Mono", Courier, monospace !important;
}

.terminal-header-dots {
    display: flex !important;
    gap: 6px !important;
    margin-bottom: 15px !important;
}

.terminal-header-dots span {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    display: inline-block !important;
}

.dot-red { background: #ff5f56 !important; }
.dot-yellow { background: #ffbd2e !important; }
.dot-green { background: #27c93f !important; }

.terminal-code-lines {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #c9d1d9 !important;
    overflow-x: auto !important;
}

.code-keyword { color: #ff7b72 !important; }
.code-string { color: #a5d6ff !important; }

/* =======================================================
   100% FLUID RESPONSIVE SMARTPHONE OVERRIDE
   ======================================================= */
@media (max-width: 991px) {
    .tech-hero-container {
        flex-direction: column !important; /* टैबलेट और मोबाइल पर वर्टिकल स्टैक */
        text-align: center !important;
        gap: 50px !important;
    }
    .tech-hero-content-left, .tech-hero-visual-right {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .tech-sub-headline {
        margin: 0 auto 35px auto !important;
    }
    .tech-hero-buttons-holder {
        justify-content: center !important;
    }
    .tech-code-terminal-frame {
        text-align: left !important; /* कोड टर्मिनल हमेशा बाईं तरफ से अलाइन रहेगा */
        max-width: 450px !important;
        margin: 0 auto !important;
    }
}

/* =======================================================
   PREMIUM BENTO GRID UTILITIES & GLOW ENGINE
   ======================================================= */

.tech-services-wrapper {
    width: 100% !important;
    padding: 80px 0 !important;
    background: #0b0f19 !important;
    box-sizing: border-box !important;
}

.tech-services-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

.services-header-block {
    margin-bottom: 45px !important;
}

.services-mini-badge {
    color: var(--accent-blue) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    display: block !important;
    margin-bottom: 8px !important;
}

.services-main-title {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: var(--text-white) !important;
    margin: 0 !important;
    letter-spacing: -0.5px !important;
}

/* 3. The Grid Core Layout Setup */
.tech-bento-grid-layout {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    width: 100% !important;
}

/* Base Bento Card UI Variables */
.bento-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(255, 255, 255, 0.03) !important;
    border-radius: 12px !important;
    padding: 30px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.bento-card-icon {
    font-size: 28px !important;
    margin-bottom: 20px !important;
}

.bento-card-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--text-white) !important;
    margin: 0 0 12px 0 !important;
}

.bento-card-desc {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: var(--text-muted) !important;
    margin: 0 0 25px 0 !important;
}

.bento-card-link {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--accent-blue) !important;
    text-decoration: none !important;
}

/* 🛠️ Dynamic Bento Card Sizing Allocations */
.card-size-large {
    flex: 0 0 calc(60% - 10px) !important;
    max-width: calc(60% - 10px) !important;
}

.card-size-medium {
    flex: 0 0 calc(40% - 10px) !important;
    max-width: calc(40% - 10px) !important;
}

.card-size-full {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

/* Full Card Inside Structure Optimization */
.bento-full-card-flex-split {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 30px !important;
    width: 100% !important;
}

.bento-full-card-left {
    max-width: 70% !important;
}

.bento-card-link-btn {
    background: transparent !important;
    color: var(--text-white) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 12px 24px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    white-space: nowrap !important;
    transition: all 0.2s ease !important;
}

/* 🌟 Elite Neon Glow Border & Hover States */
.bento-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(0, 229, 255, 0.15) !important;
    box-shadow: 0 10px 30px rgba(0, 229, 255, 0.02) !important;
}

.card-size-large:hover {
    border-color: rgba(255, 107, 0, 0.2) !important;
    box-shadow: 0 10px 30px rgba(255, 107, 0, 0.02) !important;
}

.bento-card-link-btn:hover {
    border-color: var(--accent-blue) !important;
    color: var(--accent-blue) !important;
}

/* =======================================================
   SERVER-SAFE CSS GENERATED ICONS & CONTROLS (NO EMOJIS)
   ======================================================= */

/* Premium wrapper box for structural safe symbols */
.bento-card-icon-frame {
    width: 42px !important;
    height: 42px !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 20px !important;
    font-size: 18px !important;
    font-weight: 900 !important;
}

/* Background tone variations based on branding logic */
.icon-orange {
    background: rgba(255, 107, 0, 0.1) !important;
  /*  color: var(--accent-orange) !important;*/
}

.icon-blue {
    background: rgba(0, 229, 255, 0.1) !important;
    /*  color: var(--accent-blue) !important;*/
    
}

.icon-gray {
    background: rgba(255, 255, 255, 0.05) !important;
    /*  color: var(--text-white) !important;*/    
    margin-bottom: 15px !important;
}

/* 🛠️ Pure CSS Generated safe vector icons via standard codes */
.tech-icon-bolt::before {
    content: "\26A1" !important; /* Unicode Hex for high voltage code */
}

.tech-icon-chart::before {
    content: "\1F4C8" !important; /* Unicode Hex for rising trend line */
}

.tech-icon-pencil::before {
    content: "\270F" !important; /* Unicode Hex for premium pencil tool */
}


.icon-orange .tech-icon-bolt::before {
    color: #ff6b00 !important; /* Pure Neon Orange */
}

.icon-blue .tech-icon-chart::before {
    color: #00e5ff !important; /* Premium Cyan Blue - Crisp Visibility */
}

.icon-gray .tech-icon-pencil::before {
    color: #e2e8f0 !important; /* Clean Off-White for Pencil Target */
}

/* =======================================================
   100% MOBILE RESPONSIVE OVERRIDE FOR BENTO GRID
   ======================================================= */
@media (max-width: 768px) {
    .card-size-large, .card-size-medium, .card-size-full {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .bento-full-card-flex-split {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 20px !important;
    }
    .bento-full-card-left {
        max-width: 100% !important;
    }
    .services-main-title {
        font-size: 26px !important;
    }
}

/* =======================================================
   DEVELOPER INSIGHTS ENGINE (COMPACT 3-COLUMN ARCHIVE)
   ======================================================= */

.tech-insights-wrapper {
    width: 100% !important;
    padding: 80px 0 !important;
    background: #0b0f19 !important;
    box-sizing: border-box !important;
    border-top: 1px solid rgba(255, 255, 255, 0.02) !important;
}

.tech-insights-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

.insights-header-block {
    margin-bottom: 45px !important;
}

.insights-mini-badge {
    color: var(--accent-orange) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    display: block !important;
    margin-bottom: 8px !important;
}

.insights-main-title {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: var(--text-white) !important;
    margin: 0 !important;
    letter-spacing: -0.5px !important;
}

/* Three column desktop framework layout grid */
.tech-insights-grid-layout {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 25px !important;
    width: 100% !important;
}

/* Individual technical article log cards */
.insight-article-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(255, 255, 255, 0.03) !important;
    border-radius: 8px !important;
    padding: 25px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.insight-card-meta {
    margin-bottom: 12px !important;
}

.insight-date {
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: var(--text-muted) !important;
    font-weight: 700 !important;
}

.insight-card-title {
    font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    margin: 0 0 12px 0 !important;
}

.insight-card-title a {
    color: var(--text-white) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.insight-card-title a:hover {
    color: var(--accent-blue) !important;
}

.insight-card-excerpt {
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    color: #94a3b8 !important;
    margin: 0 0 20px 0 !important;
}

.insight-readmore-link {
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: var(--accent-orange) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

/* Elegant card lifting trigger on cursor hover */
.insight-article-card:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(255, 107, 0, 0.15) !important;
    box-shadow: 0 10px 25px rgba(255, 107, 0, 0.01) !important;
}

.insight-article-card:hover .insight-readmore-link {
    color: var(--text-white) !important;
}

/* Empty database fallback state styling framework */
.insight-empty-fallback {
    grid-column: span 3 !important;
    padding: 40px !important;
    border: 1px dashed rgba(255, 255, 255, 0.05) !important;
    border-radius: 6px !important;
    text-align: center !important;
    color: var(--text-muted) !important;
    font-size: 14px !important;
}

/* =======================================================
   100% CLEAN MOBILE ARCHIVE CARD STACK OVERRIDE
   ======================================================= */
@media (max-width: 991px) {
    .tech-insights-grid-layout {
        grid-template-columns: repeat(2, 1fr) !important; /* Tablets */
    }
}

@media (max-width: 768px) {
    .tech-insights-grid-layout {
        grid-template-columns: 1fr !important; /* Mobile devices vertical list */
        gap: 20px !important;
    }
    .insights-main-title {
        font-size: 26px !important;
    }
}

/* =======================================================
   HIGH-CONVERSION CONTACT FORM & MINIMAL FOOTER ENGINE
   ======================================================= */

.tech-contact-wrapper {
    width: 100% !important;
    padding: 80px 0 !important;
    background: #0b0f19 !important;
    box-sizing: border-box !important;
    border-top: 1px solid rgba(255, 255, 255, 0.02) !important;
}

.tech-contact-container {
    max-width: 800px !important; /* फॉर्म के लिए परफेक्ट नैरो फोकस विड्थ */
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

.contact-header-block {
    text-align: center !important;
    margin-bottom: 40px !important;
}

.contact-mini-badge {
    color: var(--accent-blue) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
}

.contact-main-title {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: var(--text-white) !important;
    margin: 8px 0 12px 0 !important;
    letter-spacing: -0.5px !important;
}

.contact-subtitle {
    font-size: 14.5px !important;
    color: var(--text-muted) !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* Form Container Component Card */
.tech-contact-form-frame {
    background: var(--bg-card) !important;
    border: 1px solid rgba(255, 255, 255, 0.03) !important;
    border-radius: 12px !important;
    padding: 40px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
    box-sizing: border-box !important;
}

.tech-native-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

.form-row-split {
    display: flex !important;
    gap: 20px !important;
    width: 100% !important;
}

.form-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
}

/* Premium Tech Inputs Framework Styling */
.tech-native-form label {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.tech-native-form input,
.tech-native-form select,
.tech-native-form textarea {
    background: #0d1117 !important; /* इनपुट का डीप डार्क बैकग्राउंड */
    border: 1px solid #21262d !important;
    border-radius: 6px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    color: var(--text-white) !important;
    font-family: inherit !important;
    box-sizing: border-box !important;
    outline: none !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* 🌟 Focus State: Changes to crisp Cyan Blue with minor glow */
.tech-native-form input:focus,
.tech-native-form select:focus,
.tech-native-form textarea:focus {
    border-color: var(--accent-blue) !important;
    box-shadow: 0 0 10px rgba(0, 229, 255, 0.15) !important;
}

/* Clean Submission Button Setup */
.tech-form-submit-btn {
    width: 100% !important;
    background: var(--accent-orange) !important;
    color: var(--bg-main) !important;
    border: none !important;
    padding: 14px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.tech-form-submit-btn:hover {
    background: #ff8533 !important;
    box-shadow: 0 4px 20px rgba(255, 107, 0, 0.3) !important;
}

/* ULTRA-MINIMAL ULTRA-LEAN FOOTER */
.tech-site-footer {
    width: 100% !important;
    background: #070a10 !important;
    padding: 30px 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.02) !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.tech-footer-container p {
    margin: 0 0 6px 0 !important;
    font-size: 13px !important;
    color: #475569 !important;
}

.tech-footer-container .footer-powered-by {
    margin: 0 !important;
    font-size: 11px !important;
    color: #334155 !important;
    font-family: "JetBrains Mono", monospace !important;
}



/* =======================================================
   100% MOBILE FORM OPTIMIZATION
   ======================================================= */
@media (max-width: 768px) {
    .form-row-split {
        flex-direction: column !important;
        gap: 20px !important;
    }
    .tech-contact-form-frame {
        padding: 25px 20px !important;
    }
    .contact-main-title {
        font-size: 26px !important;
    }
}

/* =======================================================
   STRICT SPECIFICITY FIX (REMOVES POWERED BY DIV BY ID)
   ======================================================= */

/* Target the exact DOM nodes shown in your chrome inspector screen */
#footer[role="contentinfo"],
#footer,
.tech-site-footer + hr,
.tech-site-footer + hr + div {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* =======================================================
   PURE CSS MOBILE RESPONSIVE HAMBURGER SYSTEM
   ======================================================= */
.menu-toggle-checkbox, .menu-toggle-label {
    display: none !important;
}

@media (max-width: 768px) {
    .menu-toggle-label {
        display: block !important;
        color: var(--accent-orange) !important;
        font-size: 26px !important;
        cursor: pointer !important;
        z-index: 10002 !important;
    }
    
    .tech-main-navigation {
        position: fixed !important;
        top: 70px !important;
        right: -100% !important; /* Default hidden status off-screen */
        width: 260px !important;
        height: calc(100vh - 70px) !important;
        background: #0d1117 !important;
        border-left: 1px solid rgba(255, 255, 255, 0.05) !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 30px !important;
        gap: 30px !important;
        transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        z-index: 10001 !important;
    }

    .tech-menu-links {
        flex-direction: column !important;
        gap: 20px !important;
        width: 100% !important;
    }

    /* The Pure CSS Toggle Switch Trigger Engine */
    .menu-toggle-checkbox:checked ~ .tech-main-navigation {
        right: 0 !important; /* Slides out menu perfectly on tap */
    }
}

/* =======================================================
   ULTRA-LEAN INLINE HORIZONTAL FOOTER ENGINE (2026)
   ======================================================= */

.tech-site-footer {
    width: 100% !important;
    background: #070a10 !important; /* गहरा संभ्रांत डार्क टोन */
    padding: 40px 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.02) !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.tech-footer-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

/* Horizontal layout inline linkage row framework */
.tech-footer-inline-links {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
    margin-bottom: 20px !important;
}

.tech-footer-inline-links a {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--text-muted) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    letter-spacing: 0.5px !important;
}

.tech-footer-inline-links a:hover {
    color: var(--accent-orange) !important; /* होवर पर नियॉन ऑरेंज ग्लो */
}

/* Thin semantic pipe divider customization */
.tech-footer-pipe {
    color: rgba(255, 255, 255, 0.05) !important;
    font-size: 12px !important;
    user-select: none !important;
}

/* System copyright fonts architecture */
.tech-footer-copyright {
    margin: 0 0 6px 0 !important;
    font-size: 13px !important;
    color: #475569 !important;
    letter-spacing: 0.2px !important;
}

.footer-powered-by {
    margin: 0 !important;
    font-size: 11px !important;
    color: #334155 !important;
    font-family: "JetBrains Mono", monospace !important;
}

/* 100% Mobile fluid adjustment layer */
@media (max-width: 480px) {
    .tech-footer-inline-links {
        gap: 10px !important; /* Slightly tighter spacing for narrow smartphone screens */
    }
    .tech-footer-inline-links a {
        font-size: 12px !important;
    }
}


/* =======================================================
   PREMIUM ELEGANT BOXED ARCHIVE ENGINE (NO OVERLAPS)
   ======================================================= */

.tech-archive-wrapper {
    width: 100% !important;
    padding: 100px 0 80px 0 !important; /* Top space ensures clear space below fixed header bar */
    background: #0b0f19 !important;
    box-sizing: border-box !important;
}

.tech-archive-container {
    max-width: 900px !important; /* Compact container width for better reading experience */
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

.archive-header-block {
    margin-bottom: 40px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    padding-bottom: 20px !important;
}

.archive-mini-badge {
    color: var(--accent-orange) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    display: block !important;
}

.archive-main-title {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: var(--text-white) !important;
    margin: 5px 0 0 0 !important;
    letter-spacing: -0.5px !important;
}

/* Vertical grid layout stack mapping */
.tech-archive-boxed-stack {
    display: flex !important;
    flex-direction: column !important;
    gap: 25px !important; /* Strict protection framework against overlapping elements */
    width: 100% !important;
}

/* 🛠️ The Professional Boxed Card Wrapper Logic */
.elegant-archive-card-box {
    background: var(--bg-card) !important;
    border: 1px solid rgba(255, 255, 255, 0.03) !important;
    border-radius: 8px !important;
    padding: 25px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 25px !important;
    transition: all 0.2s ease !important;
}

/* Left Image Area Architecture Settings */
.archive-card-image-left {
    flex: 0 0 180px !important;
    max-width: 180px !important;
    height: 120px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background: #0d1117 !important;
}

.archive-card-image-left img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Resizes featured image inside core grid frame safely */
}

.archive-image-placeholder-frame {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: "JetBrains Mono", monospace !important;
    color: rgba(255, 255, 255, 0.1) !important;
    font-size: 20px !important;
}

/* Right Content Area Settings */
.archive-card-content-right {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.archive-post-date {
    font-size: 11px !important;
    color: var(--text-muted) !important;
    font-weight: 700;
}

.archive-post-title {
    font-size: 19px !important;
    font-weight: 700 !important;
    margin: 6px 0 10px 0 !important;
}

.archive-post-title a {
    color: var(--text-white) !important;
    text-decoration: none !important;
}

.archive-post-title a:hover {
    color: var(--accent-blue) !important;
}

.archive-post-excerpt {
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    color: #94a3b8 !important;
    margin: 0 0 15px 0 !important;
}

.archive-card-readmore-trigger {
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: var(--accent-orange) !important;
    text-decoration: none !important;
}

/* Elegant card scaling trigger on hover */
.elegant-archive-card-box:hover {
    border-color: rgba(0, 229, 255, 0.1) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
}

.elegant-archive-card-box:hover .archive-card-readmore-trigger {
    color: var(--text-white) !important;
}

/* =======================================================
   100% MOBILE CARD BOX SPLIT OVERRIDE
   ======================================================= */
@media (max-width: 600px) {
    .elegant-archive-card-box {
        flex-direction: column !important; /* Changes to vertical structure on smaller screens */
        align-items: flex-start !important;
        padding: 20px !important;
    }
    .archive-card-image-left {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        height: 150px !important;
    }
}

/* =======================================================
   PREMIUM STANDALONE STATIC PAGE ENGINE (PRIVACY/ABOUT)
   ======================================================= */

.tech-standalone-page-wrapper {
    width: 100% !important;
    padding: 100px 0 80px 0 !important; /* Proper clearance below global fixed glass header */
    background: #0b0f19 !important;
    box-sizing: border-box !important;
}

.tech-standalone-page-container {
    max-width: 800px !important; /* Narrower width locks optimal reading focus for long text */
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

.tech-static-page-card {
    background: var(--bg-card) !important;
    border: 1px solid rgba(255, 255, 255, 0.03) !important;
    border-radius: 8px !important;
    padding: 40px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
    box-sizing: border-box !important;
}

.page-meta-badge {
    color: var(--accent-blue) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    display: block !important;
}

.tech-page-main-title {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: var(--text-white) !important;
    margin: 5px 0 15px 0 !important;
    letter-spacing: -0.5px !important;
}

.page-header-line-divider {
    width: 40px !important;
    height: 2px !important;
    background: var(--accent-orange) !important; /* Small orange asset accent line below title */
    margin-bottom: 30px !important;
}

/* Typography styles inside static body content stream */
.tech-page-entry-content {
    font-size: 15.5px !important;
    line-height: 1.8 !important;
    color: #cbd5e1 !important;
}

.tech-page-entry-content h2, 
.tech-page-entry-content h3 {
    color: var(--text-white) !important;
    font-weight: 700 !important;
    margin: 30px 0 15px 0 !important;
}

.tech-page-entry-content p {
    margin-bottom: 20px !important;
}

.tech-page-entry-content ul {
    margin-bottom: 20px !important;
    padding-left: 20px !important;
}

.tech-page-entry-content li {
    margin-bottom: 8px !important;
}

/* Responsive adjustment layer for small device screens */
@media (max-width: 600px) {
    .tech-static-page-card {
        padding: 25px 20px !important;
    }
    .tech-page-main-title {
        font-size: 26px !important;
    }
}

/* =======================================================
   STRICT FONT FAMILY & HIGH-CONTRAST VISIBILITY ENGINE
   ======================================================= */
.tech-entry-content, .tech-entry-content p, .tech-entry-content li {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    color: #f8fafc !important; /* 100% High-Contrast Cosmic Silver White */
    font-size: 17.5px !important; /* Modern readable size */
    line-height: 1.85 !important; /* Perfect line spacing */
}