/*
Theme Name: Vegas Mobile Auto Repairs
Theme URI: https://vegasmobileautorepairs.com/
Author: Vegas Mobile Auto Repairs
Description: Professional WordPress theme for a mobile mechanic and auto repair business.
Version: 2.1.0
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 8.1
Text Domain: vegas-mobile-auto-repairs
*/

:root{
  --mm-bg:#ffffff;
  --mm-surface:#ffffff;
  --mm-ink:#111111;
  --mm-muted:#5b6472;
  --mm-border:#e6e8ee;
  --mm-soft:#f7f8fa;
  --mm-red:#d72638;
  --mm-blue:#1d4ed8;
  --mm-shadow:0 14px 36px rgba(17,17,17,.08);
  --mm-radius:20px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--mm-bg);
  color:var(--mm-ink);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  line-height:1.7;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;width:auto;height:auto;display:block}
a{color:var(--mm-blue);text-decoration:none}
a:hover{text-decoration:underline}

.wp-site-blocks{background:var(--mm-bg)}
.wp-block-post-title,.wp-block-site-title,h1,h2,h3,h4{
  letter-spacing:-0.03em;
  line-height:1.08;
}

/* Header */
header.wp-block-template-part{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--mm-border)}
header.wp-block-template-part .wp-block-group{max-width:1120px;margin:0 auto}
header .wp-block-site-title a{color:var(--mm-ink)}
header .wp-block-navigation a{color:var(--mm-ink);font-weight:600}
header .wp-block-navigation__container{gap:18px}
header .wp-block-button__link{padding:11px 16px}

/* Footer */
footer.wp-block-template-part{border-top:1px solid var(--mm-border);background:#fafbfc}
footer.wp-block-template-part .wp-block-group{max-width:1120px;margin:0 auto}

/* Buttons */
.wp-block-button__link{
  border-radius:999px !important;
  box-shadow:none;
  font-weight:700;
  padding:14px 20px;
  transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}
.wp-block-button__link:hover{transform:translateY(-1px);text-decoration:none;box-shadow:0 10px 20px rgba(17,17,17,.12)}
.has-red-background-color{background:var(--mm-red) !important}
.has-blue-background-color{background:var(--mm-blue) !important}
.has-black-background-color{background:#111 !important}

/* Media */
figure.wp-block-image,
.wp-block-post-content .wp-block-image,
.wp-block-media-text__media,
.wp-block-cover{
  max-width:100%;
  width:100%;
  overflow:hidden;
}
figure.wp-block-image{
  margin:26px auto;
}
figure.wp-block-image img,
.wp-block-post-content .wp-block-image img,
.wp-block-media-text__media img{
  width:100%;
  height:auto;
  display:block;
}
figure.wp-block-image img{
  border-radius:var(--mm-radius);
  box-shadow:var(--mm-shadow);
  border:1px solid rgba(17,17,17,.05);
}
.wp-block-cover__image-background{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Cards / sections */
.mm-hero,
.mm-panel,
.mm-card,
.mm-faq,
.mm-contact,
.mm-service-card{
  background:var(--mm-surface);
  border:1px solid var(--mm-border);
  border-radius:var(--mm-radius);
  box-shadow:var(--mm-shadow);
}
.mm-hero{padding:56px 28px; text-align:center}
.mm-section{padding:28px 0}
.mm-section-title{margin:0 0 10px}
.mm-kicker{display:inline-block;color:var(--mm-red);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;margin-bottom:14px}
.mm-lead{color:var(--mm-muted);font-size:1.06rem;max-width:60ch;margin:0 auto}
.mm-contact,.mm-panel{padding:24px}
.mm-service-card,.mm-faq-item{padding:24px}
.mm-service-card + .mm-service-card,.mm-faq-item + .mm-faq-item{margin-top:14px}
.mm-service-name{margin:.1rem 0 .25rem}
.mm-service-name a{color:var(--mm-ink)}
.mm-service-desc,.mm-panel p,.mm-panel li,.mm-faq-q + p{color:var(--mm-muted)}
.mm-badge-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}
.mm-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--mm-border);background:var(--mm-soft);font-size:.92rem;font-weight:600;color:var(--mm-ink)}
.mm-badge strong{color:var(--mm-red)}
.mm-service-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:14px;
}
.mm-service-grid .mm-service-card{
  margin-top:0;
}
.mm-service-grid .mm-service-card img{
  aspect-ratio:4/3;
  object-fit:cover;
}
.mm-panel ol{padding-left:1.2rem}
.mm-panel ol li{margin:.35rem 0}

