/* إعدادات عامة وهوية بصرية قريبة من التصميم المرفق */

:root {
  --color-bg: #002a24;
  --color-bg-alt: #043832;
  --color-card: rgba(2, 46, 40, 0.96);
  --color-accent: #d4a45a;
  --color-accent-soft: rgba(212, 164, 90, 0.16);
  --color-accent-dark: #b88839;
  --color-text: #f7f9f8;
  --color-muted: #9fb7b0;
  --color-border-subtle: rgba(255, 255, 255, 0.06);

  --shadow-soft: 0 18px 45px rgba(0, 0, 0, 0.55);
  --radius-lg: 24px;
  --radius-xl: 32px;

  --transition-fast: 0.2s ease-out;

  --max-width: 1200px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

body {
  font-family: "Cairo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: radial-gradient(circle at top left, #06463d 0, #001613 36%, #000e0d 100%);
  color: var(--color-text);
  /* احذفي أو علّقي هذا السطر:
  min-height: 100vh;
  */
}

/* اللغة الإنجليزية: غيّر الخط تلقائيًا */
body.lang-en {
  font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* إظهار/إخفاء النصوص حسب اللغة */
.lang-ar-block {
  display: none;
}

.lang-en-block {
  display: none;
}

body.lang-ar .lang-ar-block {
  display: inline;
}

body.lang-en .lang-en-block {
  display: inline;
}

/* حاوية عامة */

.container {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 1.5rem;
}

/* الرأس الثابت */

.main-header {
  position: fixed;
  inset-inline: 0;
  top: 0;
  z-index: 50;
  background: linear-gradient(90deg, rgba(0, 33, 29, 0.96), rgba(3, 60, 52, 0.96));
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(16px);
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  min-height: 72px;
}

.logo-area {
  display: flex;
  align-items: center;
  gap: 0.9rem;
}

.logo-img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.logo-text {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}

.logo-main {
  font-weight: 700;
  letter-spacing: 0.04em;
  font-size: 1.1rem;
}

.logo-sub {
  font-size: 0.78rem;
  color: var(--color-muted);
}

/* تنقل علوي */

.main-nav {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  font-size: 0.9rem;
}

.nav-link {
  position: relative;
  color: var(--color-muted);
  text-decoration: none;
  padding: 0.35rem 0.1rem;
  white-space: nowrap;
  transition: color var(--transition-fast);
}

.nav-link::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: -0.2rem;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--color-accent), transparent);
  opacity: 0;
  transform: scaleX(0.4);
  transform-origin: center;
  transition: opacity var(--transition-fast), transform var(--transition-fast);
}

.nav-link:hover {
  color: var(--color-text);
}

.nav-link:hover::after {
  opacity: 1;
  transform: scaleX(1);
}

/* أزرار عامة */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  border-radius: 999px;
  padding: 0.55rem 1.5rem;
  font-size: 0.9rem;
  border: 1px solid transparent;
  text-decoration: none;
  cursor: pointer;
  transition: background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);
  white-space: nowrap;
}

.btn i {
  font-size: 0.9rem;
}

.primary-btn {
  background: linear-gradient(135deg, var(--color-accent), var(--color-accent-dark));
  color: #1b1608;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45);
}

.primary-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.6);
}

.ghost-btn {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.2);
  color: var(--color-text);
}

.ghost-btn:hover {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.4);
}

/* أزرار اللغة */

.header-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.lang-switch {
  display: inline-flex;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(0, 0, 0, 0.24);
}

.lang-btn {
  font-size: 0.78rem;
  padding: 0.42rem 0.85rem;
  background: transparent;
  border: none;
  color: var(--color-muted);
  cursor: pointer;
  transition: background var(--transition-fast), color var(--transition-fast);
}

.lang-btn.active {
  background: var(--color-accent-soft);
  color: var(--color-text);
}

.header-cta {
  font-weight: 600;
}

/* قسم الواجهة */

