/*
Theme Name: Jahangir Portfolio Stylish (Elementor Ready)
Theme URI: https://example.com/jahangir-portfolio-stylish
Author: ChatGPT
Description: A stylish one-page resume & portfolio theme with demo sections, Elementor Pro–editable header & footer, custom post types, and filterable portfolio.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
License: GPLv2 or later
Text Domain: jahangir-portfolio-stylish
Tags: portfolio, one-page, elementor, resume, custom-logo, custom-colors
*/
:root{
  --bg:#f7fafc; --surface:#ffffff; --ink:#0f172a; --muted:#475569;
  --accent:#f26452; --accent-2:#16a34a; --ring:rgba(242,100,82,.25);
  --shadow:0 12px 40px rgba(2,8,23,.08); --radius:22px; --radius-sm:14px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Inter,Roboto,Helvetica,Arial}
.container{width:min(1200px, 92vw);margin:auto}
a{color:#2563eb;text-decoration:none}
img{max-width:100%;height:auto;border-radius:16px}
/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(8px);box-shadow:0 1px 0 rgba(2,8,23,.05)}
.brand{display:flex;align-items:center;gap:12px}
.brand-badge{width:40px;height:40px;border-radius:12px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:var(--shadow)}
.nav a{padding:10px 12px;border-radius:10px;font-weight:700;color:var(--ink)} .nav a:hover{background:#e2e8f0}
/* Sections */
.section{padding:90px 0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#eef2ff;color:#475569;padding:6px 12px;border-radius:999px;font-weight:700}
.badge-dot{width:8px;height:8px;border-radius:999px;background:var(--accent-2)}
h1,h2,h3{line-height:1.15;margin:0 0 14px}
.lead{color:var(--muted);font-size:18px}
.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}
.btn{display:inline-flex;gap:10px;align-items:center;padding:14px 18px;border-radius:12px;font-weight:800;border:2px solid transparent;cursor:pointer}
.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{transform:translateY(-2px)}
.btn-ghost{background:#fff;border-color:#e2e8f0}
.grid{display:grid;gap:24px}
.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:26px;align-items:center}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.stat{background:#fff;border-radius:18px;padding:18px;box-shadow:var(--shadow)} .stat .num{font-weight:900;font-size:22px}
.timeline{position:relative}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:#e2e8f0}
.tl-item{position:relative;padding-left:56px;margin:22px 0}.tl-bullet{position:absolute;left:11px;top:8px;width:18px;height:18px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 6px var(--ring)}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.portfolio-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.filter-btn{padding:10px 14px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;font-weight:700;cursor:pointer}
.filter-btn.active{background:var(--ink);color:#fff}
.footer{padding:30px 0;color:var(--muted)}
/* Responsive */
@media (max-width:960px){.hero{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.nav{display:none}.gallery{grid-template-columns:1fr}}