/*
Theme Name: 3PL Miami I3PL Redesign
Theme URI: https://www.3plmiami.com/
Author: International 3PL / 3PL Miami
Description: A fast, modern WordPress theme for 3PLMiami.com inspired by the International 3PL color scheme. Built for logistics authority pages, posts, services, and future page growth.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: i3plmiami
Tags: custom-logo, custom-menu, blog, one-column, two-columns, logistics, responsive
*/
:root{--navy:#061827;--navy2:#0a2238;--blue:#0e5aa7;--cyan:#27c7f7;--gold:#f4b63f;--white:#ffffff;--muted:#d8e3ee;--light:#f4f8fb;--ink:#142233;--line:#dce7f0;--shadow:0 18px 55px rgba(6,24,39,.16);--radius:22px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.65;font-size:17px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}.skip-link{position:absolute;left:-999px;top:auto;background:#fff;color:#000;padding:8px;z-index:999}.skip-link:focus{left:10px;top:10px}.topbar{background:linear-gradient(90deg,var(--navy),var(--navy2));color:#fff;font-size:14px}.topbar .wrap{display:flex;justify-content:space-between;gap:16px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(6,24,39,.08)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 22px}.brand{display:flex;align-items:center;gap:12px;color:var(--navy);font-weight:900}.brand-logo{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;box-shadow:var(--shadow)}.brand-title{font-size:23px;line-height:1.05}.brand-tagline{font-size:12px;color:#557086;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;align-items:center}.main-nav li{position:relative}.main-nav a{display:block;padding:11px 12px;border-radius:999px;color:var(--navy);font-weight:800;font-size:14px}.main-nav a:hover{background:var(--light);text-decoration:none}.main-nav .sub-menu{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:235px;border-radius:16px;padding:10px;box-shadow:var(--shadow);border:1px solid var(--line)}.main-nav li:hover>.sub-menu{display:block}.main-nav .sub-menu a{border-radius:12px}.menu-toggle{display:none;border:0;background:var(--navy);color:#fff;padding:10px 14px;border-radius:12px;font-weight:800}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 18px;border-radius:999px;font-weight:900;text-decoration:none!important;border:2px solid transparent}.btn-primary{background:var(--gold);color:#1b1605}.btn-dark{background:var(--navy);color:#fff}.btn-outline{border-color:rgba(255,255,255,.45);color:#fff}.hero{background:radial-gradient(circle at 75% 10%,rgba(39,199,247,.32),transparent 30%),linear-gradient(135deg,var(--navy),#082b4a 58%,#064f85);color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:36px;align-items:center;padding:72px 22px}.eyebrow{display:inline-block;color:#c8f3ff;font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:13px;margin-bottom:14px}.hero h1{font-size:clamp(42px,6vw,70px);line-height:.98;margin:0 0 18px;font-weight:950;letter-spacing:-.04em}.hero p{font-size:20px;color:#e6f4ff;max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:30px;padding:24px;box-shadow:0 26px 80px rgba(0,0,0,.25)}.warehouse-svg{width:100%;display:block}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.stat{background:#fff;color:var(--navy);border-radius:18px;padding:16px}.stat strong{display:block;font-size:24px}.section{padding:70px 0}.section.alt{background:var(--light)}.section-title{max-width:820px;margin-bottom:34px}.section-title h2{font-size:clamp(32px,4vw,48px);line-height:1.05;margin:0 0 12px;color:var(--navy);letter-spacing:-.03em}.section-title p{font-size:19px;color:#4f6478}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 10px 30px rgba(6,24,39,.06)}.card h3{margin:0 0 10px;color:var(--navy);font-size:23px}.icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;margin-bottom:16px}.process{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{background:#fff;border-radius:var(--radius);padding:24px;border:1px solid var(--line)}.step:before{counter-increment:step;content:counter(step);display:flex;width:38px;height:38px;border-radius:50%;align-items:center;justify-content:center;background:var(--gold);font-weight:900;color:#1b1605;margin-bottom:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.dark-panel{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border-radius:30px;padding:34px;box-shadow:var(--shadow)}.dark-panel h2,.dark-panel h3{color:#fff}.checklist{padding-left:0;list-style:none}.checklist li{margin:10px 0;padding-left:30px;position:relative}.checklist li:before{content:'✓';position:absolute;left:0;top:0;color:var(--gold);font-weight:900}.content-area{padding:58px 0}.entry-header{background:linear-gradient(135deg,var(--navy),#09365c);color:#fff;padding:58px 0}.entry-header h1{margin:0;font-size:clamp(36px,5vw,58px);line-height:1.05}.breadcrumbs{color:#bbd9ee;margin-top:10px}.post-content{max-width:900px}.post-content h2,.post-content h3{color:var(--navy);line-height:1.18}.post-content h2{font-size:34px;margin-top:36px}.post-content table{width:100%;border-collapse:collapse;margin:24px 0}.post-content th,.post-content td{border:1px solid var(--line);padding:12px;text-align:left}.post-content th{background:var(--light)}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 10px 30px rgba(6,24,39,.06)}.post-card h2{font-size:24px;margin:0 0 10px}.cta{background:linear-gradient(135deg,#083050,var(--blue));color:#fff;border-radius:34px;padding:42px;margin:30px 0}.cta h2{margin:0 0 10px;color:#fff}.site-footer{background:var(--navy);color:#d7e7f5;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:30px}.site-footer h3{color:#fff;margin-top:0}.site-footer a{color:#d7e7f5}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:30px;padding-top:18px;font-size:14px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.wp-caption,.gallery-caption,.bypostauthor{display:block}.aligncenter{display:block;margin-left:auto;margin-right:auto}.alignleft{float:left;margin-right:20px}.alignright{float:right;margin-left:20px}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}@media(max-width:900px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;padding:14px 22px;border-top:1px solid var(--line)}.main-nav.open{display:block}.main-nav ul{display:block}.main-nav .sub-menu{display:block;position:static;box-shadow:none;border:0;padding-left:12px}.hero-grid,.split{grid-template-columns:1fr}.cards,.archive-grid{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.stat-row{grid-template-columns:1fr}}@media(max-width:560px){.process{grid-template-columns:1fr}.header-inner{padding:12px 16px}.brand-title{font-size:19px}.hero-grid{padding:48px 18px}.section{padding:48px 0}}