/*
Theme Name: A1 Recovery Truck
Description: Simple theme for A1 Recovery Truck vehicle recovery.
Version: 1.1
Text Domain: a1-recovery
*/
:root{--a1-red:#d91e18;--a1-dark:#111827;--a1-grey:#4b5563;--a1-light:#f3f4f6;--a1-white:#ffffff;}
*{box-sizing:border-box;}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--a1-dark);line-height:1.6;background:var(--a1-white);}
a{color:var(--a1-red);}
.a1-container{max-width:1140px;margin:0 auto;padding:0 20px;}

/* Header */
.a1-header{background:var(--a1-dark);color:var(--a1-white);padding:14px 0;position:relative;z-index:100;}
.a1-bar{display:flex;flex-wrap:wrap;align-items:center;}
.a1-logo{font-size:20px;font-weight:bold;color:var(--a1-white);text-decoration:none;}
.a1-logo span{color:var(--a1-red);}
.a1-nav{margin-left:auto;margin-right:24px;}
.a1-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:22px;}
.a1-nav a{color:var(--a1-white);text-decoration:none;font-weight:bold;font-size:15px;}
.a1-nav a:hover{color:var(--a1-red);}
.a1-phone{background:var(--a1-red);color:var(--a1-white)!important;padding:10px 18px;border-radius:4px;text-decoration:none;font-weight:bold;font-size:15px;white-space:nowrap;}
.a1-toggle-input{display:none;}
.a1-toggle{display:none;}

/* Main */
.a1-main{min-height:60vh;padding:40px 0;}
.a1-main h1{font-size:34px;margin-top:0;}
.a1-entry{margin-bottom:40px;}

/* Footer */
.a1-footer{background:var(--a1-dark);color:#d1d5db;padding:40px 0;margin-top:40px;}
.a1-footer a{color:var(--a1-white);}
.a1-footer .a1-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;}
.a1-footer h3{color:var(--a1-white);font-size:18px;margin-top:0;}
.a1-copy{text-align:center;font-size:14px;margin-top:30px;border-top:1px solid #374151;padding-top:16px;}

/* Mobile menu: under 900px the menu becomes a tap-to-open panel */
@media(max-width:900px){
  .a1-bar{gap:12px;}
  .a1-nav{order:5;display:none;width:100%;margin:12px 0 0;}
  .a1-phone{margin-left:auto;order:2;font-size:14px;padding:9px 14px;}
  .a1-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:40px;padding:0 9px;cursor:pointer;order:3;border:1px solid #374151;border-radius:4px;}
  .a1-toggle span{display:block;height:2px;width:100%;background:var(--a1-white);transition:transform .2s ease,opacity .2s ease;}
  .a1-toggle-input:checked ~ .a1-nav{display:block;}
  .a1-nav ul{flex-direction:column;gap:0;border-top:1px solid #1f2937;}
  .a1-nav li{border-bottom:1px solid #1f2937;}
  .a1-nav a{display:block;padding:14px 4px;font-size:16px;}
}
@media(max-width:480px){
  .a1-phone{font-size:13px;padding:8px 11px;}
  .a1-logo{font-size:17px;}
}

@media(max-width:700px){.a1-main h1{font-size:26px}}