/* Express Logistics Couriers - shared public site brand styles */

:root {
    --elc-navy: #0e2a4d;
    --elc-navy-dark: #081a30;
    --elc-amber: #f5a623;
    --elc-amber-dark: #d98c0f;
}

.elc-text-amber {
    color: var(--elc-amber) !important;
}

.elc-bg-navy {
    background: var(--elc-navy) !important;
}

.elc-bg-navy-gradient {
    background: linear-gradient(135deg, var(--elc-navy-dark) 0%, var(--elc-navy) 100%) !important;
}

.btn-elc-amber {
    background-color: var(--elc-amber);
    border-color: var(--elc-amber);
    color: #1a1a1a;
    font-weight: 600;
}

.btn-elc-amber:hover,
.btn-elc-amber:focus {
    background-color: var(--elc-amber-dark);
    border-color: var(--elc-amber-dark);
    color: #1a1a1a;
}

.btn-elc-outline-light {
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: #fff;
    font-weight: 600;
}

.btn-elc-outline-light:hover {
    background: #fff;
    color: var(--elc-navy);
}

#topnav.elc-navbar {
    background: transparent;
    transition: all 0.3s ease;
}

#topnav.elc-navbar.nav-sticky {
    background: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

#topnav.elc-navbar .navigation-menu > li > a {
    color: #fff;
    font-weight: 600;
}

#topnav.elc-navbar.nav-sticky .navigation-menu > li > a {
    color: var(--elc-navy);
}

#topnav.elc-navbar .navigation-menu > li > a.elc-active,
#topnav.elc-navbar .navigation-menu > li > a:hover {
    color: var(--elc-amber);
}

.btn-elc-dashboard {
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: #fff;
    font-weight: 600;
}

#topnav.elc-navbar.nav-sticky .btn-elc-dashboard {
    border-color: var(--elc-navy);
    color: var(--elc-navy);
}

.btn-elc-dashboard:hover {
    background: var(--elc-navy);
    color: #fff;
    border-color: var(--elc-navy);
}

.elc-feature-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 12px;
    font-size: 28px;
    background: rgba(14, 42, 77, 0.08);
    color: var(--elc-navy);
}

.elc-icon-sm {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    font-size: 22px;
    background: rgba(14, 42, 77, 0.08);
    color: var(--elc-navy);
    flex: none;
}

.elc-step-num {
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border-radius: 50%;
    background: var(--elc-amber);
    color: #1a1a1a;
    font-weight: 700;
    display: inline-block;
}

.elc-why-item,
.elc-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.elc-stat-num {
    font-size: 2.4rem;
    font-weight: 800;
    color: var(--elc-navy);
}

.elc-testimonial-card {
    border-left: 4px solid var(--elc-amber);
}

.elc-pricing-card {
    border: 1px solid #e9ecef;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.elc-pricing-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(14, 42, 77, 0.12);
}

.elc-pricing-card.elc-featured {
    border-color: var(--elc-amber);
    box-shadow: 0 12px 30px rgba(245, 166, 35, 0.18);
}

.elc-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 30px;
    background: rgba(14, 42, 77, 0.06);
    color: var(--elc-navy);
    font-weight: 600;
    font-size: 0.85rem;
}

.elc-footer {
    background: var(--elc-navy-dark);
    color: rgba(255, 255, 255, 0.7);
}

.elc-footer a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
}

.elc-footer a:hover {
    color: var(--elc-amber);
}

.elc-footer h6 {
    color: #fff;
}

.elc-social-icon {
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    display: inline-block;
}

.elc-social-icon:hover {
    background: var(--elc-amber);
    color: #1a1a1a;
}

.elc-timeline-step {
    text-align: center;
    position: relative;
}

.elc-timeline-step .elc-timeline-icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--elc-amber);
    color: var(--elc-navy);
    font-size: 24px;
    margin: 0 auto 12px;
}

.elc-timeline-step.elc-done .elc-timeline-icon {
    background: var(--elc-amber);
    color: #1a1a1a;
}

.elc-map-placeholder {
    background: #e9ecef url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><path d="M0 50 H100 M50 0 V100" stroke="%23ced4da" stroke-width="1"/></svg>');
    border-radius: 12px;
    min-height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6c757d;
}