/* ==========================================================================
   CARPETRUCK RESPONSIVENESS STYLESHEET (responsive.css)
   ========================================================================== */

/* Laptop / Medium Desktop (lg) */
@media (max-width: 1199.98px) {
  .hero-title {
    font-size: 2.5rem;
  }
  
  .hero-glow-back {
    width: 600px;
    height: 600px;
    right: -5%;
  }
  
  .bento-title-light-bold {
    font-size: 1.85rem;
  }
}

/* Tablet / Mobile Landscape (md to lg) */
@media (max-width: 991.98px) {
  /* Navbar changes on smaller screens */
  .navbar {
    background-color: var(--dark) !important;
    border-bottom: var(--glass-border) !important;
    padding: 15px 0 !important;
  }
  
  .navbar-collapse {
    background-color: var(--dark);
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    margin-top: 15px;
  }
  
  .navbar-nav {
    text-align: center;
    margin-bottom: 20px !important;
  }
  
  .navbar-nav .nav-link {
    padding: 12px 0 !important;
    font-size: 0.95rem;
  }
  
  .navbar-nav .nav-link::after {
    display: none; /* Hide active line under links on mobile menu */
  }
  
  .navbar-toggler {
    padding: 4px;
    transition: var(--transition-smooth);
  }
  
  .navbar-toggler:focus {
    box-shadow: none;
  }
  
  /* Hero adjustments */
  .hero-section {
    padding-top: 120px;
    padding-bottom: 40px;
  }
  
  .hero-title {
    font-size: 2.3rem;
    text-align: center;
  }
  
  .hero-description {
    text-align: center;
    max-width: 100%;
    margin-bottom: 30px;
  }
  
  .hero-cta-group {
    justify-content: center;
  }
  
  .accent-bar {
    margin: 0 auto 15px auto;
  }
  
  .hero-glow-back {
    width: 450px;
    height: 450px;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  .hero-truck-img {
    max-width: 90%;
    transform: none;
    animation: floatTruckMobile 5s ease-in-out infinite alternate;
  }
  
  @keyframes floatTruckMobile {
    0% { transform: translateY(0px); }
    100% { transform: translateY(-8px); }
  }
  
  /* Features Glassmorphic Row adjusts */
  .features-glass-card {
    margin-top: 40px;
  }
  
  .feature-item-wrap {
    justify-content: center;
    text-align: left;
  }

  /* Bento grid */
  .bento-card-orange,
  .bento-card-light {
    padding: 40px !important;
  }
  
  .bento-store-img,
  .bento-agent-img {
    max-width: 75%;
    margin-top: 30px;
    transform: none !important;
  }
  
  /* Categories view all link centered */
  .categories-section .d-flex {
    flex-direction: column;
    gap: 15px;
    align-items: center !important;
    text-align: center;
  }
  
  /* Section title adjustment */
  .section-title {
    font-size: 1.75rem;
  }
}

/* Smartphone Portrait (sm) */
@media (max-width: 767.98px) {
  .hero-title {
    font-size: 2rem;
  }
  
  .hero-description {
    font-size: 0.95rem;
  }
  
  .stat-number {
    font-size: 2.2rem;
  }
  
  .stat-label {
    font-size: 0.75rem;
  }
  
  .bento-card-orange,
  .bento-card-light {
    padding: 30px !important;
    text-align: center !important;
  }
  
  .bento-card-orange .text-start,
  .bento-card-light .text-start {
    text-align: center !important;
  }
  
  .btn-bento-yellow,
  .bento-card-light .btn-primary {
    width: 100%;
    justify-content: center;
  }
  
  .bento-store-img,
  .bento-agent-img {
    max-width: 85%;
    margin-top: 25px;
    border-radius: 12px;
  }
  
  .contact-card-wrap {
    padding: 35px 20px !important;
  }
  
  .footer-main {
    text-align: center !important;
  }
  
  .footer-main .d-flex,
  .footer-main .social-links,
  .footer-main .payment-methods {
    justify-content: center !important;
  }
  
  /* Shift floating buttons up so they don't overlap mobile bottom sticky bar */
  .back-to-top {
    bottom: 85px;
    left: 15px;
  }
  
  .whatsapp-floating {
    bottom: 85px;
    right: 15px;
  }
}

/* Very Small Screen (xs) */
@media (max-width: 480px) {
  .hero-title {
    font-size: 1.75rem;
  }
  
  .hero-cta-group .btn {
    width: 100%;
    justify-content: center;
  }
  
  .section-title {
    font-size: 1.5rem;
  }
  
  .category-card {
    padding: 15px !important;
  }
  
  .category-img-wrap {
    height: 80px;
  }
  
  .category-truck-img {
    max-height: 65px;
  }
}

/* Sticky Bottom WhatsApp Conversion Bar styling */
.mobile-sticky-whatsapp-bar {
  z-index: 1040;
  border-top: 2px solid rgba(255, 255, 255, 0.15);
  transition: var(--transition-smooth);
}

.bg-whatsapp-green {
  background-color: var(--whatsapp-green);
}

.bg-whatsapp-green:hover {
  background-color: var(--whatsapp-green-hover);
}

/* Adjust paddings for page when mobile sticky footer is present */
@media (max-width: 767.98px) {
  body {
    padding-bottom: 60px; /* Precludes content coverage by the sticky bar */
  }
}