/*
Theme Name: Jaspinder Portfolio
Theme URI: https://jaspinder-singh.com
Author: Jaspinder Singh
Author URI: https://jaspinder-singh.com
Description: A modern Web3.0 portfolio theme with 3D animations, color picker, and GSAP scroll effects
Version: 1.0.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jaspinder-portfolio
Tags: portfolio, web3, animations, responsive, dark-theme
*/

/* WordPress Required Styles */
.wp-caption {
  max-width: 100%;
}

.wp-caption-text {
  text-align: center;
  color: rgba(255,255,255,0.6);
}

.screen-reader-text {
  position: absolute;
  left: -9999px;
}

.gallery-caption {
  color: rgba(255,255,255,0.6);
}

.bypostauthor {
  font-weight: bold;
}

.alignleft {
  float: left;
  margin-right: 20px;
}

.alignright {
  float: right;
  margin-left: 20px;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

/* Base Styles */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --theme-primary: #c8ff64;
  --theme-secondary: #a3e635;
  --theme-accent: #22d3ee;
  --theme-glow: rgba(200, 255, 100, 0.5);
  --background: #0f1117;
  --foreground: #ffffff;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: var(--background);
  color: var(--foreground);
  overflow-x: hidden;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Orbitron', sans-serif;
  font-weight: 700;
}

/* Glass Effect */
.glass {
  background: rgba(20, 22, 30, 0.7);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-strong {
  background: rgba(15, 17, 25, 0.9);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Grid Pattern */
.grid-pattern {
  background-image: 
    linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 50px 50px;
}

/* Glow Spotlight */
.glow-spotlight {
  background: radial-gradient(
    circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
    var(--theme-glow) 0%,
    transparent 50%
  );
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: var(--background);
}

::-webkit-scrollbar-thumb {
  background: var(--theme-primary);
  border-radius: 3px;
  opacity: 0.3;
}

::-webkit-scrollbar-thumb:hover {
  opacity: 0.5;
}

/* Selection */
::selection {
  background: var(--theme-primary);
  color: #000;
}

/* WordPress Content Styles */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  margin: 1.5em 0 0.5em;
  color: var(--foreground);
}

.entry-content p {
  margin-bottom: 1em;
  color: rgba(255,255,255,0.8);
}

.entry-content a {
  color: var(--theme-primary);
  text-decoration: none;
  transition: opacity 0.3s;
}

.entry-content a:hover {
  opacity: 0.8;
}

.entry-content ul,
.entry-content ol {
  margin-left: 2em;
  margin-bottom: 1em;
}

.entry-content li {
  color: rgba(255,255,255,0.8);
}

.entry-content img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
}

.entry-content blockquote {
  border-left: 3px solid var(--theme-primary);
  padding-left: 1em;
  margin: 1em 0;
  color: rgba(255,255,255,0.7);
  font-style: italic;
}