/* ============================================
   كشرة برحمة - Responsive Styles
   Mobile, Tablet, Desktop breakpoints
   ============================================ */

/* Large Desktop */
@media (max-width: 1400px) {
  :root {
    --font-size-6xl: 3.25rem;
    --font-size-5xl: 2.75rem;
  }
}

/* Desktop */
@media (max-width: 1200px) {
  .container { padding: 0 var(--space-xl); }
  .hero__title { font-size: var(--font-size-5xl); }
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .footer__grid { grid-template-columns: repeat(2, 1fr); }
  .mega-menu__content { grid-template-columns: repeat(2, 1fr); }
  .pricing__grid { grid-template-columns: repeat(2, 1fr); }
  .pricing__card--featured { grid-column: span 2; }
  .team__grid { grid-template-columns: repeat(3, 1fr); }
  .about__grid { grid-template-columns: 1fr; }
  .contact__grid { grid-template-columns: 1fr; }
  .stats__grid { grid-template-columns: repeat(2, 1fr); }
}

/* Tablet */
@media (max-width: 992px) {
  :root {
    --header-height: 70px;
    --font-size-5xl: 2.5rem;
    --font-size-4xl: 2rem;
    --space-4xl: 4rem;
    --space-5xl: 5rem;
  }

  .nav__menu { display: none; }
  .nav__toggle { display: flex; }
  .nav__actions .btn--primary { display: none; }

  .hero { min-height: auto; padding: calc(var(--header-height) + var(--space-3xl)) 0 var(--space-3xl); }
  .hero__grid { grid-template-columns: 1fr; text-align: center; }
  .hero__content { order: 1; }
  .hero__visual { order: 2; }
  .hero__buttons { justify-content: center; }
  .hero__stats { justify-content: center; }

  .grid-3 { grid-template-columns: repeat(2, 1fr); }
  .services__grid { grid-template-columns: repeat(2, 1fr); }
  .portfolio__grid { grid-template-columns: repeat(2, 1fr); }
  .blog__grid { grid-template-columns: repeat(2, 1fr); }
  .testimonials__slider { padding: 0 var(--space-md); }
  .timeline::before { right: 20px; }
  .timeline__item { width: 100%; padding-right: 60px; padding-left: 0; }
  .timeline__item:nth-child(even) { padding-right: 60px; padding-left: 0; }
  .timeline__dot { right: 8px; left: auto; }
  .timeline__item:nth-child(even) .timeline__dot { right: 8px; left: auto; }

  .section__header { text-align: center; }
  .section__header p { margin: 0 auto; }

  .cta__grid { grid-template-columns: 1fr; text-align: center; }
  .cta__buttons { justify-content: center; }

  .pricing__grid { grid-template-columns: 1fr; max-width: 500px; margin: 0 auto; }
  .pricing__card--featured { grid-column: span 1; }

  .compare-table { overflow-x: auto; }
  .compare-table table { min-width: 600px; }

  .team__grid { grid-template-columns: repeat(2, 1fr); }
  .careers__grid { grid-template-columns: 1fr; }
  .job-card { flex-direction: column; }

  .search-popup__content { width: 95%; }
  .lightbox__content { width: 95%; height: 70vh; }

  .custom-cursor { display: none; }
  body { cursor: auto; }

  .color-switcher { bottom: 80px; }
  .back-to-top { bottom: 20px; }
}

/* Mobile */
@media (max-width: 768px) {
  :root {
    --font-size-5xl: 2rem;
    --font-size-4xl: 1.75rem;
    --font-size-3xl: 1.5rem;
    --space-3xl: 3rem;
    --space-4xl: 3rem;
  }

  .container { padding: 0 var(--space-md); }
  .section { padding: var(--space-3xl) 0; }

  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
  .services__grid { grid-template-columns: 1fr; }
  .portfolio__grid { grid-template-columns: 1fr; }
  .blog__grid { grid-template-columns: 1fr; }
  .stats__grid { grid-template-columns: 1fr; }
  .footer__grid { grid-template-columns: 1fr; }
  .team__grid { grid-template-columns: 1fr; }

  .hero__title { font-size: var(--font-size-4xl); }
  .hero__subtitle { font-size: var(--font-size-lg); }
  .hero__buttons { flex-direction: column; align-items: center; }
  .hero__buttons .btn { width: 100%; max-width: 300px; }

  .nav__actions { gap: var(--space-sm); }
  .nav__search-btn, .nav__theme-btn, .nav__lang-btn { width: 36px; height: 36px; }

  .card { padding: var(--space-lg); }
  .service-card { padding: var(--space-lg); }

  .testimonial-card { padding: var(--space-lg); }
  .testimonial-card__quote { font-size: var(--font-size-base); }

  .faq__question { padding: var(--space-md); font-size: var(--font-size-sm); }
  .accordion__content { padding: 0 var(--space-md) var(--space-md); }

  .pricing__price { font-size: var(--font-size-4xl); }
  .pricing-toggle { flex-direction: column; gap: var(--space-sm); }

  .contact-form { padding: var(--space-lg); }
  .form__row { grid-template-columns: 1fr; }

  .page-header { padding: calc(var(--header-height) + var(--space-2xl)) 0 var(--space-2xl); }
  .page-header__title { font-size: var(--font-size-3xl); }

  .blog-sidebar { margin-top: var(--space-2xl); }
  .blog-layout { grid-template-columns: 1fr; }

  .portfolio__filters { flex-wrap: wrap; justify-content: center; }
  .filter-btn { font-size: var(--font-size-sm); padding: var(--space-sm) var(--space-md); }

  .cookie-consent { flex-direction: column; text-align: center; gap: var(--space-md); }
  .cookie-consent__actions { flex-direction: column; width: 100%; }
  .cookie-consent__actions .btn { width: 100%; }

  .preloader__logo { font-size: var(--font-size-2xl); }
  .floating-shapes .shape { display: none; }
  .floating-shapes .shape:nth-child(1),
  .floating-shapes .shape:nth-child(2) { display: block; }

  .mega-menu__content { grid-template-columns: 1fr; }
  .mobile-menu { width: 100%; }

  .newsletter__form { flex-direction: column; }
  .newsletter__form input { border-radius: var(--border-radius-md); }
  .newsletter__form button { border-radius: var(--border-radius-md); width: 100%; }

  .error-page__code { font-size: 6rem; }
  .error-page__title { font-size: var(--font-size-2xl); }

  .certificates__grid { grid-template-columns: repeat(2, 1fr); }
  .partners__grid { grid-template-columns: repeat(2, 1fr); }
  .trusted__logos { flex-wrap: wrap; justify-content: center; }
}

/* Small Mobile */
@media (max-width: 480px) {
  :root {
    --font-size-4xl: 1.5rem;
    --font-size-3xl: 1.25rem;
  }

  .hero__stats { flex-direction: column; gap: var(--space-lg); }
  .stat-item { text-align: center; }
  .certificates__grid { grid-template-columns: 1fr; }
  .partners__grid { grid-template-columns: 1fr; }

  .slider__nav { display: none; }
  .testimonials__dots { margin-top: var(--space-lg); }

  .toast { right: var(--space-md); left: var(--space-md); max-width: none; }
  [dir="ltr"] .toast { left: var(--space-md); right: var(--space-md); }

  .apply-form { padding: var(--space-md); }
}

/* Print */
@media print {
  .header, .footer, .preloader, .back-to-top, .cookie-consent,
  .scroll-progress, .custom-cursor, .floating-shapes, .particles-bg {
    display: none !important;
  }
  body { background: white; color: black; }
  .section { padding: 1rem 0; }
}