/*
Theme Name: Alpha Delivery
Theme URI: https://goalphadelivery.com
Author: Alpha Delivery
Description: Alpha Delivery - Kuwait courier & logistics theme with live booking, tracking, and contact form. Fully compatible with Elementor.
Version: 1.0.0
Text Domain: alpha-delivery
*/

*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:'Segoe UI', sans-serif;overflow-x:hidden;}
.container{width:100%;max-width:1140px;margin:0 auto;padding:0 12px}
.row{display:flex;flex-wrap:wrap;margin:0 -12px}
.row>*{padding:0 12px;width:100%}
.align-items-center{align-items:center}
.text-center{text-align:center}
.text-white{color:#fff!important}
.fw-bold{font-weight:700!important}
.bg-light{background:#f8f9fa!important}
.sticky-top{position:sticky;top:0;z-index:1020}
.lead{font-size:1.25rem;font-weight:300}
.py-5{padding-top:3rem!important;padding-bottom:3rem!important}
.mt-4{margin-top:1.5rem!important}
.mt-5{margin-top:3rem!important}
.mb-0{margin-bottom:0!important}
.mb-3{margin-bottom:1rem!important}
.mb-4{margin-bottom:1.5rem!important}
.mb-5{margin-bottom:3rem!important}
.me-3{margin-right:1rem!important}
.ms-auto{margin-left:auto!important}
.g-4{row-gap:1.5rem}
.g-4>*{padding-top:0;padding-bottom:0}
.navbar{position:relative;display:flex;align-items:center;padding:.5rem 0;background:var(--primary)}
.navbar>.container{display:flex;align-items:center;flex-wrap:wrap}
.navbar-brand{text-decoration:none;white-space:nowrap;font-weight:700;font-size:24px;color:var(--secondary)!important;display:flex;align-items:center;gap:12px}
.navbar-nav{display:flex;flex-direction:row;list-style:none;margin:0;padding:0}
.nav-link{display:block;text-decoration:none;color:#fff!important;margin-left:15px;font-weight:500}
.navbar-collapse{display:flex;align-items:center;flex-basis:auto;flex-grow:1}
.navbar-toggler{display:none;background:transparent;border:1px solid rgba(255,255,255,.45);border-radius:4px;padding:6px 10px}
.navbar-toggler-icon{display:block;width:22px;height:18px;background:linear-gradient(#fff,#fff) top/100% 2px no-repeat,linear-gradient(#fff,#fff) center/100% 2px no-repeat,linear-gradient(#fff,#fff) bottom/100% 2px no-repeat}
.btn{display:inline-block;text-decoration:none;text-align:center;vertical-align:middle;cursor:pointer;border-radius:6px;line-height:1.5}
.btn-outline-light{color:#fff;border:1px solid #fff;background:transparent;padding:12px 28px;font-weight:700}
.btn-outline-light:hover{background:#fff;color:var(--primary)}
.btn-alpha{background:var(--secondary);color:var(--primary);font-weight:700;padding:12px 28px;border:none}
.btn-alpha:hover{background:#fff;color:var(--primary)}
.form-control{display:block;width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5;color:#212529;background:#fff;border:1px solid #ced4da;border-radius:6px}
textarea.form-control{min-height:120px}
h1,h2,h4,h5,p{margin-top:0}
p{margin-bottom:1rem}
.section-title{color:var(--primary);font-weight:800;margin-bottom:14px}
@media (min-width:768px){.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}}
@media (min-width:992px){.col-lg-3{flex:0 0 auto;width:25%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.ms-lg-4{margin-left:1.5rem!important}}
@media (max-width:991px){.navbar>.container{align-items:flex-start}.navbar-toggler{display:block;margin-left:auto}.navbar-collapse{display:flex;flex-basis:100%;margin-top:14px}.navbar-nav{flex-direction:column;width:100%;gap:10px}.navbar .btn-alpha{margin-top:12px}.nav-link{margin-left:0!important}}
@media (max-width:767px){.col-md-2,.col-md-3,.col-md-4{margin-bottom:1rem}.lead{font-size:1.08rem}}

:root{
--primary:#012C62;
--secondary:#FFD01C;
--light:#FFFFFF;
--grey:#E5E7EB;
}

.hero{
background:linear-gradient(90deg, rgba(1,44,98,.93) 0%, rgba(1,44,98,.82) 48%, rgba(1,44,98,.25) 100%), var(--primary);
background-size:cover;
background-position:center bottom;
padding:96px 0;
color:#fff;
}
.hero h1{font-size:2.9rem;font-weight:800;}
@media (max-width:767px){.hero h1{font-size:2.1rem}}

.payment-card{margin-top:18px;border:1px solid #D8DEE8;background:white;border-radius:8px;padding:18px;}
.payment-card h4{color:var(--primary);font-size:1.05rem;font-weight:800;margin:0 0 8px;}
.payment-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.payment-amount{font-size:1.35rem;font-weight:800;color:var(--primary);}
.payment-note{font-size:.95rem;color:#5B6675;margin:0;}
.fee-estimate{display:none;margin-top:10px;padding:12px;border:1px solid #D8DEE8;border-radius:8px;background:#F3F7FC;color:#243247;font-size:.95rem;}
.fee-estimate strong{display:block;color:var(--primary);font-size:1.05rem;margin-bottom:2px;}
.btn-disabled{opacity:.65;cursor:not-allowed;}
.form-control::placeholder{color:#8A94A6;opacity:1;}
.booking-section{background:#f8f9fa;}
.booking-panel,.tracking-panel,.ops-panel{background:white;border:1px solid #D8DEE8;border-radius:8px;box-shadow:0 8px 24px rgba(1,44,98,.08);padding:28px;height:100%;}
.booking-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.form-block h3,.tracking-panel h3,.ops-panel h3{color:var(--primary);font-size:1.35rem;font-weight:800;margin-bottom:20px;}
.form-label{display:block;color:var(--primary);font-weight:700;margin-bottom:8px;}
.booking-result,.tracking-result,.ops-result{display:none;margin-top:22px;border-left:5px solid var(--secondary);background:#F3F7FC;padding:18px;border-radius:6px;}
.tracking-number{font-size:2rem;font-weight:800;color:var(--primary);letter-spacing:0;margin:4px 0 0;}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.timeline{list-style:none;padding:0;margin:18px 0 0;}
.timeline li{position:relative;padding:0 0 18px 28px;border-left:2px solid #D8DEE8;}
.timeline li::before{content:"";position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--secondary);border:2px solid var(--primary);}
.timeline li:last-child{border-left-color:transparent;padding-bottom:0;}
.timeline strong{display:block;color:var(--primary);}
.muted-text{color:#5B6675;}
.status-pill{display:inline-block;background:var(--primary);color:white;border-radius:999px;padding:6px 12px;font-weight:700;}
@media (max-width: 767px){.booking-grid,.mini-grid{grid-template-columns:1fr;}.booking-panel,.tracking-panel,.ops-panel{padding:22px;}.tracking-number{font-size:1.55rem;}}
.highlight{color:var(--secondary);}

.contact-section h5{color:var(--primary);margin-bottom:2px;}
.footer{background:var(--primary);color:#fff;padding:40px 0;}
.footer-logo{height:60px;margin-bottom:14px;}

.alpha-msg{padding:14px 18px;border-radius:6px;margin-bottom:16px;font-weight:600;}
.alpha-msg.success{background:#E7F6EC;color:#146C2E;border:1px solid #B7E4C7;}
.alpha-msg.error{background:#FCEAEA;color:#B3261E;border:1px solid #F3B7B3;}
.alpha-spinner{display:none;}
