/* Full Width Container Fix for Large Screens */

/* Hide breadcrumb/page title area across all pages */
.page-title-area {
  display: none !important;
}

/* When breadcrumb is hidden, the next section still carries large top padding (eg: pt-100). Reduce it. */
.page-title-area + main,
.page-title-area + section,
.page-title-area + div {
  margin-top: 0 !important;
}

.page-title-area + main.pt-120,
.page-title-area + main.pt-100,
.page-title-area + main.pt-90,
.page-title-area + main.pt-80,
.page-title-area + main.pt-75,
.page-title-area + main.pt-70,
.page-title-area + main.ptb-120,
.page-title-area + main.ptb-100,
.page-title-area + main.ptb-90,
.page-title-area + main.ptb-80,
.page-title-area + main.ptb-70,
.page-title-area + main.ptb-60,
.page-title-area + section.pt-120,
.page-title-area + section.pt-100,
.page-title-area + section.pt-90,
.page-title-area + section.pt-80,
.page-title-area + section.pt-75,
.page-title-area + section.pt-70,
.page-title-area + section.ptb-120,
.page-title-area + section.ptb-100,
.page-title-area + section.ptb-90,
.page-title-area + section.ptb-80,
.page-title-area + section.ptb-70,
.page-title-area + section.ptb-60,
.page-title-area + div.pt-120,
.page-title-area + div.pt-100,
.page-title-area + div.pt-90,
.page-title-area + div.pt-80,
.page-title-area + div.pt-75,
.page-title-area + div.pt-70,
.page-title-area + div.ptb-120,
.page-title-area + div.ptb-100,
.page-title-area + div.ptb-90,
.page-title-area + div.ptb-80,
.page-title-area + div.ptb-70,
.page-title-area + div.ptb-60 {
  padding-top: 24px !important;
}

/* Reduce excessive gap between header and the first section after breadcrumb removal */
.header-area + main,
.header-area + section,
.header-area + div {
  margin-top: 0 !important;
}

/* Many pages use utility classes like pt-100/ptb-100 on the first section; reduce only when it's the first block */
.header-area + main.pt-120,
.header-area + main.pt-100,
.header-area + main.pt-90,
.header-area + main.pt-80,
.header-area + main.pt-75,
.header-area + main.pt-70,
.header-area + main.ptb-120,
.header-area + main.ptb-100,
.header-area + main.ptb-90,
.header-area + main.ptb-80,
.header-area + main.ptb-70,
.header-area + main.ptb-60,
.header-area + section.pt-120,
.header-area + section.pt-100,
.header-area + section.pt-90,
.header-area + section.pt-80,
.header-area + section.pt-75,
.header-area + section.pt-70,
.header-area + section.ptb-120,
.header-area + section.ptb-100,
.header-area + section.ptb-90,
.header-area + section.ptb-80,
.header-area + section.ptb-70,
.header-area + section.ptb-60,
.header-area + div.pt-120,
.header-area + div.pt-100,
.header-area + div.pt-90,
.header-area + div.pt-80,
.header-area + div.pt-75,
.header-area + div.pt-70,
.header-area + div.ptb-120,
.header-area + div.ptb-100,
.header-area + div.ptb-90,
.header-area + div.ptb-80,
.header-area + div.ptb-70,
.header-area + div.ptb-60 {
  padding-top: 24px !important;
}

/* Robust fallback: many inner pages start with these wrappers and pt-100/ptb-100.
   Adjacent sibling selectors can fail depending on layout wrappers, so override by class. */
.listing-area.pt-120,
.listing-area.pt-100,
.listing-area.pt-90,
.listing-area.pt-80,
.listing-area.pt-75,
.listing-area.pt-70,
.vendor-area.pt-120,
.vendor-area.pt-100,
.vendor-area.pt-90,
.vendor-area.pt-80,
.vendor-area.pt-75,
.vendor-area.pt-70,
.user-dashboard.pt-120,
.user-dashboard.pt-100,
.user-dashboard.pt-90,
.user-dashboard.pt-80,
.user-dashboard.pt-75,
.user-dashboard.pt-70,
.shopping-area.pt-120,
.shopping-area.pt-100,
.shopping-area.pt-90,
.shopping-area.pt-80,
.shopping-area.pt-75,
.shopping-area.pt-70,
.faq-area.pt-120,
.faq-area.pt-100,
.faq-area.pt-90,
.faq-area.pt-80,
.faq-area.pt-75,
.faq-area.pt-70,
.contact-area.pt-120,
.contact-area.pt-100,
.contact-area.pt-90,
.contact-area.pt-80,
.contact-area.pt-75,
.contact-area.pt-70,
.blog-area.pt-120,
.blog-area.pt-100,
.blog-area.pt-90,
.blog-area.pt-80,
.blog-area.pt-75,
.blog-area.pt-70,
.pricing-area.pt-120,
.pricing-area.pt-100,
.pricing-area.pt-90,
.pricing-area.pt-80,
.pricing-area.pt-75,
.pricing-area.pt-70,
.custom-section-area.pt-120,
.custom-section-area.pt-100,
.custom-section-area.pt-90,
.custom-section-area.pt-80,
.custom-section-area.pt-75,
.custom-section-area.pt-70,
.about-area.pt-120,
.about-area.pt-100,
.about-area.pt-90,
.about-area.pt-80,
.about-area.pt-75,
.about-area.pt-70 {
  padding-top: 24px !important;
}

/* Provider/Vendor cards: use full-width rectangular images */
.vendor-area .card .card-img {
  max-width: 100% !important;
  width: 100% !important;
}

.vendor-area .card .card-img .lazy-container {
  width: 100% !important;
  border-radius: 10px !important;
}

.vendor-area .card .card-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Make containers use maximum available width on all screen sizes */
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  max-width: 100% !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* Responsive padding adjustments */
@media (min-width: 768px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media (min-width: 1600px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}

@media (min-width: 1920px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
}

/* Ensure container-fluid always uses full width */
.container-fluid {
  max-width: 100% !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* Special handling for container-lg-fluid */
.container-lg-fluid {
  max-width: 100% !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

@media (min-width: 1200px) {
  .container-fluid,
  .container-lg-fluid {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}

@media (min-width: 1920px) {
  .container-fluid,
  .container-lg-fluid {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
}