/* Direction-aware tweaks */
[dir='ltr'] .contact-list li i{margin-right:.5rem;margin-left:0}
[dir='ltr'] body{font-family:'Vazirmatn',sans-serif;}
[dir='ltr'] .hero{direction:ltr;text-align:left}
[dir='ltr'] .hero-text{direction:ltr;text-align:left}
[dir='ltr'] .hero-row{flex-direction:row !important}
/* Responsive nav */
.hamburger{display:none;background:none;border:1px solid var(--border-color);width:42px;height:42px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;position:relative}
.hamburger span{position:absolute;width:22px;height:2px;background:var(--text-color);transition:.4s}
.hamburger span:nth-child(1){transform:translateY(-7px)}
.hamburger span:nth-child(3){transform:translateY(7px)}
.hamburger.active span:nth-child(1){transform:rotate(45deg)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:rotate(-45deg)}
.nav-links{list-style:none;display:flex;gap:1.2rem;padding:0;margin:0;align-items:center}
.nav-links li{display:flex;align-items:center}
.nav-links .nav-extra-wrapper{display:none}
.nav-extra{display:flex;align-items:center;gap:.6rem}
.nav-extra-desktop{display:flex}
.nav-extra-mobile{display:none}
.nav-extra .lang-switch{display:flex;flex-direction:row;gap:.4rem;margin:0}
.nav-extra .lang-switch form{margin:0}
.nav-extra button,.nav-extra form button{background:none;border:1px solid var(--border-color);color:var(--text-color);padding:.35rem .7rem;border-radius:8px;cursor:pointer;font-size:.65rem;line-height:1}
.nav-extra button:hover,.nav-extra form button:hover{color:var(--primary-color);border-color:var(--primary-color)}
.header-flex{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}
.header-flex nav{flex:1;display:flex;align-items:center;justify-content:center;gap:1.2rem;}
.header-flex .nav-extra{order:3}
@media (max-width:820px){
  .nav-extra-desktop{display:none !important}
  .nav-extra-mobile{display:flex !important}
  .header-flex{flex-wrap:wrap}
  .header-flex nav{order:2;width:100%;justify-content:center}
  .header-flex .nav-extra{order:3;width:100%;justify-content:center}
  .header-flex .logo{order:1;width:100%;text-align:center}
}
@media (max-width:820px){
  .nav-links{position:fixed;top:60px;right:0;left:0;background:rgba(0,0,0,.9);flex-direction:column;gap:.6rem;padding:1rem 1.2rem 1.4rem;display:none;border-bottom:1px solid var(--border-color);backdrop-filter:blur(12px);z-index:60}
  .nav-links.open{display:flex}
  .nav-links a{padding:.65rem 0;display:block;width:100%;text-align:center}
  .hamburger{display:flex;order:1;}
  .main-nav{display:flex;align-items:center;gap:1rem;width:100%;justify-content:flex-start}
  .main-nav .logo{order:2}
  .nav-links .nav-extra-wrapper{width:100%;margin-top:.4rem;padding-top:.7rem;border-top:1px solid var(--border-color);display:flex;justify-content:center}
  .nav-links .nav-extra{flex-direction:row;width:100%;justify-content:center}
  .nav-links .nav-extra .lang-switch{justify-content:center}
  /* Ensure hamburger sits at left edge (visual left) while logo centers */
  .site-header .header-flex{position:relative}
  .site-header .hamburger{position:absolute;left:10px;right:auto;top:50%;transform:translateY(-50%);margin:0}
  .site-header .logo{margin:0 auto;}
}
body{font-family:'Vazirmatn',sans-serif;}
/* Scroll reveal base states */
.reveal{opacity:0;transform:translateY(35px);transition:opacity 1.3s cubic-bezier(.25,.6,.3,1),transform 1.3s cubic-bezier(.25,.6,.3,1);}
.reveal.show{opacity:1;transform:none;}
.reveal.delay-1{transition-delay:.2s}
.reveal.delay-2{transition-delay:.4s}
.reveal.delay-3{transition-delay:.6s}
.reveal.delay-4{transition-delay:.8s}
/* Sequential horizontal slide-in (right -> left) for skills & projects */
.lang-card.seq-init, .project-card.seq-init{opacity:0;transform:translateX(48px);}
.lang-card.seq-in, .project-card.seq-in{opacity:1;transform:translateX(0);transition:opacity .95s ease,transform .95s ease;}
/* Reduce motion preference */
@media (prefers-reduced-motion:reduce){
  .lang-card.seq-init, .project-card.seq-init{transform:none}
  .lang-card.seq-in, .project-card.seq-in{transition:opacity .6s ease}
}
.glow-separator{height:3px;background:linear-gradient(90deg,rgba(0,170,255,.1),var(--primary-color),rgba(0,170,255,.1));box-shadow:0 0 12px var(--glow-color);margin:3rem auto;width:80%;position:relative;overflow:hidden}
.glow-separator:before{content:"";position:absolute;top:0;left:-20%;width:20%;height:100%;background:linear-gradient(90deg,transparent,#fff,transparent);animation:slide 2.5s linear infinite}
@keyframes slide{from{left:-20%}to{left:100%}}
.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6rem 1rem 4rem}
.hero-avatar{position:relative;width:180px;height:180px;margin:1.5rem auto;border-radius:50%;overflow:hidden;box-shadow:0 0 15px var(--glow-color);}
.hero-avatar img{width:100%;height:100%;object-fit:cover;filter:none;}
/* Removed rotating animation background per request */
/* Hero horizontal reveal (always right -> left) */
.reveal-x{opacity:0;transform:translateX(55px);transition:opacity 1.25s ease,transform 1.25s ease}
.reveal-x.show{opacity:1;transform:translateX(0)}
@media (prefers-reduced-motion:reduce){
  .reveal-x{transition:none;opacity:1;transform:none}
}
.languages-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));}
.lang-card{position:relative;background:var(--bg-secondary-color);padding:1.25rem;border:1px solid var(--border-color);border-radius:14px;transition:.4s;cursor:pointer;overflow:hidden}
.lang-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px rgba(0,0,0,.35),0 0 25px var(--glow-color)}
.lang-card i{font-size:2.2rem;color:var(--primary-color);margin-bottom:.75rem}
.lang-card .lang-svg{width:48px;height:48px;margin:0 auto .6rem;display:flex;align-items:center;justify-content:center}
.lang-card .lang-svg svg{width:100%;height:100%;filter:drop-shadow(0 0 6px var(--glow-color));transition:transform .6s}
.lang-card:hover .lang-svg svg{transform:scale(1.12) rotate(-3deg)}
.lang-hover{position:absolute;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;color:#fff;font-size:.9rem;opacity:0;transition:.4s}
.lang-card:hover .lang-hover{opacity:1}
.projects-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
.project-card{position:relative;overflow:hidden;border-radius:16px;border:1px solid var(--border-color);background:#000;min-height:220px}
.project-card img{width:100%;height:100%;object-fit:cover;transition:.6s;filter:brightness(.9)}
.project-overlay{position:absolute;inset:0;background:linear-gradient(145deg,rgba(0,0,0,.2),rgba(0,0,0,.9));display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:1rem;opacity:0;transition:.5s;overflow-y:auto}
.project-card:hover img{filter:brightness(.55);transform:scale(1.05)}
.project-card:hover .project-overlay{opacity:1}
/* Mobile project overlay scrollable */
@media (max-width:600px){
  .project-overlay{padding:.8rem;font-size:.85rem;justify-content:flex-start;overflow-y:auto}
  .project-overlay h3{margin-bottom:.4rem;font-size:.95rem}
  .project-overlay p{font-size:.75rem;line-height:1.3}
  .project-overlay div{margin-top:.4rem;font-size:.65rem}
}
.profile-box{display:flex;flex-wrap:wrap;gap:2rem;align-items:center;justify-content:center;background:var(--bg-secondary-color);padding:2rem 1.5rem;border-radius:20px;border:1px solid var(--border-color);position:relative;overflow:hidden}
.profile-box:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle at center,var(--glow-color),transparent 70%);top:-200px;left:-200px;opacity:.18;/* animation removed */}
/* Removed pulse animation */
.profile-avatar{position:relative;width:190px;height:190px;border-radius:50%;overflow:hidden;box-shadow:0 0 20px var(--glow-color),0 0 40px rgba(255,255,255,.15)}
.profile-avatar img{width:100%;height:100%;object-fit:cover}
.contact-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}
.contact-list li i{color:var(--primary-color);margin-left:.5rem}
.visit-counter{margin-top:2rem;text-align:center;font-size:.95rem;color:var(--text-muted-color)}
header.main-nav{display:flex}
.site-header{position:sticky;top:0;backdrop-filter:blur(12px);background:rgba(0,0,0,.35);z-index:50;border-bottom:1px solid var(--border-color)}
nav ul{list-style:none;display:flex;gap:1.2rem;padding:0;margin:0}
nav a{color:var(--text-color);position:relative;padding:.5rem .4rem}
nav a:after{content:"";position:absolute;right:0;bottom:0;height:2px;background:var(--primary-color);width:0;transition:.4s}
nav a:hover:after,nav a.active:after{width:100%}
.theme-btn{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1.2rem}
footer{background:var(--bg-secondary-color);border-top:1px solid var(--border-color);margin-top:4rem;padding:2.5rem 2rem}
@media (max-width:700px){footer{padding:2.2rem 1.5rem}}
.footer-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.footer-col h4{margin-bottom:1rem;color:var(--primary-color)}
.social a{font-size:1.3rem;margin-left:.6rem;color:var(--text-muted-color)}
.social a:hover{color:var(--primary-color)}
/* Mobile adjustments */
@media (max-width:600px){
  .languages-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
  .lang-card{padding:1rem}
  .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
  .project-card{min-height:170px}
  .profile-avatar{width:150px;height:150px}
}
/* Force 3 columns on desktop widths */
@media (min-width: 900px){
  .projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
/* Hero responsive adjustments */
@media (max-width:780px){
  .hero-row{flex-direction:row !important;justify-content:center;}
  html[dir='rtl'] .hero-row{flex-direction:row-reverse !important;}
  .hero-avatar{width:140px;height:140px;margin:0;}
  .hero-text{text-align:center !important;}
}
@media (max-width:520px){
  .hero{padding:5rem 1rem 3.2rem}
  .hero-row{gap:1.2rem;}
  .hero-avatar{width:110px;height:110px;}
  .hero-text h1{font-size:1.4rem}
  .hero-text p{font-size:.85rem}
}
/* Light theme overrides inside menu */
[data-theme='light'] .nav-links{color:#fff}
[data-theme='light'] .nav-links a{color:#fff}
[data-theme='light'] .nav-links a:hover{color:var(--primary-color)}
[data-theme='light'] .hamburger span{background:#1d1f27}
@media (max-width:820px){
  [data-theme='light'] .nav-links{background:rgba(0,0,0,.85)}
  [data-theme='light'] .hamburger span{background:#1d1f27}
  [data-theme='light'] .nav-extra button,[data-theme='light'] .nav-extra form button{color:#fff;border-color:rgba(255,255,255,.4)}
  [data-theme='light'] .nav-extra button:hover,[data-theme='light'] .nav-extra form button:hover{border-color:var(--primary-color);color:var(--primary-color)}
}