/*
 * BD WEB TEK shared mobile page grid.
 * The homepage Hero defines the canonical mobile boundary: 1.4rem.
 * This layer changes outer page/section spacing only; component-internal
 * padding (cards, forms, drawers, controls) remains owned by each page.
 */
:root { --bdwt-mobile-page-padding: 1.4rem; }

@media (max-width: 768px) {
  /* Homepage: preserve the already-approved boundary and avoid nested padding. */
  .bdwt-ai-home section {
    padding-left: var(--bdwt-mobile-page-padding) !important;
    padding-right: var(--bdwt-mobile-page-padding) !important;
  }
  .bdwt-ai-home section .wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Article hub. */
  #bdwt-article-hub .bdwt-article-hero,
  #bdwt-article-hub .bdwt-article-filter,
  #bdwt-article-hub .bdwt-article-main {
    padding-left: var(--bdwt-mobile-page-padding) !important;
    padding-right: var(--bdwt-mobile-page-padding) !important;
  }
  #bdwt-article-hub .bdwt-article-hero-inner,
  #bdwt-article-hub .bdwt-article-filter-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Contact and legal pages. */
  .bdwt-contact-page .bdwt-contact-section {
    padding-left: var(--bdwt-mobile-page-padding) !important;
    padding-right: var(--bdwt-mobile-page-padding) !important;
  }
  .bdwt-contact-page .bdwt-contact-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .bdwt-legal-page {
    padding-left: var(--bdwt-mobile-page-padding) !important;
    padding-right: var(--bdwt-mobile-page-padding) !important;
  }

  /* Special pages. */
  .bdwt-special-404 .err-wrapper {
    padding-left: var(--bdwt-mobile-page-padding) !important;
    padding-right: var(--bdwt-mobile-page-padding) !important;
  }
  .bdwt-special-thank-you .hero-section,
  .bdwt-special-thank-you .steps-section,
  .bdwt-special-thank-you .resources-section,
  .bdwt-special-thank-you .blog-section,
  .bdwt-special-thank-you .social-section {
    padding-left: var(--bdwt-mobile-page-padding) !important;
    padding-right: var(--bdwt-mobile-page-padding) !important;
  }

  /* Pillar pages: the .wrap is the outer content boundary. */
  .bdwt-email-pillar .wrap,
  .bdwt-seo-pillar .wrap,
  .bdwt-social-pillar .wrap {
    padding-left: var(--bdwt-mobile-page-padding) !important;
    padding-right: var(--bdwt-mobile-page-padding) !important;
    min-width: 0;
  }

  /* Service pages: each direct section is an outer content boundary. */
  .bdwt-service-email-automation > section,
  .bdwt-service-geo-ai-search > section,
  .bdwt-service-social-media-ai > section,
  .bdwt-service-traffic-analytics > section,
  .bdwt-service-website-reconstruction > section {
    padding-left: var(--bdwt-mobile-page-padding) !important;
    padding-right: var(--bdwt-mobile-page-padding) !important;
  }
  .bdwt-service-email-automation .metrics-strip,
  .bdwt-service-geo-ai-search .metrics-strip,
  .bdwt-service-social-media-ai .metrics-strip,
  .bdwt-service-traffic-analytics .metrics-strip,
  .bdwt-service-website-reconstruction .metrics-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /* Image and font conversion tools. */
  .bdwt-image-tool .wrap,
  .bdwt-font-conversion .fct-wrap,
  .bdwt-font-conversion .fct-hero,
  .bdwt-font-conversion .fct-tool-section,
  .bdwt-font-conversion section.fct-section {
    padding-left: var(--bdwt-mobile-page-padding) !important;
    padding-right: var(--bdwt-mobile-page-padding) !important;
  }
  .bdwt-image-tool .wrap,
  .bdwt-font-conversion .fct-wrap {
    min-width: 0;
  }

  /* Single post, News single, and legacy archive/category layouts. */
  .bdwt-sp-hero,
  .bdwt-sp-page,
  .bdwt-news-single .news-hero,
  .bdwt-news-single .featured-media,
  .bdwt-news-single .news-container,
  #bdwt-wp-page .wp-hero,
  #bdwt-wp-page .wp-page {
    padding-left: var(--bdwt-mobile-page-padding) !important;
    padding-right: var(--bdwt-mobile-page-padding) !important;
  }
}