/*
Theme Name: LCF Theme
Theme URI: https://lcf-lb.com
Description: LCF Company Professional Freight & Logistics Theme
Version: 4.1
Author: TechBoiL
Author URI: https://techboil.com
*/

html { scroll-behavior: smooth; }

::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #faf8f5; }
::-webkit-scrollbar-thumb { background: #1e40af; border-radius: 99px; }

/* Mobile menu — FIX: was opacity:0 only, still took up layout space inside fixed header */
#mobile-menu {
  display: none;
}
#mobile-menu.open {
  display: block;
  animation: menuOpen 0.22s ease forwards;
}
@keyframes menuOpen {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Hero — solid dark navy */
.hero-gradient {
  background: #0a1d38;
}

/* Service tag chips */
.stag {
  display: inline-block;
  background: #eff6ff; color: #1d4ed8;
  font-size: 12px; font-weight: 500;
  padding: 3px 11px; border-radius: 999px;
  border: 1px solid #bfdbfe; margin: 2px 2px 2px 0;
}

/* Form inputs */
.lcf-input {
  width: 100%;
  border: 1.5px solid #e2e8f0;
  border-radius: 10px;
  padding: 11px 14px;
  font-size: 16px; /* 16px prevents iOS auto-zoom on focus */
  background: #fff;
  color: #1e293b;
  transition: border-color 0.2s, box-shadow 0.2s;
  font-family: 'Inter', sans-serif;
  -webkit-appearance: none;
  appearance: none;
}
.lcf-input:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37,99,235,0.1);
}
.lcf-input::placeholder { color: #94a3b8; }
select.lcf-input { cursor: pointer; background-image: url(data:image/svg+xml,%3Csvg xmlns=http://www.w3.org/2000/svg width=12 height=8 viewBox=0 0 12 8%3E%3Cpath d=M1 1l5 5 5-5 stroke=%2394a3b8 stroke-width=1.5 fill=none stroke-linecap=round/%3E%3C/svg%3E); background-repeat: no-repeat; background-position: right 14px center; padding-right: 36px; }

/* Hover card lift */
.card-hover {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(15,39,68,0.10);
}

/* Section divider */
.section-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, #d6cfc6, transparent);
}

/* Animated footer links */
.animated-link { position: relative; display: inline-block; }
.animated-link::after {
  content: ''; position: absolute; bottom: -2px; left: 0;
  width: 0; height: 2px; background: #2563eb; transition: width 0.25s ease;
}
.animated-link:hover::after { width: 100%; }

/* Service quick nav — hide scrollbar on mobile but keep scrollable */
.service-nav-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.service-nav-scroll::-webkit-scrollbar { display: none; }

/* Mobile: ensure no horizontal overflow on any page */
html, body { overflow-x: hidden; max-width: 100%; }

/* Mobile tap highlight */
a, button { -webkit-tap-highlight-color: rgba(37,99,235,0.1); }