/* CargoSphere International - Brand Override CSS */
/* Overrides Kuehne+Nagel color palette with CargoSphere brand colors */

:root {
    /* Primary brand colors - dark navy */
    --darkblue-100: #1e3a5f;
    --darkblue-110: #1a3455;
    --darkblue-120: #0f172a;
    --darkblue-120A15: rgba(15, 23, 42, 0.15);
    --darkblue-120A20: rgba(15, 23, 42, 0.2);
    --darkblue-070: #5d7a9f;
    --darkblue-045: #9aadbd;
    --darkblue-025: #c7ced7;
    --darkblue-010: #e9ebef;
    --darkblue-005: #f4f5f7;

    /* Action/accent blue */
    --actionblue-100: #0ea5e9;
    --actionblue-110: #0c95d2;
    --actionblue-120: #0b84ba;
    --actionblue-070: #56c0f0;
    --actionblue-045: #8ed6f5;
    --actionblue-025: #bfe7f9;
    --actionblue-010: #e5f5fd;
    --actionblue-005: #f2fafe;

    /* Light blue accent */
    --lightblue-100: #0ea5e9;
    --lightblue-110: #0c95d2;
    --lightblue-120: #0b84ba;
    --lightblue-040: #9ad6f0;
    --lightblue-010: #e5f5fd;
    --lightblue-005: #f2fafe;

    /* Keep lightgreen as a complementary accent */
    --lightgreen-100: #06b6d4;
    --lightgreen-110: #0891b2;
    --lightgreen-120: #0e7490;
    --lightgreen-010: #e0f7fa;
    --lightgreen-005: #f0fbfd;

    /* Override figure caption background */
    --figure-caption: rgba(15, 23, 42, 0.6);
    --carousel-light: rgba(15, 23, 42, 0.15);
}

/* Fix hard-coded KN blue colors in gradients and backgrounds */
header.transparent-white {
    background: linear-gradient(to bottom, rgba(15, 23, 42, var(--header-opacity)), rgba(15, 23, 42, 0)) !important;
}
header.transparent-blue {
    background: linear-gradient(to bottom, rgba(15, 23, 42, var(--header-opacity)), rgba(15, 23, 42, 0)) !important;
}
header.transparent-blue:before {
    background: var(--darkblue-120) !important;
}

/* Fix hard-coded #003369 references */
header[data-layout=solid-white] .logo[data-logo-type=quick] [part=ui-icon] *,
header[data-layout=solid-white] .logo[data-logo-type=quicklogistics] [part=ui-icon] *,
header[data-layout=solid-white] .logo[data-logo-type=quickstat] [part=ui-icon] *,
header[data-layout=solid-white] .logo[data-logo-type=sterlingaog] [part=ui-icon] * {
    fill: #1e3a5f !important;
}

/* Hero carousel overlay backgrounds */
.image-container-color[data-v-7d126cb9] {
    background: var(--darkblue-120) !important;
}

.image-container-color[data-v-55dbb8f6] {
    background: radial-gradient(circle 800px at 80%, rgba(15, 23, 42, 0), rgb(15, 23, 42)), linear-gradient(180deg, rgb(15, 23, 42), rgba(15, 23, 42, 0) 20%) !important;
}

.image-container-color-mobile[data-v-55dbb8f6] {
    background: linear-gradient(180deg, transparent 0, rgb(15, 23, 42)) !important;
}

.radial-gradient-overlay[data-v-55dbb8f6] {
    background: radial-gradient(circle at 75% 50%, #fff 0, var(--darkblue-120) 70%) !important;
}

/* Search input background */
[data-v-7d126cb9] .main-carousel::part(pagination) {
    background: rgba(15, 23, 42, 0.6) !important;
}

[data-v-7d126cb9] .mobile-carousel::part(pagination) {
    background: rgba(15, 23, 42, 0.6) !important;
}

/* Gradient overlay on event teasers */
.gradient-overlay[data-v-1daf0daf] {
    background: linear-gradient(144.74deg, rgba(15, 23, 42, 0.6) 51.26%, rgba(15, 23, 42, 0)) !important;
}

/* Color overlay for audio controls */
.color[data-v-0e6c3505] {
    background: rgba(15, 23, 42, 0.6) !important;
}

/* Hard-coded rgb colors in Tailwind classes */
.ui-mobile-navigation .front-content .navigation-items > button[data-v-76149716] {
    color: rgb(30, 58, 95) !important;
}