/* ===== Global Layout (Sticky Footer) ===== */
html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    font-family: 'Segoe UI', Tahoma, sans-serif;
    background-color: #f8f9fa;
}

main {
    flex: 1;
}

/* ===== Buttons ===== */
.btn-primary {
    background: linear-gradient(135deg, #0d6efd, #4f9cff);
    border: none;
}

.btn-primary:hover {
    opacity: 0.9;
}

/* ===== Cards ===== */
.card {
    border: none;
    border-radius: 14px;
}

/* =========================
   FOOTER BASE
========================= */

.site-footer {
  background: #fff;
  border-top: 1px solid #eee;
  padding: 50px 0 30px;
  direction: ltr; /* force LTR for English footer */
  font-family: inherit;
}

/* =========================
   TITLES & TEXT
========================= */

.footer-title {
  font-weight: 700;
  margin-bottom: 12px;
  color: #111;
}

.site-footer p {
  color: #555;
  margin-bottom: 6px;
  text-align: left;
}

/* =========================
   LINKS
========================= */

.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links li {
  margin-bottom: 6px;
  text-align: left;
}

.footer-links a {
  color: #333;
  text-decoration: none;
  font-size: 14px;
}

.footer-links a:hover {
  color: #0d6efd;
  text-decoration: none;
}

/* =========================
   CONTACT FORM
========================= */

.site-footer .form-control {
  font-size: 14px;
  border-radius: 6px;
}

.site-footer textarea.form-control {
  resize: none;
}

/* =========================
   SOCIAL ICONS
========================= */

.footer-social {
  display: flex;
  gap: 10px;
}

.footer-social .social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  transition: all 0.3s ease;
}

/* Platform colors */
.footer-social .linkedin {
  background: #0077b5;
}

.footer-social .twitter {
  background: #1da1f2;
}

.footer-social .facebook {
  background: #1877f2;
}

.footer-social .whatsapp {
  background: #25d366;
}

.footer-social .social:hover {
  opacity: 0.85;
  transform: translateY(-2px);
  text-decoration: none;
}

/* =========================
   PAYMENT ICONS
========================= */

.payment-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
  direction: ltr; /* keep icons order correct */
}

.payment-icons .pay {
  width: 25px;
  height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  text-decoration: none;
}

/* Payment colors */
.payment-icons .visa {
  color: #1a1f71;
}

.payment-icons .mastercard {
  color: #eb001b;
}

.payment-icons .paypal {
  color: #003087;
}

.payment-icons .bank {
  color: #555;
}

/* =========================
   FOOTER BOTTOM
========================= */

.site-footer hr {
  margin: 30px 0 15px;
  border-color: #eee;
}

.site-footer .text-muted {
  color: #777 !important;
  font-size: 13px;
}

/* =========================
   RESPONSIVE FIXES
========================= */

@media (max-width: 767px) {
  .site-footer {
    text-align: center;
  }

  .footer-links li,
  .site-footer p {
    text-align: center;
  }

  .footer-social {
    justify-content: center;
  }
}


/* ===== HERO FLIGHT ANIMATION ===== */

.hero {
  background: linear-gradient(135deg, #2563eb, #4f46e5);
  padding: 160px 0;
  position: relative;
}

.hero-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.hero .container {
  position: relative;
  z-index: 2;
}

.flight-svg {
  width: 100%;
  height: 200px;
}

.plane {
  font-size: 20px;
  color: #fff;
  offset-path: path("M10,150 C150,20 300,20 450,100");
  offset-rotate: auto;
  animation: fly 8s linear infinite;
}

@keyframes fly {
  from {
    offset-distance: 0%;
  }
  to {
    offset-distance: 100%;
  }
}

/* Mobile – أقل شوية */
@media (max-width: 768px) {
  .flight-svg {
    height: 120px;
  }
}