/* landing.css – استایل‌های صفحه فرود */
@font-face {
  font-family: 'Vazirmatn';
  src: url('../fonts/vazirmatn/Vazirmatn-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Vazirmatn';
  src: url('../fonts/vazirmatn/Vazirmatn-Medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Vazirmatn';
  src: url('../fonts/vazirmatn/Vazirmatn-Bold.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { font-size:16px; -webkit-text-size-adjust:100%; }
body { font-family:'Vazirmatn',Tahoma,sans-serif; background:#fff; color:#2c3e50; direction:rtl; line-height:1.7; }
img,svg { display:block; max-width:100%; }
a { text-decoration:none; color:inherit; }
ul,ol { list-style:none; }

:root {
  --color-primary:#0b5e42;
  --color-primary-dark:#094d36;
  --border-light:#e9ecef;
}

.container { max-width:1200px; margin:0 auto; padding:0 20px; }
.section { padding:80px 0; }
.section-title { text-align:center; font-size:2rem; font-weight:700; margin-bottom:3rem; color:var(--color-primary); position:relative; }
.section-title::after { content:''; display:block; width:70px; height:4px; background:var(--color-primary); margin:12px auto 0; border-radius:2px; }

/* Header */
.header { background:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.05); position:sticky; top:0; z-index:1000; }
.header .container { display:flex; align-items:center; justify-content:space-between; padding:15px 20px; }
.logo { font-size:1.5rem; font-weight:700; color:var(--color-primary); }
.nav-links { display:flex; gap:25px; }
.nav-links a { font-weight:500; color:#555; transition:color 0.3s; }
.nav-links a:hover,.nav-links a.active { color:var(--color-primary); }

/* Hero */
.hero { background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%); color:#fff; text-align:center; padding:100px 0 80px; clip-path:ellipse(100% 90% at 50% 10%); }
.hero h1 { font-size:2.5rem; font-weight:800; margin-bottom:20px; line-height:1.4; }
.hero p { font-size:1.15rem; max-width:700px; margin:0 auto 40px; opacity:0.9; }

/* About */
.about-box { background:#f9fbfc; border-radius:16px; padding:40px; margin-top:-40px; box-shadow:0 20px 50px rgba(0,0,0,0.05); }

/* Services */
.services-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:30px; margin-top:20px; }
.service-card { background:#fff; border-radius:16px; padding:30px 25px; box-shadow:0 10px 30px rgba(0,0,0,0.04); transition:all 0.3s ease; border:1px solid var(--border-light); }
.service-card:hover { transform:translateY(-6px); box-shadow:0 20px 40px rgba(0,0,0,0.08); border-color:var(--color-primary); }
.service-card .icon { width:60px; height:60px; background:rgba(11,94,66,0.1); border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.8rem; color:var(--color-primary); margin-bottom:20px; }
.service-card h3 { font-size:1.2rem; margin-bottom:12px; color:var(--color-primary); }
.service-card p { color:#666; font-size:0.95rem; }

/* Contact */
.info-row { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.info-card { background:#f9fbfc; border-radius:16px; padding:30px; text-align:center; box-shadow:0 5px 20px rgba(0,0,0,0.03); }
.info-card h3 { color:var(--color-primary); margin-bottom:20px; font-size:1.3rem; }
.info-card p { font-size:1.1rem; margin-bottom:10px; color:#444; }
.phones { display:flex; flex-direction:column; gap:12px; margin-top:15px; }
.phone-number { direction:ltr; font-size:1.4rem; font-weight:700; color:var(--color-primary); }

/* CTA */
.cta-box { background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark)); border-radius:20px; padding:50px 30px; text-align:center; color:#fff; }
.cta-box h2 { font-size:1.8rem; margin-bottom:20px; }
.cta-box p { margin-bottom:30px; font-size:1.1rem; opacity:0.9; }

/* Footer */
.footer { background:#1a1a2e; color:#ccc; text-align:center; padding:30px 20px; font-size:0.9rem; }
.footer a { color:var(--color-primary); }

/* Buttons */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:0.5rem; padding:0.6rem 1.2rem; border-radius:6px; font-weight:600; font-size:0.9rem; transition:all 0.15s ease; cursor:pointer; border:1px solid transparent; background:var(--color-primary); color:white; text-align:center; white-space:nowrap; }
.btn:hover { background:var(--color-primary-dark); transform:translateY(-1px); box-shadow:0 2px 8px rgba(0,0,0,0.06); }
.btn-lg { padding:0.9rem 2rem; font-size:1.1rem; border-radius:10px; }
.btn-sm { padding:0.4rem 0.8rem; font-size:0.8rem; }

/* Floating Call Button */
.floating-call-btn { display:none; position:fixed; bottom:20px; left:20px; z-index:9999; width:56px; height:56px; border-radius:50%; background:var(--color-primary); box-shadow:0 6px 18px rgba(0,0,0,0.25); align-items:center; justify-content:center; text-decoration:none; transition:transform 0.2s ease; }
.floating-call-btn:hover { transform:scale(1.08); }
.floating-call-btn svg { width:28px; height:28px; fill:#fff; }

@media (max-width:768px) {
  .section { padding:60px 0; }
  .hero h1 { font-size:2rem; }
  .hero p { font-size:1rem; }
  .info-row { grid-template-columns:1fr; gap:30px; }
  .services-grid { grid-template-columns:1fr; }
  .header .container { flex-direction:column; gap:10px; }
  .nav-links { gap:15px; }
  .about-box { margin-top:0; }
  .hero { clip-path:none; border-radius:0 0 30px 30px; }
  .floating-call-btn { display:flex; }
}
.header-login-btn {
    color: #ffffff !important;
}
/* استایل‌های نوار ابزار مخصوص موبایل */
.mobile-action-bar {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(12px);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 28px 28px 0 0;
    z-index: 1000;
    padding: 10px 16px 20px;
    border-top: 1px solid rgba(11, 94, 66, 0.15);
    transition: all 0.3s ease;
}

.action-items {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 12px;
}

.action-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: #f8fafc;
    padding: 12px 8px;
    border-radius: 28px;
    transition: all 0.25s ease;
    gap: 8px;
    border: 1px solid rgba(11, 94, 66, 0.1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
    cursor: pointer;
}

.action-item:active {
    transform: scale(0.96);
    background: #eef2f5;
}

.action-icon {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0b5e42;
}

.action-icon svg {
    width: 26px;
    height: 26px;
    stroke-width: 1.5;
    stroke: #0b5e42;
    fill: none;
}

.action-label {
    font-size: 12px;
    font-weight: 500;
    color: #1f2937;
    letter-spacing: 0.3px;
    font-family: inherit;
}

/* نمایش فقط در موبایل (عرض کمتر از 768px) */
@media (max-width: 768px) {
    .mobile-action-bar {
        display: block;
    }
    
    body {
        padding-bottom: 85px;
    }
    
    /* مخفی کردن دکمه شناور تماس قدیمی */
    .floating-call-btn {
        display: none !important;
    }
}

/* ریسپانسیو برای موبایل‌های خیلی کوچک */
@media (max-width: 480px) {
    .action-label {
        font-size: 10px;
    }
    .action-icon svg {
        width: 22px;
        height: 22px;
    }
    .action-item {
        padding: 8px 6px;
    }
}