/* ==========================================================
   راز تندرستی فلاح — استایل مشترک کل سایت (نسخه کامل و خودکفا)
   این فایل باید در مسیر public/css/style.css باشد
   ========================================================== */

* { margin:0; padding:0; box-sizing:border-box; }

body {
  font-family:'Vazirmatn',sans-serif;
  background:#121212;
  color:#f5f5f5;
  direction:rtl;
}
a { text-decoration:none; color:inherit; }
img { max-width:100%; }

.container {
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
}

/* ============ منوی موبایل ============ */
.mobile-menu {
  display:flex;
  justify-content:space-around;
  align-items:center;
  background:#395d27;
  padding:12px 0;
  position:sticky;
  top:0;
  z-index:999;
}
.menu-item {
  display:flex;
  flex-direction:column;
  align-items:center;
  flex:1;
  font-family:'Vazirmatn',sans-serif;
  text-decoration:none;
  cursor:pointer;
}
.icon-box {
  width:55px;
  height:55px;
  background:#9ed96a;
  border-radius:12px;
  margin:0 auto 6px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 10px rgba(0,0,0,.25);
  transition:transform .3s;
}
.menu-item:hover .icon-box { transform:translateY(-4px); }
.icon-box img {
  width:26px;
  height:26px;
  object-fit:contain;
}
.menu-label {
  font-size:12px;
  color:#000;
  font-weight:600;
  text-shadow:-1px -1px 0 #d4af37, 1px -1px 0 #d4af37, -1px 1px 0 #d4af37, 1px 1px 0 #d4af37;
}
.category-menu { position:relative; }
.category-dropdown {
  display:none;
  position:absolute;
  top:75px;
  right:0;
  width:230px;
  background:linear-gradient(135deg,#1a1a1a,#0f3d2e);
  border:1px solid rgba(212,175,55,.35);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 10px 25px rgba(0,0,0,.45);
  animation:dropFade .28s ease-out;
  z-index:999;
  text-align:right;
}
@keyframes dropFade {
  from { transform:translateY(-10px); opacity:0; }
  to   { transform:translateY(0);     opacity:1; }
}
.category-dropdown a {
  display:block;
  padding:12px 14px;
  color:#f5f5f5;
  font-weight:500;
  border-bottom:1px solid rgba(212,175,55,.2);
  transition:.25s;
  text-decoration:none;
  font-family:'Vazirmatn',sans-serif;
}
.category-dropdown a:hover {
  background:rgba(212,175,55,.12);
  padding-right:18px;
}
.category-dropdown a:last-child { border-bottom:none; }
.category-menu.active .category-dropdown { display:block; }

@media(max-width:420px){
  .icon-box { width:46px; height:46px; }
  .icon-box img { width:22px; height:22px; }
  .menu-label { font-size:11px; }
}

/* ============ هیرو صفحه اصلی ============ */
.hero {
  background:linear-gradient(135deg,#0e3327,#161616);
  color:#fff;
  padding:60px 20px;
  border-bottom:1px solid rgba(212,175,55,.15);
}
.hero-main { padding:70px 20px; }
.hero-grid {
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:40px;
  align-items:center;
}
.hero-text h1 {
  font-size:34px;
  color:#d4af37;
  font-weight:700;
  margin-bottom:14px;
}
.hero-text p {
  font-size:16px;
  color:#b3b3b3;
  line-height:1.9;
  margin-bottom:22px;
}
.hero-buttons { display:flex; gap:12px; flex-wrap:wrap; }
.btn-primary {
  display:inline-block;
  background:linear-gradient(135deg,#d4af37,#b8952e);
  color:#121212;
  padding:13px 30px;
  border-radius:12px;
  font-weight:700;
  font-family:'Vazirmatn',sans-serif;
  font-size:15px;
  transition:.25s;
}
.btn-primary:hover { transform:translateY(-2px); box-shadow:0 6px 18px rgba(212,175,55,.3); }
.btn-outline {
  display:inline-block;
  background:transparent;
  color:#d4af37;
  border:1px solid rgba(212,175,55,.4);
  padding:13px 30px;
  border-radius:12px;
  font-weight:700;
  font-family:'Vazirmatn',sans-serif;
  font-size:15px;
  transition:.25s;
}
.btn-outline:hover { background:rgba(212,175,55,.1); transform:translateY(-2px); }
.hero-image img {
  width:100%;
  max-height:420px;
  object-fit:cover;
  border-radius:22px;
  border:1px solid rgba(212,175,55,.25);
  box-shadow:0 15px 40px rgba(0,0,0,.4);
}

/* ============ عنوان بخش‌ها ============ */
.section-title {
  text-align:center;
  font-size:24px;
  color:#d4af37;
  font-weight:700;
  margin-bottom:30px;
}
.section-title.light { color:#f5f5f5; }

/* ============ خدمات ============ */
.services { padding:60px 0; }
.services-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:20px;
}
.service-card {
  background:#1a1a1a;
  border:1px solid rgba(212,175,55,.15);
  border-radius:18px;
  padding:28px 22px;
  text-align:center;
  transition:.3s;
}
.service-card:hover {
  transform:translateY(-6px);
  border-color:rgba(212,175,55,.4);
  box-shadow:0 12px 30px rgba(0,0,0,.35);
}
.service-card h3 { font-size:17px; margin-bottom:10px; }
.service-card p  { font-size:13px; line-height:1.8; }

/* ============ پکیج‌ها ============ */
.packages { padding:60px 0; }
.packages-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:22px;
}
.package-card {
  background:linear-gradient(135deg,rgba(15,61,46,.55),rgba(22,22,22,.92));
  border:1px solid rgba(212,175,55,.25);
  border-radius:20px;
  padding:30px 24px;
  text-align:center;
  transition:.3s;
}
.package-card:hover {
  transform:translateY(-6px);
  border-color:rgba(212,175,55,.5);
  box-shadow:0 14px 34px rgba(0,0,0,.4);
}
.package-card h3 {
  color:#fff;
  font-size:17px;
  margin-bottom:10px;
}
.package-card p {
  color:#b3b3b3;
  font-size:13px;
  line-height:1.8;
  margin-bottom:16px;
}
.package-card .price {
  display:block;
  color:#9ed96a;
  font-size:18px;
  font-weight:700;
  margin-bottom:18px;
}
.btn-gold {
  background:linear-gradient(135deg,#d4af37,#b8952e);
  color:#121212;
  border:none;
  padding:12px 28px;
  border-radius:12px;
  font-weight:700;
  font-size:14px;
  cursor:pointer;
  font-family:'Vazirmatn',sans-serif;
  transition:.25s;
}
.btn-gold:hover { transform:translateY(-2px); box-shadow:0 6px 18px rgba(212,175,55,.3); }

/* ============ باکس مشاوره ویژه ============ */
.consult { padding:40px 0 60px; }
.consult-box {
  background:linear-gradient(135deg,#0f3d2e,#1a5c3a);
  border:1px solid rgba(212,175,55,.3);
  border-radius:24px;
  padding:44px 30px;
  text-align:center;
}
.consult-box h2 {
  color:#d4af37;
  font-size:24px;
  margin-bottom:10px;
}
.consult-box p {
  color:rgba(255,255,255,.85);
  font-size:15px;
  margin-bottom:22px;
}

/* ============ درباره ما ============ */
.about { padding:60px 0; }
.about-grid {
  display:grid;
  grid-template-columns:1fr 1.3fr;
  gap:36px;
  align-items:center;
}
.about-image img {
  width:100%;
  max-height:380px;
  object-fit:cover;
  border-radius:20px;
  border:1px solid rgba(212,175,55,.3);
  box-shadow:0 12px 34px rgba(0,0,0,.35);
}
.about-text h2 { margin-bottom:14px; }
.about-text p  { font-size:15px; line-height:1.9; }

/* ============ فوتر ============ */
footer {
  background:#0e3327;
  border-top:1px solid rgba(212,175,55,.25);
  padding:40px 20px 20px;
  margin-top:60px;
  color:#e0e0e0;
}
.footer-inner {
  max-width:1200px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:25px;
}
.footer-inner > div:first-child {
  font-size:22px;
  font-weight:700;
  color:#d4af37;
  text-align:center;
  margin-bottom:5px;
}
.designer {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:25px;
  align-items:start;
  text-align:right;
}
.contact-section, .developer, .copyright {
  background:rgba(255,255,255,.02);
  border:1px solid rgba(212,175,55,.1);
  padding:22px;
  border-radius:14px;
}
.contact-title, .dev-title {
  color:#d4af37;
  font-size:18px;
  margin-top:0;
  margin-bottom:15px;
  border-bottom:1px solid rgba(212,175,55,.2);
  padding-bottom:8px;
  font-weight:600;
}
footer p {
  margin:10px 0;
  font-size:14px;
  color:#ccc;
  line-height:1.6;
}
footer strong { color:#fff; }
.social-title { margin-top:18px; }
.social-links {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}
.social-links a {
  background:rgba(212,175,55,.08);
  color:#d4af37;
  padding:6px 16px;
  border-radius:20px;
  font-size:13px;
  text-decoration:none;
  border:1px solid rgba(212,175,55,.2);
  transition:.25s;
}
.social-links a:hover {
  background:#d4af37;
  color:#121212;
  transform:translateY(-2px);
}
.copyright {
  grid-column:1 / -1;
  text-align:center;
  font-size:13px;
  color:#888;
}
.dev-name { font-weight:700; color:#fff; }

@media(max-width:768px){
  .hero-grid, .about-grid { grid-template-columns:1fr; }
  .designer { grid-template-columns:1fr; }
  .hero-text h1 { font-size:26px; }
}

/* ============ مودال‌های ورود/ثبت‌نام ============ */
.gap-modal-overlay {
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.75);
  backdrop-filter:blur(6px);
  justify-content:center;
  align-items:center;
  z-index:5000;
  font-family:'Vazirmatn',sans-serif;
}
.gap-modal-content {
  background:#1a1a1a;
  width:92%;
  max-width:420px;
  padding:32px;
  border-radius:15px;
  border:2px solid #d4af37;
  color:#fff;
  position:relative;
  animation:gapModalUp .3s ease-out;
  text-align:center;
}
@keyframes gapModalUp {
  from { transform:translateY(30px); opacity:0; }
  to   { transform:translateY(0);   opacity:1; }
}
.gap-close-btn {
  position:absolute;
  top:10px;
  right:20px;
  font-size:32px;
  cursor:pointer;
  color:#d4af37;
  transition:.25s;
}
.gap-close-btn:hover { color:#fff; transform:rotate(90deg); }
.gap-modal-header h2, .gap-modal-header h3 {
  color:#d4af37;
  margin-bottom:14px;
  margin-top:0;
}
.gap-brand-badge {
  font-size:13px;
  color:#9ed96a;
  letter-spacing:1px;
  margin-bottom:10px;
  margin-top:0;
}
.gap-modal-body input {
  width:100%;
  padding:14px;
  margin-top:12px;
  border-radius:8px;
  background:#121212;
  border:1px solid #4f6f52;
  color:#fff;
  font-size:15px;
  transition:.2s;
  text-align:center;
  box-sizing:border-box;
}
.gap-modal-body input:focus { border-color:#d4af37; outline:none; }
.gap-main-btn, .gap-admin-btn {
  margin-top:18px;
  width:100%;
  padding:14px;
  border-radius:8px;
  font-size:16px;
  cursor:pointer;
  border:1px solid #d4af37;
  background:#0f3d2e;
  color:#d4af37;
  font-family:'Vazirmatn',sans-serif;
  transition:.25s;
}
.gap-main-btn:hover, .gap-admin-btn:hover {
  background:#d4af37;
  color:#0f3d2e;
}
.gap-switch-prompt { margin-top:15px; font-size:14px; }
.gap-switch-prompt a { color:#9ed96a; text-decoration:underline; cursor:pointer; }
.gap-switch-prompt a:hover { color:#d4af37; }
.gap-modal-content.admin-style { border-color:#ff4444; }
body.modal-open { overflow:hidden; }

/* ============ صفحه‌بندی عمومی صفحات داخلی ============ */
.page-content { padding-top:90px; }