/* ========================================
   Let's Rock Barber Shop - Responsive Styles
   Mobile-First Media Queries
   ======================================== */

/* ===== Small Devices (576px and up) ===== */
@media (min-width: 576px) {
  :root {
    --lr-container-padding: 2rem;
  }

  /* Typography Adjustments */
  h1 {
    font-size: var(--lr-text-6xl);
  }

  h2 {
    font-size: var(--lr-text-4xl);
  }

  /* Section Title */
  .lr-section-title::after {
    width: 80px;
  }
}

/* ===== Medium Devices - Tablets (768px and up) ===== */
@media (min-width: 768px) {
  :root {
    --lr-section-padding: 6rem 0;
    --lr-section-padding-sm: 4rem 0;
  }

  /* Container */
  .lr-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  /* Typography */
  h1 {
    font-size: var(--lr-text-7xl);
  }

  h2 {
    font-size: var(--lr-text-5xl);
  }

  /* Header */
  .lr-header__menu {
    flex-direction: row;
  }

  /* Hero */
  .lr-hero__title {
    font-size: var(--lr-text-6xl);
  }

  /* About Section */
  .lr-about__container {
    grid-template-columns: 1fr 1fr;
  }

  /* Services */
  .lr-services__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Team */
  .lr-team__grid {
    grid-template-columns: repeat(3, 1fr);
  }

  /* Gallery */
  .lr-gallery__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Footer */
  .lr-footer__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ===== Large Devices - Desktop (1024px and up) ===== */
@media (min-width: 1024px) {
  :root {
    --lr-section-padding: 8rem 0;
    --lr-section-padding-sm: 5rem 0;
  }

  /* Header */
  .lr-header__nav {
    position: static;
    width: auto;
    height: auto;
    background-color: transparent;
    flex-direction: row;
    padding: 0;
    box-shadow: none;
  }

  .lr-header__menu {
    flex-direction: row;
    gap: var(--lr-space-2xl);
  }

  .lr-header__actions {
    flex-direction: row;
    width: auto;
    margin-top: 0;
  }

  .lr-header__toggle {
    display: none;
  }

  /* Hero */
  .lr-hero__title {
    font-size: var(--lr-text-7xl);
  }

  /* Services */
  .lr-services__grid {
    grid-template-columns: repeat(3, 1fr);
  }

  /* Team */
  .lr-team__grid {
    grid-template-columns: repeat(4, 1fr);
  }

  /* Pricing */
  .lr-pricing__container {
    grid-template-columns: 1fr 1fr;
  }

  /* Gallery */
  .lr-gallery__grid {
    grid-template-columns: repeat(3, 1fr);
  }

  /* Footer */
  .lr-footer__grid {
    grid-template-columns: 2fr 1fr 1fr 1fr;
  }

  /* Testimonials Arrows */
  .lr-testimonials__arrow--prev {
    left: -80px;
  }

  .lr-testimonials__arrow--next {
    right: -80px;
  }
}

/* ===== Extra Large Devices (1200px and up) ===== */
@media (min-width: 1200px) {
  :root {
    --lr-container-max: 1200px;
  }

  /* Container */
  .lr-container {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  /* Hero */
  .lr-hero__content {
    max-width: 900px;
  }

  /* Services Grid */
  .lr-services__grid {
    gap: var(--lr-space-3xl);
  }

  /* Gallery */
  .lr-gallery__grid {
    gap: var(--lr-space-xl);
  }
}

/* ===== Extra Extra Large Devices (1400px and up) ===== */
@media (min-width: 1400px) {
  :root {
    --lr-container-max: 1320px;
  }
}

/* ===== Mobile Specific Adjustments ===== */
@media (max-width: 767px) {
  /* Reduce spacing on mobile */
  :root {
    --lr-section-padding: 3rem 0;
    --lr-section-padding-sm: 2rem 0;
    --lr-space-3xl: 3rem;
    --lr-space-4xl: 4rem;
    --lr-space-5xl: 5rem;
  }

  /* Typography */
  h1 {
    font-size: var(--lr-text-4xl);
  }

  h2 {
    font-size: var(--lr-text-3xl);
  }

  h3 {
    font-size: var(--lr-text-2xl);
  }

  /* Buttons */
  .lr-btn {
    width: 100%;
    text-align: center;
  }

  /* Section Title */
  .lr-section-title {
    font-size: var(--lr-text-3xl);
    margin-bottom: var(--lr-space-2xl);
  }

  /* Hide decorative elements on mobile */
  .lr-about__image-shape {
    display: none;
  }

  /* Stack all grids to single column */
  .lr-services__grid,
  .lr-team__grid,
  .lr-gallery__grid,
  .lr-pricing__container,
  .lr-footer__grid {
    grid-template-columns: 1fr;
  }

  /* Reduce card padding */
  .lr-services__card,
  .lr-team__card,
  .lr-pricing__list {
    padding: var(--lr-space-xl);
  }

  /* Adjust floating buttons on mobile */
  .lr-footer__whatsapp,
  .lr-footer__scroll-top {
    width: 50px;
    height: 50px;
    bottom: var(--lr-space-lg);
  }

  .lr-footer__whatsapp {
    right: var(--lr-space-lg);
  }

  .lr-footer__scroll-top {
    left: var(--lr-space-lg);
  }
}

/* ===== Landscape Mobile (Orientation) ===== */
@media (max-width: 896px) and (orientation: landscape) {
  .lr-hero {
    min-height: 100vh;
  }

  .lr-hero__content {
    padding: var(--lr-space-lg);
  }
}

/* ===== Print Styles ===== */
@media print {
  .lr-header,
  .lr-footer__whatsapp,
  .lr-footer__scroll-top,
  .lr-preloader {
    display: none;
  }

  body {
    background-color: white;
    color: black;
  }

  .lr-section {
    page-break-inside: avoid;
  }
}

/* ===== High Resolution Displays ===== */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* Adjust for retina displays if needed */
  .lr-header__logo {
    -webkit-font-smoothing: antialiased;
  }
}