/*
Theme Name: Lancaster Logistics
Theme URI: https://lancasterlogistics.delivery
Author: Lancaster Logistics (Grok-assisted custom development)
Description: A clean, modern, professional WordPress theme tailored for Lancaster Logistics — global freight forwarding, supply chain solutions, and specialized IATA-compliant pet transport. Features responsive design, animated stats, interactive shipment tracking demo, working quote request form, prominent pet delivery section, and easy customization. Perfect for logistics businesses focused on reliability, international shipping, and animal welfare.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lancaster-logistics
Tags: logistics, shipping, pet-transport, freight, professional, responsive, custom-theme
*/

/* Base custom styles (Tailwind CDN handles most layout via classes in templates) */
:root {
  --primary: #1e3a5f;
  --accent: #f97316;
  --success: #10b981;
  --gray: #64748b;
}

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #1f2937;
  line-height: 1.6;
}

.ll-container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Professional card styling */
.ll-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ll-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

/* Stat counter */
.ll-stat-number {
  font-variant-numeric: tabular-nums;
}

/* Tracking timeline */
.ll-timeline {
  position: relative;
}

.ll-timeline::before {
  content: '';
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #e5e7eb;
}

.ll-timeline-step {
  position: relative;
  padding-left: 48px;
}

.ll-timeline-step::before {
  content: '';
  position: absolute;
  left: 7px;
  top: 6px;
  width: 18px;
  height: 18px;
  background: white;
  border: 3px solid var(--primary);
  border-radius: 9999px;
  z-index: 1;
}

.ll-timeline-step.completed::before {
  background: var(--success);
  border-color: var(--success);
}

/* Form styling */
.ll-form input, .ll-form select, .ll-form textarea {
  transition: border-color 0.2s, box-shadow 0.2s;
}

.ll-form input:focus, .ll-form select:focus, .ll-form textarea:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.1);
}

/* Pet highlight section */
.pet-badge {
  background: linear-gradient(135deg, #10b981, #059669);
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .ll-hero h1 {
    font-size: 2.25rem !important;
  }
}