/* Hide Korean Air Cargo logo on Air Rates page */
.gtr-carrier-logo:has(img[alt="Korean Air Cargo"]) {
    display: none;
}

/* Fix Email/Phone fields - force equal width in sea freight form */
.gtr-hero-right .gtr-quote-form div[style*="display"] > div,
.gtr-hero-right .gtr-quote-form > div > div {
    flex: 1 1 0% !important;
    min-width: 0 !important;
}
.gtr-hero-right .gtr-quote-form .gtr-field {
    width: 100% !important;
    min-width: 0 !important;
}
.gtr-hero-right .gtr-quote-form input,
.gtr-hero-right .gtr-quote-form select {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* ===== BRAND COLOURS: Gold #b8894c, Green #0d3638 ===== */

/* --- HOMEPAGE Sea freight form --- */
.gtr-hero-right .gtr-quote-form label,
.gtr-hero-right .gtr-quote-form b,
.gtr-hero-right .gtr-quote-form strong,
.gtr-hero-right .gtr-quote-form .gtr-field > label {
    color: #0d3638 !important;
}
.gtr-hero-right .gtr-quote-form h2,
.gtr-hero-right .gtr-quote-form h3,
.gtr-hero-right .gtr-quote-form h4 {
    color: #0d3638 !important;
}
.gtr-hero-right .gtr-quote-form p,
.gtr-hero-right .gtr-quote-form span,
.gtr-hero-right .gtr-quote-form div {
    color: #0d3638;
}
.gtr-hero-right .gtr-quote-form button,
.gtr-hero-right .gtr-quote-form input[type="submit"] {
    background: #0d3638 !important;
    color: #fff !important;
    border-color: #b8894c !important;
}
.gtr-hero-right .gtr-quote-form button:hover,
.gtr-hero-right .gtr-quote-form input[type="submit"]:hover {
    background: #0a2a2c !important;
}
.gtr-hero-right .gtr-quote-form a {
    color: #b8894c !important;
}

/* --- HOMEPAGE Air freight tab labels - gold --- */
.gtr-hero-right .gtr-air-form label {
    color: #0d3638 !important;
    font-weight: 600;
}
.gtr-hero-right .gtr-air-form .gtr-air-submit {
    background: #C9A84C !important;
    color: #0F3D2E !important;
}
.gtr-hero-right .gtr-air-form .gtr-air-submit:hover {
    background: #b8923c !important;
}

/* --- AIR RATES PAGE --- */
/* Page heading - green */
.gtr-hero h2 {
    color: #0d3638 !important;
}
/* Subtitle - gold */
.gtr-hero-sub {
    color: #b8894c !important;
}
/* Air rates form labels - gold */
.gtr-air-quote-form label,
form.gtr-air-form label {
    color: #0d3638 !important;
    font-weight: 600;
}
/* Air rates submit button - gold */
.gtr-air-quote-form .gtr-air-submit,
form.gtr-air-form .gtr-air-submit,
.gtr-air-submit {
    background: #C9A84C !important;
    color: #0F3D2E !important;
    border: none !important;
}
.gtr-air-quote-form .gtr-air-submit:hover,
form.gtr-air-form .gtr-air-submit:hover,
.gtr-air-submit:hover {
    background: #b8923c !important;
}
/* Carriers section heading - green */
.gtr-carriers-section h3,
main h3 {
    color: #0d3638 !important;
}
/* Carrier name labels - green */
.gtr-carrier-logo span {
    color: #0d3638 !important;
}

/* === Sea Freight Form 3-Section Layout === */
.gtr-form-sections {
    padding: 0;
}
.gtr-form-section {
    padding: 18px 0;
    border-bottom: 1px solid #e0e0e0;
}
.gtr-form-section:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.gtr-form-section-heading {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0d3638;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.gtr-section-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: #0d3638;
    color: #fff;
    border-radius: 50%;
    font-size: 0.8rem;
    font-weight: 700;
}
.gtr-form-section-grid {
    display: flex;
    gap: 20px;
}
.gtr-form-section-col {
    flex: 1;
    min-width: 0;
}
.gtr-form-section .gtr-field {
    margin-bottom: 10px;
}
.gtr-form-section .gtr-field:last-child {
    margin-bottom: 0;
}
/* Section 3 email/phone side by side */
.gtr-form-section:last-child > div[style] {
    display: flex !important;
    gap: 20px;
}
.gtr-form-section:last-child > div[style] > div {
    flex: 1 !important;
}
@media (max-width: 768px) {
    .gtr-form-section-grid {
        flex-direction: column;
    }
}

/* === Landscape Container Layout (2 rows) === */
.gtr-containers-landscape .container-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}
/* Row 1: Weight takes full width */
.gtr-containers-landscape .container-row > div:first-child {
    flex: 1 1 100% !important;
    min-width: 0 !important;
}
/* Weight input and unit dropdown side by side */
.gtr-containers-landscape .container-row > div:first-child {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    gap: 8px !important;
}
.gtr-containers-landscape .container-row > div:first-child label {
    flex: 1 1 100% !important;
}
.gtr-containers-landscape .container-row > div:first-child input {
    flex: 1 !important;
}
.gtr-containers-landscape .container-row > div:first-child select {
    flex: 0 0 80px !important;
}
/* Row 2: Quantity and Size share the row */
.gtr-containers-landscape .container-row > div:nth-child(2),
.gtr-containers-landscape .container-row > div:nth-child(3) {
    flex: 1 1 40% !important;
    min-width: 0 !important;
}
/* Add Container button inline */
.gtr-containers-landscape > div:last-child {
    margin-top: 8px !important;
}
/* Tighten container heading */
.gtr-containers-landscape .gtr-container-heading {
    margin-bottom: 4px !important;
}
/* Compact the container card */
.gtr-containers-landscape .gtr-containers {
    margin-bottom: 8px !important;
}


