/*
Theme Name: آژانس سئو | Almaee SEO Agency
Theme URI: https://almaee.dev/themes/seo-agency
Author: Almaee
Author URI: https://almaee.dev
Description: قالب وردپرس تک‌صفحه‌ای مخصوص آژانس‌های سئو و تولید محتوا، به همراه پنل مدیریت اختصاصی برای ویرایش تک‌تک بخش‌های سایت بدون نیاز به دانش کدنویسی. طراحی و توسعه توسط Almaee.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: almaee-seo
Tags: one-page, seo, agency, custom-menu, featured-images, translation-ready, rtl-language-support, custom-colors, custom-logo
*/

/* ==========================================================================
   0. Design Tokens
   ========================================================================== */
:root{
  --almaee-primary:#17c3b7;
  --almaee-primary-dark:#0fa89d;
  --almaee-primary-light:#8ee3df;
  --almaee-secondary:#4771cb;
  --almaee-secondary-dark:#28399b;
  --almaee-secondary-light:#6f93e6;
  --almaee-accent:#ffae00;
  --almaee-accent-dark:#e08900;
  --almaee-purple:#8a5cf6;
  --almaee-dark:#0d1b2a;
  --almaee-contact-bg:#0f9fc4;
  --almaee-contact-bg-dark:#0c7fa1;
  --almaee-text:#2a3142;
  --almaee-gray:#6b7684;
  --almaee-light:#f4f7fb;
  --almaee-border:#e7ecf3;
  --almaee-radius-sm:10px;
  --almaee-radius:18px;
  --almaee-radius-lg:28px;
  --almaee-shadow:0 20px 45px -20px rgba(13,27,42,.25);
  --almaee-shadow-sm:0 10px 25px -12px rgba(13,27,42,.18);
  --almaee-font:'Vazirmatn', Tahoma, Arial, sans-serif;
  --almaee-container:1200px;
}

/* ==========================================================================
   1. Reset & Base
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
}
body{
  margin:0;
  font-family:var(--almaee-font);
  color:var(--almaee-text);
  font-size:16px;
  line-height:1.9;
  direction:rtl;
  background:#fff;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,p{margin:0}
button{font-family:inherit;cursor:pointer}
input,textarea,select,button{font-family:inherit;font-size:1rem}
:focus-visible{outline:3px solid var(--almaee-accent);outline-offset:3px}
.almaee-container{max-width:var(--almaee-container);margin:0 auto;padding:0 24px}
.screen-reader-text{position:absolute !important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

/* Eyebrow / section heading pattern used across sections */
.almaee-eyebrow{
  display:inline-block;color:var(--almaee-primary);
  font-weight:700;font-size:1rem;margin-bottom:10px;
  position:relative;padding-inline-start:26px;
}
.almaee-eyebrow::before{
  content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);
  width:16px;height:3px;border-radius:3px;background:var(--almaee-accent);
}
.almaee-section-title{
  font-size:clamp(1.6rem,3vw,2.35rem);
  font-weight:800;line-height:1.55;color:var(--almaee-dark);
  margin-bottom:14px;
}
.almaee-section-title span{color:var(--almaee-primary)}
.almaee-section-head{max-width:640px;margin-bottom:56px}
.almaee-section-head.center{margin-inline:auto;text-align:center}
.almaee-section{padding:100px 0}
@media(max-width:768px){ .almaee-section{padding:64px 0} }

