/*
Theme Name: مستر حامد | Mr Hamed Agency
Theme URI: https://mrhamed.ir
Author: Mr Hamed
Author URI: https://mrhamed.ir
Description: قالب اختصاصی و شرکتی وردپرس برای «مستر حامد»؛ متخصص طراحی سایت، سئو و دیجیتال مارکتینگ. کاملاً راست‌چین (RTL)، سریع، امن، سازگار با سئو و قابل مدیریت از پیشخوان وردپرس (نمونه‌کارها و نظرات مشتریان به‌صورت پویا).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
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: mrhamed
Tags: custom-logo, custom-menu, translation-ready, rtl-language-support, threaded-comments, portfolio
*/

/* ==========================================================================
   Base / Reset
   ========================================================================== */
:root {
  --c-primary-400: #97e066;
  --c-primary-500: #7dd654;
  --c-primary-600: #62b53c;
  --c-ink-900: #0d1220;
  --c-ink-950: #080b15;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: "Vazirmatn", ui-sans-serif, system-ui, sans-serif;
  background-color: var(--c-ink-950);
  color: #e7eaf0;
  direction: rtl;
  margin: 0;
}

img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; }
button { font-family: inherit; cursor: pointer; }

::selection { background-color: var(--c-primary-500); color: var(--c-ink-950); }

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--c-ink-950); }
::-webkit-scrollbar-thumb { background: var(--c-primary-600); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: var(--c-primary-500); }

/* ==========================================================================
   Utility helpers not covered by Tailwind CDN defaults
   ========================================================================== */
.bg-grid {
  background-image: linear-gradient(rgba(125, 214, 84, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125, 214, 84, 0.08) 1px, transparent 1px);
  background-size: 42px 42px;
}

.text-gradient {
  background: linear-gradient(90deg, #7dd654 0%, #a3e685 50%, #7dd654 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.glow { box-shadow: 0 0 0 1px rgba(125, 214, 84, 0.15), 0 20px 60px -20px rgba(125, 214, 84, 0.35); }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }
.animate-float { animation: float 6s ease-in-out infinite; }

/* Screen-reader only text (accessibility) */
.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

/* WordPress core alignment classes */
.alignwide { max-width: 1400px; margin-left: auto; margin-right: auto; }
.alignfull { width: 100%; max-width: none; }

/* Accordion (FAQ) */
.faq-item .faq-answer { display: grid; grid-template-rows: 0fr; opacity: 0; transition: all .3s ease; }
.faq-item.open .faq-answer { grid-template-rows: 1fr; opacity: 1; }
.faq-item .faq-answer-inner { overflow: hidden; }
.faq-item .faq-icon { transition: transform .3s ease; }
.faq-item.open .faq-icon { transform: rotate(180deg); }