/* === Carrier Logo Strip with Marquee === */
.gtr-carrier-strip {
    background: #f8f8f8;
    padding: 40px 0 30px;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.gtr-carrier-strip h3 {
    font-size: 1.1rem;
    color: #0d3638;
    margin-bottom: 24px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.gtr-hp-carriers {
    overflow: hidden;
    width: 100%;
    position: relative;
}
/* Fade edges */
.gtr-hp-carriers::before,
.gtr-hp-carriers::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 60px;
    z-index: 2;
    pointer-events: none;
}
.gtr-hp-carriers::before {
    left: 0;
    background: linear-gradient(to right, #f8f8f8, transparent);
}
.gtr-hp-carriers::after {
    right: 0;
    background: linear-gradient(to left, #f8f8f8, transparent);
}
.gtr-marquee-wrapper {
    overflow: hidden;
    width: 100%;
}
.gtr-marquee-track {
    display: flex;
    gap: 48px;
    align-items: center;
    width: max-content;
    animation: gtr-marquee-scroll 25s linear infinite;
}
.gtr-marquee-track:hover {
    animation-play-state: paused;
}
@keyframes gtr-marquee-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.gtr-hp-carrier {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    min-width: 100px;
    flex-shrink: 0;
}
.gtr-hp-carrier img {
    max-height: 45px;
    max-width: 110px;
    object-fit: contain;
    opacity: 0.8;
    transition: all 0.3s ease;
}
.gtr-hp-carrier img:hover {
    opacity: 1;
    transform: scale(1.1);
}
.gtr-hp-carrier span {
    font-size: 0.72rem;
    color: #666;
    font-weight: 500;
}
@media (max-width: 768px) {
    .gtr-marquee-track {
        gap: 32px;
    }
    .gtr-hp-carrier img {
        max-height: 32px;
        max-width: 80px;
    }
}