/*
Theme Name: RezvanPortfolio
Theme URI: https://rezvandeveloper.ir/
Author: RezvanDeveloper
Author URI: https://rezvandeveloper.ir/
Description: A lightweight portfolio theme converted from HTML. Elementor-ready, RTL support, custom post types for Portfolio and Learnings.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: rezvan-portfolio
Tags: portfolio, rtl, one-column, responsive, elementor
*/

/* Default color variables */
:root{
  --primary-green: #2e7d32;
  --accent-green: #4caf50;
  --muted-bg: #a5d6a7; /* light green background */
}

/* Basic reset */
html,body{margin:0;padding:0;height:100%}
body {
  font-family: 'Vazirmatn', sans-serif;
  background-color: var(--muted-bg);
  color:#222;
  direction: rtl;
}

/* Header */
#header{background:var(--primary-green);color:#fff;padding:12px 0;position:sticky;top:0;z-index:100}
.site-header-inner{width:90%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.site-title{font-size:1.15rem;color:#fff;margin:0}
.menu{list-style:none;display:flex;gap:18px;margin:0;padding:0;align-items:center}
.menu a{color:#fff;text-decoration:none}

/* About */
.section{padding:48px 0;text-align:center}
.container{width:90%;max-width:1100px;margin:0 auto}
.about-header{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:center}
.profile-pic{border-radius:50%;width:180px;height:180px;object-fit:cover;border:5px solid var(--primary-green)}

/* Skills */
.skills-list{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}
.skill-item{background:var(--accent-green);color:#fff;padding:12px 18px;border-radius:8px;min-width:110px;text-align:center;box-shadow:0 3px 6px rgba(0,0,0,0.08)}

/* Portfolio / Learn */
.portfolio-grid, .learn-grid{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}
@media(min-width:700px){ .portfolio-grid, .learn-grid{grid-template-columns:repeat(2,1fr)} }
@media(min-width:1000px){ .portfolio-grid, .learn-grid{grid-template-columns:repeat(3,1fr)} }

.portfolio-item, .tutorial-item{background:#fff;border-radius:12px;padding:18px;text-align:center;box-shadow:0 6px 14px rgba(0,0,0,0.08)}
.portfolio-item h3, .tutorial-item h3{color:var(--primary-green);margin:0 0 12px 0}
.portfolio-item video, .tutorial-item video, .portfolio-item img{width:100%;height:auto;max-height:60vh;border-radius:8px;object-fit:contain}

/* Footer */
footer{background:var(--primary-green);color:#fff;padding:14px 0;text-align:center;margin-top:30px}

/* Responsive header adjustments */
@media(max-width:768px){
  .menu{gap:10px;overflow:auto;white-space:nowrap}
  .site-header-inner{padding:0 10px}
}