/*
Theme Name: PixelsCraft Agency
Theme URI: https://pixelscraftagency.com
Author: Adil Lateef & Core Team (PixelsCraft Agency)
Author URI: https://pixelscraftagency.com
Description: Bespoke, ultra-fast, luxury theme engineered exclusively for PixelsCraft Agency. Built with zero bloat, native Elementor integration, authentic 3D animated brand engine, luxury cyber-glassmorphism mega navigation, built-in security shielding, native header, luxury 4-column footer, and custom single-post architecture.
Version: 9.4.6
Tested up to: 6.7
Requires PHP: 7.4
License: Proprietary / Private (Copyright (c) 2026 PixelsCraft Agency. All Rights Reserved.)
Text Domain: pixelscraft
Tags: elementor, agency, bespoke, dark-mode, high-performance
*/

/* Baseline Reset & Elementor Canvas Support */
*, *::before, *::after {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
}

body {
    background-color: #06060c !important;
    color: #cbd5e1;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    line-height: 1.6;
    overflow-x: clip;
}

/* Guard dark theme and infographic sections against Elementor lazyload background stripping */
.pc-info-section {
    background: radial-gradient(circle at 10% 20%, rgba(124, 58, 237, 0.12) 0%, transparent 45%),
                radial-gradient(circle at 90% 80%, rgba(6, 182, 212, 0.10) 0%, transparent 45%),
                linear-gradient(180deg, #05050a 0%, #080814 50%, #05050a 100%) !important;
    color: #ffffff !important;
}

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

a {
    color: #06b6d4;
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover {
    color: #a855f7;
}

/* v9.4.4: Stabilize the existing mobile brand/header during font and image loading.
 * The original visual design, colors and breakpoints are unchanged. */
.pc-header-outer, .pc-header-inner { box-sizing: border-box; }
.pc-hdr-logo img, .pc-header-outer img { max-width: 100%; height: auto; }
@media (max-width: 900px) {
  .pc-header-outer { min-height: 60px; }
  .pc-header-inner { min-height: 60px; }
  .pc-hdr-logo { min-width: 0; }
  .pc-hdr-logo img { object-fit: contain; }
  #pc-hero, #pc-clients-slider { max-width: 100%; }
}