/* Lists */
ul{padding-left:1.2rem}
li{margin:.3rem 0}

/* Common page spacing */
main.wp-block-group.alignfull{padding-left:24px;padding-right:24px}
main.wp-block-group.alignfull > .wp-block-group,
main.wp-block-group.alignfull > .wp-block-columns,
main.wp-block-group.alignfull > .wp-block-quote,
main.wp-block-group.alignfull > .wp-block-separator,
main.wp-block-group.alignfull > .wp-block-cover,
main.wp-block-group.alignfull > .wp-block-buttons,
main.wp-block-group.alignfull > .wp-block-heading,
main.wp-block-group.alignfull > .wp-block-paragraph,
main.wp-block-group.alignfull > .wp-block-html,
main.wp-block-group.alignfull > .wp-block-list{
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
}

/* Forms */
input,textarea,select{border:1px solid var(--mm-border);border-radius:12px;padding:12px 14px;font:inherit}

@media (max-width: 900px){
  .mm-service-grid{grid-template-columns:1fr}
  .mm-service-grid .mm-service-card img{aspect-ratio:16/10}
  .mm-hero{padding:40px 18px}
  .mm-section{padding:22px 0}
  .mm-contact,.mm-panel,.mm-service-card{padding:20px}
  main.wp-block-group.alignfull{padding-left:18px;padding-right:18px}
  header .wp-block-group{gap:10px}
  header .wp-block-navigation__container{gap:12px;flex-wrap:wrap}
}

@media (max-width: 600px){
  .mm-hero{padding:30px 14px}
  .mm-lead{font-size:1rem}
  .wp-block-button__link{width:100%;justify-content:center}
  .mm-badge-row{justify-content:flex-start}
  .mm-service-grid{gap:14px}
  .mm-service-card,.mm-contact,.mm-panel{padding:18px}
  figure.wp-block-image{margin:18px auto}
  .mm-hero h1{font-size:clamp(2rem,8vw,3rem)}
  main img,
  .wp-site-blocks .wp-block-image img,
  .wp-site-blocks .wp-block-media-text__media img{
    width:100%;
    max-width:100%;
    height:auto;
  }
  figure.wp-block-image,
  .wp-site-blocks .wp-block-media-text__media,
  .mm-service-card figure.wp-block-image{
    max-height:180px;
    overflow:hidden;
  }
  figure.wp-block-image img,
  .mm-service-card img,
  .wp-block-media-text__media img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
  }
  .wp-block-cover__image-background{
    object-fit:cover;
    object-position:center;
  }
  .page-id-5 figure.wp-block-image,
  .page-id-5 .mm-service-card figure.wp-block-image{
    max-height:180px;
  }
  header.wp-block-template-part .wp-block-group{
    padding-left:14px;
    padding-right:14px;
  }
  .wp-block-navigation__responsive-container.is-menu-open{
    padding:18px 14px 24px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
    align-items:center;
    width:100%;
    padding-top:16px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list{
    width:100%;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{
    width:100%;
    justify-content:center;
    text-align:center;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{
    position:static;
    width:100%;
    min-width:0;
    padding-left:0;
    padding-right:0;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
    padding-left:0;
    padding-right:0;
  }
}