.hero-section {
  position: relative;
  padding-top: 96px;
  min-height: 80vh;
  display: flex;
  align-items: center;
  background-image:
    linear-gradient(140deg, rgba(2, 44, 38, 0.92), rgba(0, 0, 0, 0.92)),
    url("https://www.rumbominero.com/wp-content/uploads/2023/07/zommlion-27.07-1920x978.jpg.webp");
  background-size: cover;
  background-position: center;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top right, rgba(212, 164, 90, 0.2), transparent 60%),
    radial-gradient(circle at bottom left, rgba(10, 122, 101, 0.28), transparent 60%);
  pointer-events: none;
}

.hero-content {
  position: relative;
  padding: 4rem 0 3rem;
}

.hero-text {
  max-width: 720px;
}

.hero-section h1 {
  font-size: clamp(2rem, 3vw, 2.7rem);
  margin: 0 0 0.6rem;
  letter-spacing: 0.03em;
}

.hero-subtitle {
  margin: 0 0 0.5rem;
  font-size: 1.05rem;
  color: var(--color-accent);
}

.hero-tagline {
  margin: 0 0 1.8rem;
  color: var(--color-muted);
  font-size: 0.98rem;
  max-width: 40rem;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1.6rem;
}

.hero-highlights {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
}

.hero-highlight {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.75rem;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 0.8rem;
  color: var(--color-muted);
}

.hero-highlight i {
  color: var(--color-accent);
}

/* الأقسام العامة */

.section {
  padding: 4.5rem 0;
  position: relative;
}

.section:nth-of-type(even) {
  background: radial-gradient(circle at top, #012520 0, #000b0a 70%);
}

.section-title {
  font-size: 1.5rem;
  margin: 0 0 1.5rem;
}

.section-title.centered {
  text-align: center;
}

.section-title span {
  font-weight: 700;
}

.two-column {
  display: grid;
  grid-template-columns: minmax(0, 2.1fr) minmax(0, 1.4fr);
  gap: 2.5rem;
  align-items: flex-start;
}

.section-text p {
  margin: 0 0 0.9rem;
  color: var(--color-muted);
  font-size: 0.95rem;
}

.divider-line {
  color: var(--color-muted);
}

.section-aside {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

/* بطاقات الأرقام */

.stats-cards {
  display: grid;
  gap: 1rem;
}

.stat-card {
  background: radial-gradient(circle at top left, rgba(212, 164, 90, 0.18), rgba(0, 0, 0, 0.9));
  border-radius: var(--radius-lg);
  padding: 1.1rem 1.2rem;
  border: 1px solid var(--color-border-subtle);
  box-shadow: var(--shadow-soft);
}

.stat-card i {
  color: var(--color-accent);
  font-size: 1.1rem;
}

.stat-number {
  font-size: 1.4rem;
  font-weight: 700;
  margin-top: 0.4rem;
}

.stat-label {
  font-size: 0.85rem;
  color: var(--color-muted);
}

/* قسم الشركاء */

.brands-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}

.brand-card {
  position: relative;
  border-radius: var(--radius-xl);
  overflow: hidden;
  min-height: 260px;
  background-size: cover;
  background-position: center;
  box-shadow: var(--shadow-soft);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.brand-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(140deg, rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.55));
}

