/*
 * MTG Platform
 * Copyright (c) 2026 Kevin Moseri
 * All rights reserved.
 */


@media (max-width: 1023px){
  .mtg-desktop-nav{display:none}
  .mtg-mobile-header-actions{display:flex}
  .mtg-hero-grid,.mtg-grid-4,.mtg-grid-3{grid-template-columns:1fr 1fr}
}
@media (max-width: 767px){
  .mtg-section{padding:32px 0}
  .mtg-container{width:min(100% - 24px,1180px)}
  .mtg-hero-grid,.mtg-grid-2,.mtg-grid-3,.mtg-grid-4,.mtg-footer-grid,.mtg-summary-grid{grid-template-columns:1fr}
  .mtg-confirm-shell{padding:22px 18px}
  .mtg-confirm-ref-box strong{font-size:1.65rem}
  .mtg-header-inner{min-height:74px}
  .mtg-brand-copy small{font-size:.82rem}
}

@media (max-width: 1023px){
  .mtg-tool-nav{display:none}
  .mtg-site-header--tool .mtg-mobile-header-actions{display:flex}
}


/* === v3.8.4 answers responsive === */
@media (max-width: 980px){
  .mtg-answers-grid{ grid-template-columns:1fr; }
  .mtg-answers-grid .mtg-answer-question{ min-height:0; }
  .mtg-cta-band{
    flex-direction:column;
    align-items:flex-start;
  }
  .mtg-cta-band .mtg-cta-actions{
    width:100%;
    justify-content:flex-start;
    margin-left:0;
  }
}
/* === /v3.8.4 answers responsive === */


@media (max-width: 900px){
  .mtg-access-block .mtg-grid-2,
  .mtg-section-with-eyebrows .mtg-grid-2{
    grid-template-columns:1fr;
  }
}


/* Mobile hardening pass: hero + planner + tables */
@media (max-width: 767px){
  .mtg-hero-copy h1{
    font-size: clamp(2.2rem, 10vw, 3.6rem) !important;
    line-height: 0.98 !important;
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  .mtg-hero-copy p{
    max-width: 100%;
  }

  .mtg-hero-copy .mtg-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
  }

  .mtg-hero-copy .mtg-actions .mtg-btn{
    width:100%;
    justify-content:center;
    text-align:center;
  }

  .mtg-hero-grid > :last-child,
  .mtg-teaser,
  .mtg-teaser-card,
  .mtg-hero-grid .mtg-card,
  .mtg-hero-grid .mtg-teaser-wrap{
    width:100%;
    max-width:100%;
  }

  .mtg-hero-grid .mtg-card{
    padding:22px 18px;
  }

  .mtg-slider-head{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }

  .mtg-slider-value{
    align-self:flex-end;
  }

  .mtg-corridor-table-shell{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .mtg-corridor-table,
  .mtg-table,
  .mtg-access-table{
    min-width:680px;
  }
}

@media (max-width: 480px){
  .mtg-hero-copy h1{
    font-size: clamp(2rem, 11vw, 3rem) !important;
  }

  .mtg-hero-grid{
    gap:20px !important;
  }

  .mtg-card{
    padding:20px 16px;
  }

  .mtg-corridor-table,
  .mtg-table,
  .mtg-access-table{
    min-width:620px;
  }
}



/* Footer responsive layers */
@media (max-width: 1023px){
  .mtg-footer-cta-inner{grid-template-columns:1fr}
  .mtg-footer-cta-actions{justify-content:flex-start}
  .mtg-footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 767px){
  .mtg-footer-cta-strip{padding:24px 0}
  .mtg-footer-cta-inner{gap:16px}
  .mtg-footer-cta-actions{display:flex;flex-direction:column;align-items:stretch}
  .mtg-footer-cta-actions .mtg-btn{width:100%;text-align:center;justify-content:center}
  .mtg-footer-grid{grid-template-columns:1fr;gap:18px;padding:28px 0}
  .mtg-footer-brand-text{max-width:none;font-size:.98rem}
  .mtg-footer-col h3{margin-bottom:10px}
  .mtg-footer-links li{margin-bottom:10px}
  .mtg-footer-bottom-inner{flex-direction:column;align-items:flex-start}
}


/* v3.10.7 mobile fixes: city pages */
@media (max-width: 767px){
  .mtg-mobile-header-actions{
    justify-content:flex-end;
    width:auto;
  }

  .mtg-access-block .mtg-grid-2,
  .mtg-access-grid,
  .mtg-section-with-eyebrows .mtg-grid-2{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .mtg-access-block h2,
  .mtg-section-with-eyebrows h2,
  .mtg-corridor-card h3,
  .mtg-corridor-note,
  .mtg-corridor-note p,
  .mtg-corridor-pill{
    overflow-wrap:anywhere;
    word-break:break-word;
  }

  .mtg-corridor-card,
  .mtg-access-block .mtg-card,
  .mtg-section-with-eyebrows .mtg-card{
    padding:20px 16px !important;
  }

  .mtg-corridor-table-shell{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .mtg-access-table,
  .mtg-table,
  .mtg-corridor-table{
    min-width:620px;
  }
}


/* v3.10.8 city/mobile hardening */
@media (max-width: 768px){
  .mtg-access-block .mtg-grid-2,
  .mtg-access-grid,
  .mtg-section-with-eyebrows .mtg-grid-2{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .mtg-access-block .mtg-card,
  .mtg-section-with-eyebrows .mtg-card,
  .mtg-corridor-card{
    width:100% !important;
    min-width:0 !important;
    padding:20px 16px !important;
  }

  .mtg-corridor-note,
  .mtg-corridor-note p,
  .mtg-corridor-pill,
  .mtg-access-block h2,
  .mtg-section-with-eyebrows h2,
  .mtg-corridor-card h3{
    overflow-wrap:anywhere;
    word-break:break-word;
  }

  .mtg-corridor-table-shell{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .mtg-corridor-table,
  .mtg-table,
  .mtg-access-table{
    min-width:620px;
  }
}


/* v3.10.9 city page final responsive lock */
@media (max-width: 900px){
  .mtg-grid-2,
  .mtg-grid-3,
  .mtg-grid-4,
  .mtg-summary-grid,
  .mtg-answers-grid,
  .mtg-access-grid,
  .mtg-access-block .mtg-grid-2,
  .mtg-section-with-eyebrows .mtg-grid-2,
  .mtg-city-grid,
  .mtg-parking-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .mtg-card,
  .mtg-box,
  .mtg-content-block,
  .mtg-access-block .mtg-card,
  .mtg-section-with-eyebrows .mtg-card,
  .mtg-corridor-card{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  .mtg-corridor-note,
  .mtg-corridor-note p,
  .mtg-corridor-pill,
  .mtg-access-block h2,
  .mtg-section-with-eyebrows h2,
  .mtg-corridor-card h3,
  .mtg-answer-question{
    overflow-wrap:anywhere;
    word-break:break-word;
  }

  .mtg-table,
  .mtg-access-table-wrap,
  .mtg-corridor-table-shell,
  .mtg-city-table-wrap,
  .mtg-permit-table-wrap{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
  }

  .mtg-table table,
  .mtg-access-table,
  .mtg-corridor-table,
  .mtg-city-table,
  .mtg-permit-table{
    min-width:620px !important;
    width:100%;
  }
}