/* ===================================================================================
Theme Name: NIRMAAN X (Solvior Child)
Theme URI: https://ticinstitute.com/
Author: NIRMAAN X Development Team
Author URI: https://ticinstitute.com/
Description: NIRMAAN X - Technical Institute & Consultancy Theme (Powered by Solvior Core Framework).
Version: 1.0.0
Template: solvior
License: GNU General Public License v2 or later
Text Domain: nirmaan-x
Tags: education, technical-institute, consulting, online-classes, professional-courses, elementor
====================================================================================== */

/* -----------------------------------------------------------------------------------
   NIRMAAN X BRAND DESIGN TOKENS
   These override or supplement Solvior's base styling seamlessly
----------------------------------------------------------------------------------- */
:root {
  /* NIRMAAN X Brand Palette */
  --nx-primary: #0075ff;        /* Vibrant Engineering / Professional Blue */
  --nx-dark: #051229;           /* Industrial Deep Navy */
  --nx-accent: #ff9800;         /* Technical Highlights / Badge Accent */
  --nx-bg-light: #f7f9fc;       /* Clean Campus Neutral */
  --nx-border: #e2e8f0;         /* Clean Card & Section Dividers */
}

/* -----------------------------------------------------------------------------------
   Hero Section Protection:
   Ensures GSAP parallax & text animations keep their exact physics and layout
----------------------------------------------------------------------------------- */
.heroStack .tj-hero-section {
  will-change: transform, opacity;
}

/* -----------------------------------------------------------------------------------
   Online Classes & Technical Trade Cards:
   Clean modern card presentation for vocational training courses
----------------------------------------------------------------------------------- */
.nx-course-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 12px;
  overflow: hidden;
}

.nx-course-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 32px rgba(5, 18, 41, 0.12);
}

/* -----------------------------------------------------------------------------------
   Trainee Corner & Certificate Badges
----------------------------------------------------------------------------------- */
.nx-badge-verified {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  background-color: rgba(0, 117, 255, 0.1);
  color: var(--nx-primary);
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
}