.brand-content {
  position: relative;
  padding: 1.6rem 1.8rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.brand-header {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.brand-header h3 {
  margin: 0;
  font-size: 1.1rem;
}

.brand-icon {
  font-size: 1.2rem;
  color: var(--color-accent);
  margin-bottom: 0.35rem;
}

.brand-tag {
  font-size: 0.8rem;
  color: var(--color-muted);
}

.brand-text p {
  margin: 0.5rem 0 0.3rem;
  font-size: 0.9rem;
  color: var(--color-muted);
}

/* خلفيات لكل شريك - غيّر المسارات لصورك الفعلية */

.brand-card.zoomlion {
  background-image:
    linear-gradient(140deg, rgba(0, 0, 0, 0.406), rgba(0, 0, 0, 0.416)),
    url("2.jpg");
}

.brand-card.sinotruk {
  background-image:
    linear-gradient(140deg, rgba(0, 0, 0, 0.413), rgba(0, 0, 0, 0.406)),
    url("data:image/jpeg;base64,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");
}

.brand-card.chl {
  background-image:
    linear-gradient(140deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.75)),
    url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSppe1TS0psyGTiGGS7H_7dzROzNXmCLMshPw&s");
}

.brand-card.sdlg {
  background-image:
    linear-gradient(140deg, rgba(0, 0, 0, 0.416), rgba(0, 0, 0, 0.42)),
    url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRurLXgn6eOKviKYyHtk74XDYAZr7gCCREIYQ&s");
}

/* الخدمات */

.services-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.3rem;
  margin-top: 2rem;
}

.service-card {
  background: var(--color-card);
  border-radius: var(--radius-lg);
  padding: 1.3rem 1.3rem 1.4rem;
  border: 1px solid var(--color-border-subtle);
  box-shadow: var(--shadow-soft);
}

.service-icon {
  font-size: 1.2rem;
  color: var(--color-accent);
  margin-bottom: 0.5rem;
}

.service-card h3 {
  font-size: 1rem;
  margin: 0 0 0.5rem;
}

.service-card p {
  font-size: 0.9rem;
  color: var(--color-muted);
}

/* Zoomlion */

.zoomlion-section {
  background-image:
    linear-gradient(135deg, rgba(1, 37, 32, 0.9), rgba(0, 0, 0, 0.96)),
    url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQN536XimKrTeAy5FYQ26GY1fe4tw6KQEIrTQ&s");
  background-size: cover;
  background-position: center;
}

.zoomlion-aside {
  align-items: flex-end;
}

.zoomlion-badge {
  background: rgba(0, 0, 0, 0.7);
  border-radius: var(--radius-lg);
  padding: 1rem 1.1rem;
  border: 1px solid rgba(212, 164, 90, 0.5);
  box-shadow: var(--shadow-soft);
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.zoomlion-badge i {
  color: var(--color-accent);
}

/* لماذا التوازن */

.why-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.2rem;
  margin-top: 2rem;
}

.why-card {
  background: var(--color-card);
  border-radius: var(--radius-lg);
  padding: 1.1rem 1.2rem;
  border: 1px solid var(--color-border-subtle);
  box-shadow: var(--shadow-soft);
  font-size: 0.9rem;
  color: var(--color-muted);
}

.why-icon {
  font-size: 1.1rem;
  color: var(--color-accent);
  margin-bottom: 0.5rem;
}

/* الفروع */

.branches-section {
  background-image:
    linear-gradient(140deg, rgba(0, 0, 0, 0.95), rgba(1, 39, 34, 0.95)),
    url("https://www.jewinnerparts.com/wp-content/uploads/2021/12/ZLJ5460THBLBEV-60X-2.jpg");
  background-size: cover;
  background-position: center;
}

.branches-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.3rem;
  margin-top: 2rem;
}

.branch-card {
  position: relative;
  border-radius: var(--radius-xl);
  overflow: hidden;
  min-height: 240px;
  box-shadow: var(--shadow-soft);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.branch-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(140deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7));
}

