/*
Theme Name: Jahangir Portfolio
Theme URI: https://jahangiralam.ca
Author: Md Jahangir Alam
Author URI: https://jahangiralam.ca
Description: Custom Apple-style portfolio theme for Md Jahangir Alam — Mechanical Designer, Project Coordinator & Admin Specialist.
Version: 1.0
License: GNU General Public License v2 or later
Tags: portfolio, one-page, custom
Text Domain: jahangir-portfolio
*/

/* All custom CSS is loaded via functions.php (enqueue) */
html { scroll-behavior: smooth; }
body { font-family: Inter, system-ui, sans-serif; background: #ffffff; color: #1d1d1f; }

/* Apple-style glassmorphism nav */
.nav-glass { background: rgba(255,255,255,0.72); backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); border-bottom: 1px solid rgba(0,0,0,0.08); }

/* Section alternating bg */
.sec-white { background: #ffffff; }
.sec-light  { background: #f5f5f7; }

/* Apple-style card */
.apple-card { background: #ffffff; border-radius: 18px; box-shadow: 0 2px 20px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,0,0,0.04); transition: box-shadow .3s, transform .3s; }
.apple-card:hover { box-shadow: 0 8px 40px rgba(0,0,0,0.13), 0 0 0 1px rgba(0,0,0,0.06); transform: translateY(-2px); }

/* Skill pills */
.pill   { display:inline-flex;align-items:center;gap:4px;background:rgba(0,113,227,0.07);color:#0071e3;border:1px solid rgba(0,113,227,0.18);border-radius:20px;padding:3px 11px;font-size:11px;font-weight:600;white-space:nowrap; }
.pill-v { background:rgba(175,82,222,0.07);color:#af52de;border-color:rgba(175,82,222,0.2); }
.pill-g { background:rgba(52,199,89,0.07);color:#1a9e3f;border-color:rgba(52,199,89,0.2); }

/* CTA buttons */
.btn-apple  { background:#0071e3;color:#fff;border-radius:980px;padding:10px 22px;font-size:14px;font-weight:500;transition:background .2s,box-shadow .2s;display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:none; }
.btn-apple:hover  { background:#0077ed;box-shadow:0 4px 15px rgba(0,113,227,0.35); }
.btn-ghost  { background:transparent;color:#0071e3;border:1.5px solid #0071e3;border-radius:980px;padding:9px 22px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:8px;cursor:pointer; }
.btn-ghost:hover  { background:#0071e3;color:#fff; }

/* MJA Logo */
.mja-logo { cursor:pointer;transition:opacity .2s; }
.mja-logo:hover { opacity:.75; }

/* Timeline */
.tl-bar { position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#0071e3,rgba(0,113,227,0.1));border-radius:2px; }
.tl-dot { position:absolute;left:-5px;top:3px;width:12px;height:12px;background:#0071e3;border-radius:50%;border:2.5px solid #fff;box-shadow:0 0 0 3px rgba(0,113,227,0.2); }

/* Cert slider */
.cert-section { position:relative;overflow:hidden;padding:20px 0 30px; }
.cert-slider-wrap { position:relative;height:280px;display:flex;align-items:center;justify-content:center; }
.cert-cards-track { display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:260px; }
.cert-item { position:absolute;width:310px;height:220px;border-radius:16px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,0.18);transition:all .5s cubic-bezier(.25,.46,.45,.94);cursor:pointer;background:#f5f5f7;border:1.5px solid rgba(255,255,255,0.9); }
.cert-item img { width:100%;height:100%;object-fit:cover; }
.cert-item .cert-fallback { width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4ff,#e8f0fe);gap:8px;padding:16px;text-align:center; }
.cert-item[data-pos="-2"] { transform:translateX(-420px) scale(.65) rotateY(25deg);opacity:.3;z-index:1; }
.cert-item[data-pos="-1"] { transform:translateX(-240px) scale(.78) rotateY(15deg);opacity:.65;z-index:2; }
.cert-item[data-pos="0"]  { transform:translateX(0) scale(1) rotateY(0deg);opacity:1;z-index:5;box-shadow:0 20px 60px rgba(0,0,0,0.22); }
.cert-item[data-pos="1"]  { transform:translateX(240px) scale(.78) rotateY(-15deg);opacity:.65;z-index:2; }
.cert-item[data-pos="2"]  { transform:translateX(420px) scale(.65) rotateY(-25deg);opacity:.3;z-index:1; }
.cert-item[data-pos="-3"],.cert-item[data-pos="3"] { transform:translateX(0) scale(.5);opacity:0;z-index:0; }
.cert-nav { position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.85);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,0.1);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:#1d1d1f;z-index:10;transition:background .2s,box-shadow .2s;box-shadow:0 2px 10px rgba(0,0,0,0.1); }
.cert-nav:hover { background:#fff;box-shadow:0 4px 20px rgba(0,0,0,0.15); }
.cert-nav-left  { left:16px; }
.cert-nav-right { right:16px; }
.cert-dots { display:flex;gap:6px;justify-content:center;margin-top:16px; }
.cert-dot { width:6px;height:6px;border-radius:50%;background:#d1d1d6;cursor:pointer;transition:all .2s; }
.cert-dot.active { background:#0071e3;width:18px;border-radius:3px; }

/* Fade in */
.fade-in { opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease; }
.fade-in.visible { opacity:1;transform:translateY(0); }

/* Modal & mobile menu */
#resume-modal { display:none; }
#resume-modal.open { display:flex; }
#mobile-menu { display:none; }
#mobile-menu.open { display:flex; }

/* vCard photo */
.vcard-photo { width:100%;aspect-ratio:1;object-fit:cover;object-position:top center;border-radius:18px; }

/* Section title */
.sec-eyebrow { font-size:12px;font-weight:600;color:#0071e3;letter-spacing:.05em;text-transform:uppercase; }
.sec-headline { font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;color:#1d1d1f;letter-spacing:-.02em; }

/* Scrollbar */
::-webkit-scrollbar { width:5px; }
::-webkit-scrollbar-thumb { background:#d1d1d6;border-radius:3px; }

@media(max-width:1023px) {
  .vcard-side { order:1;display:flex;flex-direction:column; }
  .cert-item[data-pos="-2"],.cert-item[data-pos="2"] { opacity:0; }
}