/* ==========================================================================
   RED CHILLI TRAVEL — RESPONSIVE STYLESHEET
   Tested Viewports: 320px, 375px, 430px, 768px, 1024px, 1280px, 1440px, 1920px
   ========================================================================== */

/* --------------------------------------------------------------------------
   Large Desktops (1440px - 1920px)
   -------------------------------------------------------------------------- */
@media (min-width: 1440px) {
  :root {
    --rct-container-max: 1360px;
  }
}

/* --------------------------------------------------------------------------
   Laptops & Standard Desktops (1025px - 1280px)
   -------------------------------------------------------------------------- */
@media (max-width: 1280px) {
  .rct-nav-menu {
    gap: 1.25rem;
  }

  .rct-search-form {
    grid-template-columns: repeat(2, 1fr) repeat(2, 1fr) auto;
  }
}

/* --------------------------------------------------------------------------
   Tablets Landscape & Medium Devices (992px - 1024px)
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .rct-tour-sidebar-col {
    flex: 0 0 38%;
    max-width: 38%;
  }

  .rct-tour-content-col {
    flex: 0 0 62%;
    max-width: 62%;
  }

  .rct-footer-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
  }
}

/* --------------------------------------------------------------------------
   Tablets Portrait & Mobile Large (768px - 991px)
   CRITICAL: Sticky sidebar switches to mobile bottom quotation CTA drawer
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
  .rct-nav-menu {
    display: none; /* Managed by mobile drawer */
  }

  .rct-menu-toggle {
    display: block;
  }

  .rct-topbar {
    display: none; /* Streamline mobile view */
  }

  .rct-search-form {
    grid-template-columns: 1fr 1fr;
  }

  .rct-search-form .rct-btn {
    grid-column: span 2;
  }

  /* Tour Layout switches from 2-column to 1-column */
  .rct-tour-layout-row {
    flex-direction: column;
    padding-bottom: 5rem; /* Room for mobile sticky bar */
  }

  .rct-tour-content-col {
    flex: 0 0 100%;
    max-width: 100%;
    order: 1;
  }

  .rct-tour-sidebar-col {
    flex: 0 0 100%;
    max-width: 100%;
    position: static; /* Disable desktop sticky on tablet/mobile */
    order: 2;
    margin-top: 2.5rem;
  }

  .rct-sticky-quote-box {
    max-height: none;
    overflow-y: visible;
  }

  /* Show fixed bottom quotation CTA bar on mobile/tablet */
  .rct-mobile-quote-bar {
    display: block;
  }

  .rct-highlights-grid {
    grid-template-columns: 1fr;
  }

  .rct-inc-exc-grid {
    grid-template-columns: 1fr;
  }

  .rct-floating-whatsapp {
    bottom: 80px; /* Above mobile quote bar */
  }
}

/* --------------------------------------------------------------------------
   Small Tablets & Mobile Landscape (576px - 767px)
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .rct-section {
    padding: 3.5rem 0;
  }

  .rct-tour-grid {
    grid-template-columns: 1fr;
  }

  .rct-search-form {
    grid-template-columns: 1fr;
  }

  .rct-search-form .rct-btn {
    grid-column: span 1;
  }

  .rct-tour-gallery-main {
    height: 280px;
  }

  .rct-tour-section-block {
    padding: 1.5rem;
  }

  .rct-footer-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .rct-footer-bottom {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }
}

/* --------------------------------------------------------------------------
   Standard Smartphones (375px - 430px: iPhone 12/13/14/15, Pixel, Galaxy)
   -------------------------------------------------------------------------- */
@media (max-width: 430px) {
  .rct-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .rct-logo-img {
    height: 42px;
    max-width: 170px;
  }

  .rct-btn-header-quote {
    display: none; /* Hide header CTA in extreme narrow view, burger menu has it */
  }

  .rct-form-row {
    grid-template-columns: 1fr;
  }

  .rct-tour-title {
    font-size: 1.75rem;
  }

  .rct-tour-meta-badges {
    flex-direction: column;
    align-items: flex-start;
  }

  .rct-itinerary-day-header {
    padding: 1rem;
  }

  .rct-day-heading {
    font-size: 0.95rem;
  }

  .rct-quote-drawer {
    padding: 1.5rem 1rem;
  }
}

/* --------------------------------------------------------------------------
   Smallest Smartphones (320px: iPhone SE 1st Gen)
   -------------------------------------------------------------------------- */
@media (max-width: 320px) {
  h1 { font-size: 1.65rem; }
  h2 { font-size: 1.35rem; }

  .rct-btn {
    padding: 0.65rem 1.15rem;
    font-size: 0.85rem;
  }

  .rct-day-badge {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
  }
}