/* Fyndo — micro base styles (layout/color comes from Tailwind CDN utilities) */

html[lang="ar"] body { font-family: 'Tajawal', 'Rubik', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif; line-height: 1.75; }

i.fa-solid, i.fa-brands, i.fa-regular { color: inherit; }

/* Brand gradients/helpers */
.bg-grad { background-image: linear-gradient(135deg, #0fa0aa 0%, #19b1bc 48%, #2cc4cf 100%); }
.bg-grad-deep { background-image: linear-gradient(120deg, #0c7781 0%, #149da7 50%, #23b6c1 100%); }
.grad-soft { background-image: linear-gradient(135deg, rgba(25, 177, 188, 0.10), rgba(87, 216, 227, 0.12)); }
.grad-text {
  background-image: linear-gradient(135deg, #0fa0aa 0%, #19b1bc 48%, #2cc4cf 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}

/* Scroll reveal */
.reveal { opacity: 0; transform: translateY(26px); transition: opacity .7s ease, transform .7s ease; }
.reveal.in { opacity: 1; transform: none; }

/* Floating phones */
.float-a { animation: floaty 7s ease-in-out infinite; }
.float-b { animation: floaty 8.5s ease-in-out infinite reverse; }
@keyframes floaty { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }

/* FAQ chevron rotation */
.faq summary::-webkit-details-marker { display: none; }
.faq details[open] summary .chev { transform: rotate(180deg); }

/* Mobile nav toggle */
.nav-toggle { background: #fff; border: 1.5px solid #e3edf0; border-radius: 10px; width: 42px; height: 42px; cursor: pointer; padding: 11px 0; }
.nav-toggle span { display: block; width: 18px; height: 2px; background: #122b36; margin: 4px auto; border-radius: 2px; }

/* Mobile nav dropdown (toggled via .nav-open on body) */
@media (max-width: 767px) {
  .nav-open .nav-links {
    display: flex !important;
    position: absolute; top: 70px; left: 0; right: 0; z-index: 60;
    flex-direction: column; gap: 4px;
    background: rgba(251, 251, 255, 0.97); backdrop-filter: blur(14px);
    padding: 18px 24px 26px; border-bottom: 1px solid #e3edf0;
  }
  .nav-open .nav-links a { padding: 12px 0; border-bottom: 1px solid #e3edf0; font-size: 16.5px; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  html { scroll-behavior: auto; }
}