/* Buttons */
.almaee-btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:16px 34px;border-radius:50px;font-weight:700;font-size:1rem;
  border:none;transition:.25s ease;white-space:nowrap;
}
.almaee-btn-primary{background:var(--almaee-primary);color:#fff;box-shadow:0 14px 30px -10px rgba(23,195,183,.55)}
.almaee-btn-primary:hover{background:var(--almaee-primary-dark);transform:translateY(-3px)}
.almaee-btn-accent{background:var(--almaee-accent);color:#241900;box-shadow:0 14px 30px -10px rgba(255,174,0,.55)}
.almaee-btn-accent:hover{background:var(--almaee-accent-dark);transform:translateY(-3px)}
.almaee-btn-outline{background:transparent;border:2px solid var(--almaee-primary);color:var(--almaee-primary)}
.almaee-btn-outline:hover{background:var(--almaee-primary);color:#fff}
.almaee-btn-white{background:#fff;color:var(--almaee-secondary-dark)}
.almaee-btn-white:hover{background:var(--almaee-accent);color:#241900}

/* ==========================================================================
   2. Header
   ========================================================================== */
.almaee-header{
  position:sticky;top:0;z-index:999;
  background:var(--almaee-primary);
}
.almaee-header-inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;padding:14px 0;
}
.almaee-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.35rem;color:#fff}
.almaee-logo img{max-height:42px;width:auto;display:block}
.almaee-logo .dot{color:var(--almaee-dark)}
.almaee-nav{display:flex}
.almaee-nav ul{display:flex;align-items:center;gap:8px}
.almaee-nav a{
  display:block;padding:10px 16px;border-radius:50px;
  color:#fff;font-weight:600;font-size:.97rem;transition:.2s;
}
.almaee-nav a:hover,.almaee-nav li.current-menu-item>a{background:rgba(255,255,255,.18)}
.almaee-header-actions{display:flex;align-items:center;gap:14px}
.almaee-header-actions .almaee-btn{padding:11px 26px;font-size:.92rem}
.almaee-burger{
  display:none;background:rgba(255,255,255,.15);border:none;color:#fff;
  width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;font-size:1.3rem;
}

@media(max-width:992px){
  .almaee-nav{
    position:fixed;inset:0 0 0 auto;top:70px;width:280px;height:calc(100% - 70px);
    background:#fff;flex-direction:column;padding:24px;box-shadow:-10px 0 40px rgba(0,0,0,.12);
    transform:translateX(105%);transition:transform .3s ease;overflow-y:auto;
  }
  html[dir="rtl"] .almaee-nav{right:auto;left:0;transform:translateX(-105%)}
  .almaee-nav.is-open{transform:translateX(0)}
  .almaee-nav ul{flex-direction:column;align-items:stretch;width:100%;gap:4px}
  .almaee-nav a{color:var(--almaee-dark);padding:14px 16px}
  .almaee-nav a:hover{background:var(--almaee-light)}
  .almaee-burger{display:flex}
  .almaee-header-actions .almaee-btn span{display:none}
  .almaee-header-actions .almaee-btn{padding:11px 16px}
}

/* ==========================================================================
   3. Hero
   ========================================================================== */
.almaee-hero{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,var(--almaee-secondary-dark) 0%,var(--almaee-secondary) 55%,var(--almaee-secondary-light) 100%);
  padding:70px 0 120px;
}
.almaee-hero::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 8% 20%,rgba(255,255,255,.06) 0,transparent 45%),
    radial-gradient(circle at 92% 75%,rgba(255,174,0,.14) 0,transparent 40%);
  pointer-events:none;
}
.almaee-hero-inner{
  position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;
  gap:40px;align-items:center;
}
.almaee-hero-visual{position:relative;order:1}
.almaee-hero-content{order:2;text-align:right}
.almaee-hero-title{
  font-size:clamp(1.9rem,4vw,2.9rem);font-weight:800;color:#fff;line-height:1.55;margin-bottom:22px;
}
.almaee-hero-title .accent{color:var(--almaee-accent)}
.almaee-hero-desc{color:rgba(255,255,255,.85);font-size:1.05rem;max-width:520px;margin-bottom:30px;margin-inline-start:auto}
.almaee-hero-content .almaee-btn-accent{margin-inline-start:auto}

.almaee-hero-frame{
  position:relative;background:#fff;border-radius:var(--almaee-radius-lg);
  box-shadow:var(--almaee-shadow);overflow:hidden;padding:26px;
  min-height:320px;
}
.almaee-hero-frame .dots{display:flex;gap:6px;margin-bottom:16px}
.almaee-hero-frame .dots span{width:11px;height:11px;border-radius:50%;background:var(--almaee-border)}
.almaee-hero-frame .search-bar{
  display:flex;align-items:center;gap:10px;background:var(--almaee-light);
  border:1px solid var(--almaee-border);border-radius:12px;padding:14px 18px;color:var(--almaee-gray);
}
.almaee-hero-frame .search-bar i{color:var(--almaee-primary)}
.almaee-hero-frame .fake-lines span{display:block;height:12px;border-radius:6px;background:var(--almaee-light);margin-top:14px}
.almaee-hero-frame .fake-lines span:nth-child(1){width:92%}
.almaee-hero-frame .fake-lines span:nth-child(2){width:78%}
.almaee-hero-frame .fake-lines span:nth-child(3){width:85%}
.almaee-hero-frame img.custom{border-radius:12px;margin-top:16px}
.almaee-hero-frame .icon-cluster{
  position:absolute;bottom:-26px;left:-26px;width:88px;height:88px;border-radius:50%;
  background:var(--almaee-accent);display:flex;align-items:center;justify-content:center;
  color:#241900;font-size:1.8rem;box-shadow:var(--almaee-shadow-sm);
}
.almaee-hero-shape-ring{
  position:absolute;top:-40px;left:20px;width:150px;height:150px;border:2px dashed rgba(255,255,255,.35);
  border-radius:22px;transform:rotate(18deg);
}

.almaee-hero-badges{display:flex;flex-direction:column;gap:14px;margin-top:34px}
.almaee-hero-badge{
  display:flex;align-items:center;gap:14px;background:#fff;border-radius:16px;
  padding:14px 18px;box-shadow:var(--almaee-shadow-sm);max-width:340px;margin-inline-start:auto;
}
.almaee-hero-badge .num{
  width:46px;height:46px;flex:none;border-radius:12px;background:var(--almaee-light);
  display:flex;align-items:center;justify-content:center;color:var(--almaee-primary);font-size:1.2rem;
}
.almaee-hero-badge .txt small{display:block;color:var(--almaee-gray);font-size:.8rem;margin-bottom:2px}
.almaee-hero-badge .txt strong{display:block;color:var(--almaee-dark);font-size:.98rem}

@media(max-width:992px){
  .almaee-hero-inner{grid-template-columns:1fr}
  .almaee-hero-visual{order:1}
  .almaee-hero-content{order:2;text-align:center}
  .almaee-hero-desc{margin-inline:auto}
  .almaee-hero-content .almaee-btn-accent{margin-inline:auto}
  .almaee-hero-badge{margin-inline:auto}
}

/* ==========================================================================
   4. Features (why choose us)
   ========================================================================== */
.almaee-features-wrap{margin-top:-86px;position:relative;z-index:3}
.almaee-features-card{
  background:#fff;border-radius:var(--almaee-radius-lg);box-shadow:var(--almaee-shadow);
  padding:56px 40px 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:36px;
}
.almaee-feature{position:relative;text-align:right}
.almaee-feature .num-badge{
  width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:800;font-size:1.05rem;margin-bottom:18px;
}
.almaee-feature .icon-box{
  width:64px;height:64px;border-radius:16px;border:1.5px solid var(--almaee-border);
  display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--almaee-primary);
  margin-bottom:16px;
}
.almaee-feature h3{font-size:1.1rem;font-weight:800;color:var(--almaee-dark);margin-bottom:10px}
.almaee-feature p{color:var(--almaee-gray);font-size:.94rem;line-height:1.9}

