/*
 * Jet World Express Cargo and Logistics Ltd. — brand override
 * Recolors the TransHub template from orange/amber to the Jet World
 * Express green/blue palette. Loaded after style.css so these rules win.
 */
:root {
    --primary: #1b8a43;
    --primary-rgb: 27, 138, 67;
    --secondary: #1b63a6;
    --secondary-rgb: 27, 99, 166;
}

/* Literal hex values baked into style.css that don't read the CSS vars */
.bg-primary { background-color: #1b8a43 !important; }
.text-primary { color: #1b8a43 !important; }
.btn-primary { background-color: #1b8a43; border-color: #1b8a43; color: #fff; }
.btn-primary:focus, .btn-primary:hover { background-color: #146b34; border-color: #146b34; color: #fff; }

.bg-secondary { background-color: #1b63a6 !important; }
.text-secondary { color: #1b63a6 !important; }
.btn-secondary { background-color: #1b63a6; border-color: #1b63a6; color: #fff; }
.btn-secondary:focus, .btn-secondary:hover { background-color: #144e85; border-color: #144e85; color: #fff; }

/* Decorative corner ribbon gradient (was orange -> maroon) */
.hero-cta .icon-lg::before,
[style*="linear-gradient(163deg"] {
    background: linear-gradient(163deg, #1b8a43, #0b3d1d) !important;
}

/* Inline SVG icons across the template hardcode fill="#fd5523" on <path>;
   presentation attributes lose to any matching CSS rule, so this repaints
   every such icon without editing each page's markup. */
svg path[fill="#fd5523"],
svg path[fill="#FD5523"] {
    fill: #1b8a43 !important;
}

.header-top.bg-primary { background-color: #146b34 !important; }

/* process-mask.png is a flat orange raster shape behind the "How It Works"
   step icons; drawing the circle in CSS instead lets it follow the brand color. */
.process-entry span.icon:after,
.process-entry span.icon-lg:after,
.process-entry span.icon-xl:after,
.process-entry span.icon-xs:after {
    background: var(--secondary) !important;
    opacity: .12;
}

/* Destination chips (homepage "Where We Deliver") */
.destination-chip {
    display: inline-block;
    padding: 10px 22px;
    border-radius: 30px;
    border: 1px solid var(--theme-border, #d8dde1);
    color: var(--headings-color);
    font-weight: 600;
    background: #fff;
    transition: all .3s ease;
}
.destination-chip:hover {
    background: var(--secondary);
    border-color: var(--secondary);
    color: #fff;
}

/* Simple service cards (homepage) */
.service-simple-card {
    box-shadow: 0 10px 30px rgba(2, 14, 40, 0.06);
    transition: transform .3s ease, box-shadow .3s ease;
}
.service-simple-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(2, 14, 40, 0.12);
}
.service-simple-card h3 {
    color: var(--headings-color);
}
.service-simple-card p {
    color: var(--body-color);
}

/* Shipment tracking timeline */
.tracking-timeline { position: relative; }
.tracking-timeline > div { position: relative; }
.tracking-timeline > div:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 23px;
    top: 46px;
    bottom: -1.5rem;
    width: 2px;
    background: var(--theme-border, #d8dde1);
}