/* 
=======================================
  Responsive Stylesheet for Al-Dowyshan Company
  Author: Claude
  Support: LTR and RTL
=======================================
*/

/* Import Variables */
@import url('variables.css');

/* Large Devices (Desktops, less than 1200px) */
@media (max-width: 1199.98px) {
  .hero-title {
    font-size: calc(var(--font-size-5xl) - 16px);
  }

  .hero-subtitle {
    font-size: calc(var(--font-size-2xl) - 8px);
  }

  .step-item:not(:last-child):after {
    width: 80%;
  }
}

/* Medium Devices (Tablets, less than 992px) */
@media (max-width: 991.98px) {
  .hero-content {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: var(--spacing-md);
    text-align: start;
  }

  .section-padding {
    padding: var(--spacing-lg) 0;
  }

  .hero-section {
    padding: var(--spacing-xl) 0 var(--spacing-lg);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .hero-title {
    font-size: var(--font-size-4xl);
  }

  .hero-subtitle {
    font-size: var(--font-size-xl);
  }

  .service-card {
    padding: var(--spacing-sm);
  }

  .step-item:not(:last-child):after {
    display: none;
  }
}

/* Small Devices (Landscape Phones, less than 768px) */
@media (max-width: 767.98px) {
  .header {
    padding: var(--spacing-xs) 0;
  }

  .mobile-toggle {
    display: block;
  }

  .main-nav {
    display: none;
  }

  .hero-section {
    padding: var(--spacing-lg) 0 var(--spacing-md);
    text-align: center;
  }

  .hero-title {
    font-size: var(--font-size-3xl);
  }

  .hero-subtitle {
    font-size: var(--font-size-lg);
  }

  .section-padding {
    padding: var(--spacing-md) 0;
  }

  .section-title {
    font-size: var(--font-size-2xl);
  }

  .about-text {
    text-align: center;
  }

  .footer-title:after {
    right: 0;
    left: 0;
    margin: 0 auto;
  }

  .footer-column {
    text-align: center;
  }

  .footer-links a {
    justify-content: center;
  }
}

/* Extra Small Devices (Portrait Phones, less than 576px) */
@media (max-width: 575.98px) {
  .hero-title {
    font-size: var(--font-size-2xl);
  }

  .hero-subtitle {
    font-size: var(--font-size-md);
  }

  .service-card {
    padding: var(--spacing-sm);
  }

  .btn {
    padding: var(--spacing-xs) var(--spacing-sm);
    font-size: var(--font-size-sm);
  }

  .section-title {
    font-size: var(--font-size-xl);
  }
}

/* RTL Specific Fixes */
html[dir="rtl"] .footer-title:after {
  left: auto;
  right: 0;
}

html[dir="rtl"] .nav-item .dropdown-menu {
  left: auto;
  right: 0;
}

html[dir="rtl"] .dropdown-toggle i {
  right: 5px;
  left: auto;
}

html[dir="rtl"] .whatsapp-icon {
  right: var(--spacing-md);
  left: auto;
}

html[dir="rtl"] .mobile-nav .has-submenu>a i {
  left: 0;
  right: auto;
}

html[dir="rtl"] .mobile-nav .submenu {
  padding-right: var(--spacing-xs);
  padding-left: 0;
}

html[dir="rtl"] .footer-links a:hover {
  padding-right: var(--spacing-xs);
  padding-left: 0;
}

/* LTR Specific Styles - Applied when switching language */
html[dir="ltr"] .footer-title:after {
  right: auto;
  left: 0;
}

html[dir="ltr"] .nav-item .dropdown-menu {
  right: auto;
  left: 0;
}

html[dir="ltr"] .dropdown-toggle i {
  left: 5px;
  right: auto;
}

html[dir="ltr"] .whatsapp-icon {
  left: var(--spacing-md);
  right: auto;
}

html[dir="ltr"] .footer-links a:hover {
  padding-right: 0;
  padding-left: var(--spacing-xs);
}

html[dir="ltr"] .mobile-nav .has-submenu>a i {
  right: 0;
  left: auto;
}

html[dir="ltr"] .mobile-nav .submenu {
  padding-right: 0;
  padding-left: var(--spacing-xs);
}