@media(max-width:992px){ .almaee-features-card{grid-template-columns:repeat(2,1fr)} }
@media(max-width:576px){ .almaee-features-card{grid-template-columns:1fr;padding:36px 22px} .almaee-features-wrap{margin-top:-50px} }

/* ==========================================================================
   5. Progress / Skills circles
   ========================================================================== */
.almaee-progress-section{background:var(--almaee-light);padding-top:150px}
@media(max-width:576px){ .almaee-progress-section{padding-top:110px} }
.almaee-progress-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}
.almaee-progress-item svg{width:130px;height:130px}
.almaee-progress-item .ring-bg{fill:none;stroke:var(--almaee-border);stroke-width:9}
.almaee-progress-item .ring{fill:none;stroke-width:9;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.7,.2,1)}
.almaee-progress-item .ring-wrap{position:relative;display:inline-block}
.almaee-progress-item .ring-value{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:1.3rem;color:var(--almaee-dark);
}
.almaee-progress-item .ring-label{margin-top:14px;font-weight:700;color:var(--almaee-gray)}
@media(max-width:768px){ .almaee-progress-grid{grid-template-columns:repeat(2,1fr);row-gap:40px} }

/* ==========================================================================
   6. About
   ========================================================================== */
.almaee-about-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.almaee-about-visual{order:1;position:relative}
.almaee-about-content{order:2;text-align:right}
.almaee-about-stats{display:flex;gap:28px;margin:26px 0 28px;flex-wrap:wrap}
.almaee-about-stats div strong{display:block;font-size:1.8rem;font-weight:800;color:var(--almaee-primary)}
.almaee-about-stats div span{color:var(--almaee-gray);font-size:.88rem}
.almaee-about-content p.desc{color:var(--almaee-gray);margin-bottom:28px}
.almaee-about-image{
  border-radius:var(--almaee-radius-lg);overflow:hidden;box-shadow:var(--almaee-shadow);
  background:linear-gradient(135deg,var(--almaee-primary-light),var(--almaee-secondary-light));
  min-height:360px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;
  position:relative;
}
.almaee-about-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.almaee-about-badge{
  position:absolute;bottom:-22px;right:-18px;background:#fff;border-radius:16px;
  box-shadow:var(--almaee-shadow-sm);padding:16px 22px;display:flex;align-items:center;gap:12px;
}
.almaee-about-badge i{color:var(--almaee-accent);font-size:1.4rem}
@media(max-width:992px){
  .almaee-about-inner{grid-template-columns:1fr}
  .almaee-about-content{order:2;text-align:center}
  .almaee-about-stats{justify-content:center}
  .almaee-about-visual{order:1}
}

