/*
 Theme Name:   Metro Air Refresh (MiCar Child)
 Theme URI:    https://metroair.biz
 Description:  Polished, conservative refresh of the MiCar theme for Metro Air — fonts, accessible CTAs, sticky mobile click-to-call. Child of micar1.4.
 Author:       WestShore Web
 Template:     micar1.4
 Version:      1.3.0
 Text Domain:  micar-refresh
*/

/* =========================================================
   Design tokens
   ========================================================= */
:root{
  --ma-blue:#0B3C5D;    --ma-blue-mid:#1F6FA5;
  --ma-orange:#F4791F;  --ma-orange-deep:#D9650E;
  --ma-ink:#1A2227;     --ma-mist:#D7E2EA;
  --ma-font-head:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --ma-font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --ma-radius:8px;      --ma-shadow:0 6px 20px rgba(11,60,93,.12);
  --ma-callbar-h:58px;
}

/* =========================================================
   Typography — font family ONLY. No global color or size
   overrides (those broke headings on colored sections).
   ========================================================= */
body{ font-family:var(--ma-font-body); -webkit-font-smoothing:antialiased; }
h1,h2,h3,h4,h5,h6{ font-family:var(--ma-font-head); }
a:hover{ color:var(--ma-orange-deep); }

/* =========================================================
   "Now Hiring" announcement bar — tidy the text size/spacing.
   It is an <h3> inside the top yellow WPBakery row.
   ========================================================= */
.vc_custom_1641518207631{ padding:10px 16px !important; }
.vc_custom_1641518207631 h3{
  font-size:16px; line-height:1.45; font-weight:500; margin:0;
}
.vc_custom_1641518207631 h3 strong{ font-weight:700; }
.vc_custom_1641518207631 a{ text-decoration:underline; }
@media (min-width:1025px){
  .vc_custom_1641518207631 h3{ font-size:17px; }
}

/* =========================================================
   Hide ONLY the dead WooCommerce shop button (Woo removed)
   ========================================================= */
.shop-button{ display:none !important; }

/* =========================================================
   City landing pages: drop the theme's duplicate page-title H2
   (the content already provides a keyword-rich H1)
   ========================================================= */
.ma-landing .titlte-page-default{ display:none; }
.ma-landing .entry-content, .ma-landing .page-content{ max-width:920px; }
.ma-landing .entry-content h2{ margin-top:1.4em; }

/* =========================================================
   CTA styling — scoped to the estimate form submit + explicit
   .ma-btn helpers ONLY. We do NOT recolor theme/WPBakery buttons.
   ========================================================= */
.wpcf7-submit, a.ma-btn, .ma-btn{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:48px; padding:14px 28px;
  font-family:var(--ma-font-head); font-size:17px; font-weight:600; line-height:1;
  background:var(--ma-orange); color:var(--ma-ink);
  border:0; border-radius:var(--ma-radius); text-decoration:none;
  box-shadow:var(--ma-shadow); transition:transform .18s ease, background .18s ease; cursor:pointer;
}
.wpcf7-submit:hover, .ma-btn:hover{
  background:var(--ma-orange-deep); color:#fff; transform:translateY(-2px);
}

/* Estimate form fields: cleaner, consistent inputs */
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"],
.wpcf7 textarea, .wpcf7 select{
  border:1px solid var(--ma-mist); border-radius:var(--ma-radius);
  padding:12px 14px; font-family:var(--ma-font-body); font-size:16px;
}
.wpcf7 input:focus, .wpcf7 textarea:focus, .wpcf7 select:focus{
  outline:2px solid var(--ma-blue-mid); outline-offset:1px;
}

/* =========================================================
   Sticky mobile click-to-call bar (<=768 only)
   ========================================================= */
.ma-callbar{ display:none; }
@media (max-width:768px){
  .ma-callbar{
    display:flex; position:fixed; left:0; right:0; bottom:0; z-index:1000;
    height:var(--ma-callbar-h); padding-bottom:env(safe-area-inset-bottom);
    box-shadow:0 -2px 12px rgba(0,0,0,.18);
  }
  .ma-callbar a{
    flex:1; display:flex; align-items:center; justify-content:center; gap:8px;
    font-family:var(--ma-font-head); font-weight:700; font-size:16px; text-decoration:none;
  }
  .ma-callbar__call{ background:var(--ma-orange); color:var(--ma-ink); }
  .ma-callbar__req{ background:var(--ma-blue); color:#fff; }
  body{ padding-bottom:calc(var(--ma-callbar-h) + env(safe-area-inset-bottom)); }
}