/*
Theme Name: Ocean Via Logistics
Theme URI: https://oceanvialogistics.com/
Author: OpenAI
Description: Stunning blue courier and logistics WordPress theme with built-in shipment tracking and backend shipment management.
Version: 1.1.0
Text Domain: ocean-via-logistics
*/

:root{
  --ovl-navy:#061a3a;
  --ovl-blue:#0878ff;
  --ovl-blue2:#00a6ff;
  --ovl-cyan:#58d7ff;
  --ovl-bg:#f4f8ff;
  --ovl-text:#13233c;
  --ovl-muted:#6f8098;
  --ovl-white:#fff;
  --ovl-border:#dce7f6;
  --ovl-success:#12b76a;
  --ovl-shadow:0 22px 60px rgba(7,38,91,.15);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ovl-text);background:var(--ovl-white);line-height:1.6}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
.ovl-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.ovl-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(9,73,153,.08)}
.ovl-nav{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:26px}
.ovl-brand{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--ovl-navy);letter-spacing:-.03em;font-size:20px}
.ovl-logo-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--ovl-blue),var(--ovl-cyan));display:grid;place-items:center;color:#fff;box-shadow:0 10px 25px rgba(8,120,255,.28);font-weight:900}
.ovl-menu{display:flex;gap:26px;align-items:center;color:#40526d;font-weight:700;font-size:14px}
.ovl-menu a:hover{color:var(--ovl-blue)}
.ovl-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:13px 20px;background:linear-gradient(135deg,var(--ovl-blue),#0563d9);color:#fff;font-weight:800;box-shadow:0 10px 24px rgba(8,120,255,.23);border:0;cursor:pointer;transition:.2s}
.ovl-btn:hover{transform:translateY(-1px);box-shadow:0 15px 30px rgba(8,120,255,.3)}
.ovl-btn-light{background:#fff;color:var(--ovl-blue);box-shadow:none}
.ovl-hero{position:relative;overflow:hidden;background:
radial-gradient(circle at 85% 15%,rgba(88,215,255,.35),transparent 28%),
radial-gradient(circle at 65% 90%,rgba(8,120,255,.2),transparent 35%),
linear-gradient(135deg,#031735,#063676 58%,#0878ff);color:#fff;padding:92px 0 84px}
.ovl-hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-110px;top:-200px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018)}
.ovl-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;position:relative;z-index:1}
.ovl-kicker{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.09);border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ovl-hero h1{font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-.055em;margin:20px 0 22px}
.ovl-hero p{font-size:18px;color:#d8e9ff;max-width:650px}
.ovl-tracking-box{margin-top:34px;background:#fff;border-radius:18px;padding:10px;display:flex;gap:10px;box-shadow:0 25px 60px rgba(0,0,0,.23);max-width:650px}
.ovl-tracking-box input{flex:1;border:0;outline:0;padding:14px 16px;font-size:16px;color:#182942;min-width:0}
.ovl-tracking-box button{white-space:nowrap}
.ovl-hero-card{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.2);border-radius:26px;padding:28px;backdrop-filter:blur(18px);box-shadow:0 28px 70px rgba(1,13,33,.28)}
.ovl-route-line{height:5px;background:rgba(255,255,255,.18);border-radius:99px;margin:35px 0;position:relative}
.ovl-route-line:before{content:"";position:absolute;left:0;top:0;height:100%;width:74%;background:linear-gradient(90deg,#5ce1ff,#fff);border-radius:99px}
.ovl-route-points{display:flex;justify-content:space-between;gap:15px}
.ovl-route-points strong{display:block;font-size:17px}
.ovl-route-points span{font-size:12px;color:#cfe3ff}
.ovl-section{padding:84px 0}
.ovl-section-alt{background:var(--ovl-bg)}
.ovl-center{text-align:center}
.ovl-eyebrow{color:var(--ovl-blue);font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.ovl-section h2{font-size:clamp(31px,4vw,48px);line-height:1.08;letter-spacing:-.04em;margin:12px 0 18px;color:var(--ovl-navy)}
.ovl-lead{max-width:720px;color:var(--ovl-muted);margin-left:auto;margin-right:auto}
.ovl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.ovl-card{background:#fff;border:1px solid var(--ovl-border);border-radius:20px;padding:28px;box-shadow:0 10px 30px rgba(20,54,96,.06)}
.ovl-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#e7f3ff,#d8f8ff);color:var(--ovl-blue);font-size:22px;font-weight:900;margin-bottom:20px}
.ovl-card h3{margin:0 0 9px;color:var(--ovl-navy);font-size:20px}
.ovl-card p{margin:0;color:var(--ovl-muted)}
.ovl-track-page{min-height:70vh;background:var(--ovl-bg);padding:70px 0}
.ovl-track-shell{max-width:920px;margin:0 auto}
.ovl-track-search{background:#fff;border:1px solid var(--ovl-border);border-radius:22px;padding:28px;box-shadow:var(--ovl-shadow)}
.ovl-track-search form{display:flex;gap:12px}
.ovl-track-search input{flex:1;padding:15px 16px;border:1px solid #cfddef;border-radius:12px;font-size:16px;outline:none}
.ovl-track-search input:focus{border-color:var(--ovl-blue);box-shadow:0 0 0 3px rgba(8,120,255,.1)}
.ovl-result{margin-top:25px;background:#fff;border:1px solid var(--ovl-border);border-radius:22px;overflow:hidden;box-shadow:var(--ovl-shadow)}
.ovl-result-top{padding:28px;color:#fff;background:linear-gradient(135deg,var(--ovl-navy),#0856bd)}
.ovl-result-top-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.ovl-status{display:inline-block;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.15);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.ovl-result-body{padding:28px}
.ovl-details{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 30px}
.ovl-detail{padding-bottom:16px;border-bottom:1px solid #edf2f8}
.ovl-detail small{display:block;color:var(--ovl-muted);font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.08em}
.ovl-detail strong{display:block;margin-top:5px;color:var(--ovl-navy)}
.ovl-timeline{margin-top:34px;position:relative}
.ovl-event{display:grid;grid-template-columns:24px 1fr;gap:16px;position:relative;padding-bottom:26px}
.ovl-event:not(:last-child):before{content:"";position:absolute;left:11px;top:20px;bottom:0;width:2px;background:#d9e9f9}
.ovl-dot{width:24px;height:24px;border-radius:50%;background:#fff;border:6px solid var(--ovl-blue);z-index:1}
.ovl-event h4{margin:0;color:var(--ovl-navy)}
.ovl-event p{margin:3px 0 0;color:var(--ovl-muted);font-size:14px}
.ovl-event time{font-size:12px;color:#91a0b4;font-weight:700}
.ovl-alert{padding:16px 18px;border-radius:12px;background:#fff1f1;color:#9c2c2c;border:1px solid #ffd2d2;margin-top:18px}
.ovl-footer{background:#04132c;color:#bcd0eb;padding:58px 0 30px}
.ovl-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}
.ovl-footer h3,.ovl-footer h4{color:#fff}
.ovl-footer-bottom{margin-top:35px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:13px}
.ovl-page{padding:70px 0;min-height:60vh}
.ovl-page h1{color:var(--ovl-navy);font-size:44px;letter-spacing:-.04em}
@media (max-width:850px){
  .ovl-grid,.ovl-cards,.ovl-footer-grid{grid-template-columns:1fr}
  .ovl-menu{display:none}
  .ovl-hero{padding:70px 0}
  .ovl-details{grid-template-columns:1fr}
}
@media(max-width:580px){
  .ovl-wrap{width:min(100% - 24px,1180px)}
  .ovl-tracking-box,.ovl-track-search form{flex-direction:column}
  .ovl-nav .ovl-btn{padding:11px 13px}
}

/* v1.1 Contact & Complaint */
.ovl-contact-band{background:linear-gradient(135deg,#031735,#074b9f);color:#fff;padding:34px 0}.ovl-contact-items{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ovl-contact-item{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:20px}.ovl-contact-item small{display:block;color:#bcd7ff;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:10px}.ovl-contact-item strong{display:block;margin-top:5px;font-size:18px}.ovl-contact-item a{color:#fff}.ovl-form-shell{max-width:900px;margin:0 auto;background:#fff;border:1px solid var(--ovl-border);border-radius:24px;padding:30px;box-shadow:var(--ovl-shadow)}.ovl-form-head{margin-bottom:22px}.ovl-form-head h2{margin:6px 0 8px}.ovl-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ovl-field.full{grid-column:1/-1}.ovl-field label{display:block;font-weight:800;color:var(--ovl-navy);font-size:13px;margin-bottom:7px}.ovl-field input,.ovl-field textarea,.ovl-field select{width:100%;padding:14px 15px;border:1px solid #cfddef;border-radius:12px;background:#fbfdff;color:var(--ovl-text);font:inherit;outline:none}.ovl-field textarea{min-height:145px;resize:vertical}.ovl-field input:focus,.ovl-field textarea:focus,.ovl-field select:focus{border-color:var(--ovl-blue);box-shadow:0 0 0 3px rgba(8,120,255,.1);background:#fff}.ovl-form-note{font-size:12px;color:var(--ovl-muted);margin-top:14px}.ovl-success{padding:16px 18px;border-radius:12px;background:#edfff5;color:#087745;border:1px solid #b9f0d1;margin-bottom:18px}.ovl-form-error{padding:16px 18px;border-radius:12px;background:#fff1f1;color:#9c2c2c;border:1px solid #ffd2d2;margin-bottom:18px}.ovl-honeypot{position:absolute!important;left:-9999px!important;opacity:0!important;height:0!important;width:0!important}@media(max-width:850px){.ovl-contact-items,.ovl-form-grid{grid-template-columns:1fr}.ovl-field.full{grid-column:auto}}