/*
Theme Name: Wrong Fuel Doctor Child
Theme URI: https://mattheww391.sg-host.com/
Description: Child theme for global header/footer.
Author: Codex
Template: hello-elementor
Version: 0.1
*/

/* Base tweaks */
body { margin: 0; }

/* CTA bar */
.wfd-cta-bar { background:#9ac90d; color:#111; font-weight:700; text-align:center; padding:10px 16px; font-family:"Roboto", sans-serif; }

/* Header */
.wfd-header { background:#111; color:#fff; padding:16px 20px; }
.wfd-header .wfd-header-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.wfd-logo img { max-height:64px; height:auto; width:auto; display:block; }
.wfd-nav { flex:1; }
.wfd-nav ul { list-style:none; margin:0; padding:0; display:flex; gap:20px; justify-content:center; align-items:center; flex-wrap:wrap; }
.wfd-nav a { color:#d5f16b; text-decoration:none; font-weight:700; letter-spacing:0.2px; }
.wfd-nav a:hover { color:#fff; }
.wfd-phone { display:flex; align-items:center; gap:10px; }
.wfd-phone a { background:#9ac90d; color:#111; font-weight:800; text-decoration:none; padding:10px 18px; border-radius:4px; display:inline-block; }
.wfd-phone a:hover { background:#b6e028; }

/* Footer */
.wfd-footer { background:#0f1114; color:#d6d6d6; padding:32px 20px 24px; font-family:"Roboto", sans-serif; }
.wfd-footer-inner { max-width:1200px; margin:0 auto; display:flex; flex-wrap:wrap; gap:24px; align-items:flex-start; justify-content:space-between; }
.wfd-footer .wfd-logo img { max-height:48px; }
.wfd-footer p { margin:6px 0; }
.wfd-footer a { color:#d5f16b; text-decoration:none; }
.wfd-footer a:hover { color:#fff; }
.wfd-footer .wfd-copy { margin-top:16px; font-size:14px; color:#9aa0a6; text-align:center; }

@media (max-width: 768px) {
  .wfd-header .wfd-header-inner { flex-direction:column; align-items:flex-start; }
  .wfd-nav ul { justify-content:flex-start; }
  .wfd-phone { width:100%; }
  .wfd-phone a { width:100%; text-align:center; }
}