.branch-content {
  position: relative;
  padding: 1.5rem 1.6rem 1.6rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.branch-title {
  margin: 0 0 0.45rem;
  font-size: 1.05rem;
}

.branch-text {
  margin: 0 0 0.4rem;
  color: var(--color-muted);
  font-size: 0.9rem;
}

.branch-phone {
  margin: 0.4rem 0 0.7rem;
  font-size: 0.9rem;
  color: var(--color-text);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.branch-phone i {
  color: var(--color-accent);
}

.branch-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* خلفيات لكل فرع - غيّر المسارات لصورك الفعلية */

.branch-misrata {
  background-image: url("images/branch-misrata.jpg");
  background-size: cover;
  background-position: center;
}

.branch-tripoli {
  background-image: url("images/branch-tripoli.jpg");
  background-size: cover;
  background-position: center;
}

.branch-benghazi {
  background-image: url("images/branch-benghazi.jpg");
  background-size: cover;
  background-position: center;
}

/* تواصل معنا */

.contact-section {
  background: radial-gradient(circle at top, #012b24 0, #000808 70%);
}

.contact-details {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.contact-item {
  display: flex;
  gap: 0.7rem;
  align-items: flex-start;
}

.contact-icon {
  color: var(--color-accent);
  margin-top: 0.25rem;
}

.contact-item p {
  margin: 0 0 0.25rem;
  color: var(--color-muted);
  font-size: 0.9rem;
}

.contact-form-card {
  background: var(--color-card);
  border-radius: var(--radius-xl);
  padding: 1.5rem 1.6rem;
  border: 1px solid var(--color-border-subtle);
  box-shadow: var(--shadow-soft);
}

.contact-form-card h3 {
  margin: 0 0 1rem;
  font-size: 1rem;
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.form-row input,
.form-row textarea {
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.4);
  color: var(--color-text);
  padding: 0.65rem 0.9rem;
  font-size: 0.9rem;
  outline: none;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);
  resize: vertical;
}

.form-row input::placeholder,
.form-row textarea::placeholder {
  color: rgba(255, 255, 255, 0.38);
}

.form-row input:focus,
.form-row textarea:focus {
  border-color: var(--color-accent);
  box-shadow: 0 0 0 1px rgba(212, 164, 90, 0.4);
  background: rgba(0, 0, 0, 0.7);
}

.full-width {
  width: 100%;
}

/* FAQ */

.faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2rem;
}

.faq-item {
  background: var(--color-card);
  border-radius: var(--radius-lg);
  padding: 1.1rem 1.3rem 1.3rem;
  border: 1px solid var(--color-border-subtle);
  box-shadow: var(--shadow-soft);
}

.faq-item h3 {
  margin: 0 0 0.6rem;
  font-size: 0.95rem;
}

.faq-item p {
  margin: 0 0 0.35rem;
  font-size: 0.9rem;
  color: var(--color-muted);
}

/* footer */

.main-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  background: #000707;
  padding: 1.3rem 0;
  font-size: 0.8rem;
}

.footer-inner {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer-col {
  flex: 1 1 0;
  min-width: 220px;
}

.footer-col p {
  margin: 0.15rem 0;
  color: var(--color-muted);
}

.footer-top-link {
  text-align: end;
}

.footer-top-link a {
  color: var(--color-muted);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.footer-top-link a:hover {
  color: var(--color-text);
  border-color: rgba(255, 255, 255, 0.3);
}

/* استجابة الشاشات */

@media (max-width: 1100px) {
  .main-nav {
    display: none;
  }

  .header-inner {
    justify-content: space-between;
  }

  .two-column {
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1.4fr);
  }

  .services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .why-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .branches-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 800px) {
  .hero-section {
    min-height: 70vh;
  }

  .two-column {
    grid-template-columns: minmax(0, 1fr);
  }

  .section {
    padding: 3.5rem 0;
  }

  .brands-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .branches-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .services-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .why-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .faq-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .footer-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-top-link {
    text-align: start;
  }
}

@media (max-width: 520px) {
  .header-inner {
    gap: 0.7rem;
  }

  .logo-img {
    width: 40px;
    height: 40px;
  }

  .hero-content {
    padding-top: 3.1rem;
  }

  .hero-section h1 {
    font-size: 1.7rem;
  }

  .hero-subtitle {
    font-size: 0.95rem;
  }

  .hero-tagline {
    font-size: 0.86rem;
  }

  .hero-actions .btn {
    width: 100%;
    justify-content: center;
  }

  .hero-highlights {
    flex-direction: column;
  }
}