/*
Theme Name: Rezomit - رزومیت
Theme URI: https://yourdomain.com/
Author: Your Name
Author URI: https://yourdomain.com/
Description: قالب رزومه حرفه‌ای الهام گرفته از GitHub
Version: 1.0
Text Domain: rezomit
*/ 

body { font-family: 'Vazirmatn', sans-serif; }
    .cube {
      width: 18px; height: 18px; border-radius: 4px; margin: 2px; display: inline-block; transition: background 0.3s, box-shadow 0.3s;
      background: #e5e7eb;
    }
    .cube.active { background: #22c55e; box-shadow: 0 0 8px #22c55e55; }
    .cube:hover { background: #16a34a; box-shadow: 0 0 12px #16a34a99; }
    .typewriter {
      overflow: hidden; border-right: .15em solid #6366f1; white-space: nowrap; animation: typing 3s steps(40, end), blink-caret .75s step-end infinite;
    }
    @keyframes typing { from { width: 0 } to { width: 100% } }
    @keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: #6366f1; } }
    .roadmap-step { position: relative; }
    .roadmap-step:not(:last-child)::before {
      content: '';
      position: absolute;
      left: 50%;
      top: 100%;
      width: 4px;
      height: 40px;
      background: linear-gradient(to bottom, #6366f1 60%, #e0e7ff 100%);
      transform: translateX(-50%);
      z-index: 0;
    }
    .project-card {
      perspective: 800px;
      transition: transform 0.4s;
    }
    .project-card:hover {
      transform: rotateY(-8deg) scale(1.04);
      box-shadow: 0 8px 32px #6366f155;
    }
    .badge-anim {
      animation: pop 0.7s cubic-bezier(.17,.67,.83,.67) infinite alternate;
    }
    @keyframes pop { to { transform: scale(1.12) rotate(-6deg); } }
    .owl-carousel, .owl-stage-outer {
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .code-tab-content {
      background: #1e1e1e;
      color: #d4d4d4;
      border-radius: 0 0 1rem 1rem;
      padding: 2rem 1.5rem 1.5rem 1.5rem;
      font-size: 1rem;
      direction: ltr;
      text-align: left;
      font-family: 'Fira Mono', 'Consolas', monospace;
    }


    /* .e-con-inner {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
  } */