/* ==========================================================================
   7. Services
   ========================================================================== */
.almaee-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.almaee-service{
  background:#fff;border:1px solid var(--almaee-border);border-radius:var(--almaee-radius);
  padding:34px 30px;transition:.25s;text-align:right;
}
.almaee-service:hover{box-shadow:var(--almaee-shadow-sm);border-color:transparent;transform:translateY(-6px)}
.almaee-service .icon-box{
  width:60px;height:60px;border-radius:14px;background:var(--almaee-light);
  display:flex;align-items:center;justify-content:center;color:var(--almaee-primary);
  font-size:1.4rem;margin-bottom:18px;
}
.almaee-service:nth-child(3n+2) .icon-box{color:var(--almaee-accent)}
.almaee-service:nth-child(3n) .icon-box{color:var(--almaee-secondary)}
.almaee-service h3{font-weight:800;font-size:1.08rem;color:var(--almaee-dark);margin-bottom:10px}
.almaee-service p{color:var(--almaee-gray);font-size:.94rem}
@media(max-width:992px){ .almaee-services-grid{grid-template-columns:repeat(2,1fr)} }
@media(max-width:576px){ .almaee-services-grid{grid-template-columns:1fr} }

/* ==========================================================================
   8. Portfolio
   ========================================================================== */
