/* VILLAGEWHEELS — SHARED HEADER & FOOTER STYLES */

.header { background: linear-gradient(90deg, #0d1a3d, #2f4fa2); padding: 15px 60px; position: sticky; top: 0; z-index: 1000; }
.nav-container { display: flex; justify-content: space-between; align-items: center; }
.nav-logo { font-size: 22px; font-weight: bold; color: white; }
.nav-menu { display: flex; align-items: center; }
.nav-menu a { color: white; text-decoration: none; margin-left: 25px; transition: 0.3s; }
.nav-menu a:hover { color: orange; }
.nav-menu a.active { color: orange; font-weight: 600; }
.nav-menu a.franchise-box:hover { color: orange; transform: scale(1.05); }
.franchise-box { display: inline-flex; align-items: center; gap: 10px; color: #2f4fa2 !important; background-color: white; padding: 10px 18px; border-radius: 24px; font-weight: 600; margin-left: 25px; }
.blink-dot { width: 12px; height: 12px; background-color: #00ff4c; border-radius: 50%; animation: blink 1s infinite; }
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.2} }
.menu-toggle { display: none; font-size: 28px; color: white; cursor: pointer; }
.close-btn { position: absolute; top: 15px; left: 15px; font-size: 26px; color: white; cursor: pointer; display: none; }
@media (max-width: 768px) {
  .header { padding: 15px 20px; }
  .menu-toggle { display: block; }
  .close-btn { display: block; }
  .nav-menu { position: fixed; top:0; right:0; height:100vh; width:260px; background:linear-gradient(180deg,#0d1a3d,#2f4fa2); flex-direction:column; padding:80px 20px; gap:20px; transform:translateX(100%); transition:transform 0.3s ease-in-out; z-index:1000; }
  .nav-menu.show { transform: translateX(0); }
  .nav-menu a { margin-left: 0; font-size: 16px; }
}

/* FOOTER */
.footer { background: #051d59; color: #ffffff; padding: 40px 20px; font-family: Arial, sans-serif; }
.footer-container { display: flex; justify-content: space-between; flex-wrap: wrap; }
.footer-column { flex: 1; min-width: 250px; margin: 10px; text-align: left; }
.footer-column h3 { margin-bottom: 15px; color: #ffffff; }
.footer a { color: #ffffff; text-decoration: none; transition: 0.3s; }
.footer a:hover { color: orange; }
.footer-column ul { list-style: none; padding: 0; }
.footer-column ul li { margin-bottom: 10px; }
.social-icons a { display: inline-block; margin-right: 12px; font-size: 18px; color: #ffffff; transition: 0.3s; }
.social-icons a i { color: #ffffff; transition: 0.3s; }
.social-icons a:hover i { color: orange; }
.footer-logo { margin-top: 20px; }
.footer-logo img { max-width: 300px; height: auto; display: block; }
.footer-column p { margin: 10px 0; display: flex; align-items: center; }
.footer-column i { margin-right: 10px; color: #ffffff; transition: 0.3s; }
.footer-column p:hover i { color: orange; }
@media (max-width: 900px) { .footer-container { flex-direction: column; } .footer-column { max-width: 100%; margin: 20px 0; } }
.footer-bottom { text-align: center; margin-top: 20px; border-top: 1px solid rgba(255,255,255,0.2); padding-top: 10px; }
.footer-bottom p { margin: 0; font-size: 12px; }