/* ============================================================================
   AZM MARITIME — Custom Local Enhancements & Background Fallbacks
   ========================================================================== */

/* Alpine.js cloak fix */
[x-cloak] {
  display: none !important;
}

/* Smooth Scrolling & Typography */
html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Cairo', system-ui, -apple-system, sans-serif !important;
  background-color: #F4F7F9;
  color: #1f2937;
  line-height: 1.6;
}

/* Hero Section Background Fallback */
.hero-bg {
  background: linear-gradient(135deg, #220d07 0%, #0B1F33 50%, #0E5A7A 100%) !important;
}

/* Featured Service Card Gradient (Customs Clearance 01) */
#customs {
  background: linear-gradient(135deg, #0B1F33 0%, #132e48 100%) !important;
}

/* Input & Form Element Focus Effects */
input[type="text"], 
input[type="email"], 
select, 
textarea {
  color: #111827 !important;
  background-color: #ffffff !important;
  border: 1px solid #d1d5db !important;
  font-family: 'Cairo', sans-serif !important;
}

input:focus, select:focus, textarea:focus {
  border-color: #159A9C !important;
  box-shadow: 0 0 0 3px rgba(21, 154, 156, 0.20) !important;
}

input::placeholder, textarea::placeholder {
  color: #9ca3af !important;
}

/* Icon Sizing & Display Harmony */
.bi {
  display: inline-block;
  vertical-align: middle;
}