.almaee-portfolio-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:40px}
.almaee-portfolio-nav{display:flex;gap:10px}
.almaee-portfolio-nav button{
  width:44px;height:44px;border-radius:50%;border:1.5px solid var(--almaee-border);
  background:#fff;color:var(--almaee-primary);display:flex;align-items:center;justify-content:center;transition:.2s;
}
.almaee-portfolio-nav button:hover{background:var(--almaee-primary);color:#fff;border-color:var(--almaee-primary)}
.almaee-portfolio-track-wrap{overflow:hidden}
.almaee-portfolio-track{display:flex;gap:22px;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.almaee-portfolio-item{
  flex:0 0 calc(25% - 16.5px);position:relative;border-radius:var(--almaee-radius);overflow:hidden;
  aspect-ratio:4/3;background:var(--almaee-light);cursor:pointer;
}
.almaee-portfolio-item img{width:100%;height:100%;object-fit:cover;transition:.4s}
.almaee-portfolio-item .ph{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--almaee-secondary),var(--almaee-primary));color:#fff;font-size:2rem;
}
.almaee-portfolio-item .overlay{
  position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,27,42,.82),transparent 60%);
  display:flex;align-items:flex-end;padding:18px;opacity:0;transition:.3s;
}
.almaee-portfolio-item:hover .overlay{opacity:1}
.almaee-portfolio-item:hover img{transform:scale(1.08)}
.almaee-portfolio-item .overlay span{color:#fff;font-weight:700;font-size:.95rem}
@media(max-width:992px){ .almaee-portfolio-item{flex-basis:calc(50% - 11px)} }
@media(max-width:576px){ .almaee-portfolio-item{flex-basis:100%} }

/* Lightbox */
.almaee-lightbox{
  position:fixed;inset:0;background:rgba(10,14,20,.92);z-index:9999;
  display:none;align-items:center;justify-content:center;padding:30px;
}
.almaee-lightbox.is-open{display:flex}
.almaee-lightbox img{max-width:90vw;max-height:85vh;border-radius:12px}
.almaee-lightbox-close{
  position:absolute;top:24px;left:24px;width:46px;height:46px;border-radius:50%;
  background:rgba(255,255,255,.12);color:#fff;border:none;font-size:1.3rem;
}

/* ==========================================================================
   9. Contact
   ========================================================================== */
.almaee-contact{
  background:linear-gradient(135deg,var(--almaee-contact-bg) 0%,var(--almaee-contact-bg-dark) 100%);
  position:relative;overflow:hidden;
}
.almaee-contact::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.08),transparent 40%);
}
.almaee-contact-panel{
  position:relative;z-index:2;background:#fff;border-radius:var(--almaee-radius-lg);
  box-shadow:var(--almaee-shadow);padding:56px;display:grid;grid-template-columns:1fr 1.3fr;gap:50px;
}
.almaee-contact-info .almaee-section-head{margin-bottom:30px}
.almaee-contact-info ul{display:flex;flex-direction:column;gap:20px}
.almaee-contact-info li{display:flex;align-items:center;gap:14px}
.almaee-contact-info li .ic{
  width:46px;height:46px;flex:none;border-radius:12px;background:var(--almaee-light);
  color:var(--almaee-primary);display:flex;align-items:center;justify-content:center;
}
.almaee-contact-info li span{color:var(--almaee-gray);font-size:.94rem}
.almaee-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.almaee-form-group{display:flex;flex-direction:column;gap:8px}
.almaee-form-group label{font-size:.86rem;color:var(--almaee-gray);font-weight:600}
.almaee-form-group input,.almaee-form-group textarea{
  border:1.5px solid var(--almaee-border);border-radius:12px;padding:14px 16px;
  background:var(--almaee-light);transition:.2s;width:100%;
}
.almaee-form-group input:focus,.almaee-form-group textarea:focus{
  outline:none;border-color:var(--almaee-primary);background:#fff;
}
.almaee-form-group textarea{min-height:130px;resize:vertical}
.almaee-form-msg{margin-top:14px;padding:12px 16px;border-radius:10px;display:none;font-size:.92rem}
.almaee-form-msg.success{display:block;background:#e4f9f1;color:#0f8a58}
.almaee-form-msg.error{display:block;background:#fdeaea;color:#c0392b}
.almaee-hp-field{position:absolute !important;left:-9999px !important;top:-9999px !important}

@media(max-width:992px){
  .almaee-contact-panel{grid-template-columns:1fr;padding:34px 24px}
}
@media(max-width:576px){
  .almaee-form-row{grid-template-columns:1fr}
}

/* ==========================================================================
   10. Footer
   ========================================================================== */
.almaee-footer{background:var(--almaee-dark);padding:26px 0}
.almaee-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.almaee-footer p{color:rgba(255,255,255,.65);font-size:.88rem}
.almaee-footer a{color:var(--almaee-primary-light);font-weight:600}
.almaee-footer a:hover{color:var(--almaee-accent)}
@media(max-width:576px){ .almaee-footer-inner{justify-content:center;text-align:center} }

/* ==========================================================================
   11. Generic page/single fallback (non one-page content)
   ========================================================================== */
.almaee-page-content{max-width:820px;margin:70px auto;padding:0 24px}
.almaee-page-content h1{font-size:2rem;font-weight:800;margin-bottom:24px;color:var(--almaee-dark)}
.almaee-page-content .almaee-entry-content{color:var(--almaee-text);line-height:2}
.almaee-page-content img{border-radius:var(--almaee-radius);margin:20px 0}

/* ==========================================================================
   12. Scroll reveal
   ========================================================================== */
.almaee-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.almaee-reveal.is-visible{opacity:1;transform:translateY(0)}