/* Blue Sky Courier — sitewide full-width responsive pass 2026-09-05 v2
   Presentation-only overrides. No business logic, API, DB, tracking or form behavior changed. */

*{box-sizing:border-box}
html,body{width:100%;max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%}

/* Desktop: use the screen instead of a narrow centered column. */
@media (min-width:1100px){
  .container,
  .page,
  .admin-page,
  .seo-wrap,
  .header-inner,
  .page > .container,
  .admin-page > .container,
  main.container,
  main > .container,
  section > .container,
  footer > .container,
  header > .container,
  .site-header > .container,
  .site-footer > .container,
  .bsc-contact-bar > .container,
  .bsc-contact-bar-inner{
    width:calc(100% - 40px)!important;
    max-width:1760px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Custom page shells that previously stayed narrow. */
  .quote-shell,
  .contact-layout,
  .form-layout,
  .dashboard-shell,
  .content-shell,
  .page-shell,
  .main-shell,
  .admin-shell,
  .login-container,
  .customer-shell,
  .wrap{
    width:calc(100% - 40px)!important;
    max-width:1760px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Dashboard/admin data areas should visibly use the extra width. */
  .table-wrap,
  .tracking-alerts-panel,
  .tracking-overview,
  .dashboard-quick-actions,
  .quick-grid,
  .dash-toolbar,
  .activity-alert{
    width:100%!important;
    max-width:none!important;
  }

  /* Public content grids remain readable but occupy the available shell. */
  .cards,.services-grid,.features-grid,.contact-grid,.two-col,.quote-shell,
  .footer-grid,.stats,.tracking-stats,.alert-summary{
    max-width:none!important;
  }

  /* SEO location pages had their own 1600px wrapper; make it truly fluid. */
  .seo-wrap{width:calc(100% - 40px)!important}
}

/* Large desktop: slightly tighter gutters for a true full-width feel. */
@media (min-width:1500px){
  .container,.page,.admin-page,.seo-wrap,.header-inner,
  .page > .container,.admin-page > .container,
  main.container,main > .container,section > .container,
  footer > .container,header > .container,.site-header > .container,.site-footer > .container,
  .bsc-contact-bar > .container,.bsc-contact-bar-inner,
  .quote-shell,.contact-layout,.form-layout,.dashboard-shell,.content-shell,.page-shell,.main-shell,.admin-shell,.login-container,.customer-shell,.wrap{
    width:calc(100% - 32px)!important;
  }
}

/* Laptop/tablet: fluid layout with safe gutters. */
@media (min-width:761px) and (max-width:1099px){
  .container,.page,.admin-page,.seo-wrap,.header-inner,.page > .container,.admin-page > .container,
  main.container,main > .container,section > .container,footer > .container,header > .container,
  .bsc-contact-bar-inner,.quote-shell,.contact-layout,.form-layout,.wrap{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Mobile: one-column safe layout; only tables may scroll inside their own box. */
@media (max-width:760px){
  .container,.page,.admin-page,.seo-wrap,.header-inner,.page > .container,.admin-page > .container,
  main.container,main > .container,section > .container,footer > .container,header > .container,
  .bsc-contact-bar-inner,.quote-shell,.contact-layout,.form-layout,.wrap{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }

  .grid,.grid.grid-2,.grid.grid-3,.grid.grid-4,
  .cards,.services-grid,.features-grid,.two-col,.contact-layout,
  .quote-shell,.tracking-stats,.alert-summary,.dashboard-quick-actions,.quick-grid{
    grid-template-columns:1fr!important;
  }

  .table-wrap,.box-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .table-wrap table,.box-table-wrap table{min-width:620px}
  input,select,textarea{width:100%;min-width:0;font-size:16px}
  .btn,a.btn,button{min-height:44px}
}

@media (max-width:430px){
  .container,.page,.admin-page,.seo-wrap,.header-inner,.page > .container,.admin-page > .container,
  main.container,main > .container,section > .container,footer > .container,header > .container,
  .bsc-contact-bar-inner,.quote-shell,.contact-layout,.form-layout,.wrap{
    padding-left:11px!important;
    padding-right:11px!important;
  }
}

@media print{
  /* Preserve printable invoices/labels/POD proportions. */
  .container,.wrap{width:auto!important;max-width:100%!important;padding:0!important}
}