/* color-swap (priority: 10) */
/* Rusty Pelican - Full Blue ↔ Orange Swap */

:root {
    --tropical-sunset: #39f;
    --tropical-ocean: #ff6b35;
}

/* Header: dark orange gradient (was dark navy) */
.header-nav {
    background: linear-gradient(135deg, #5a1e00 0%, #7a2e00 50%, #b04500 100%);
}

/* Footer: matching dark orange */
footer {
    background: linear-gradient(135deg, #5a1e00 0%, #7a2e00 50%, #b04500 100%);
}

/* Mobile header */
.mobile-header {
    background: linear-gradient(135deg, #5a1e00 0%, #7a2e00 100%);
}

/* General links: orange (were blue) */
a {
    color: var(--tropical-ocean);
}

a:hover {
    color: #e55a2a;
}

/* Buttons: blue (were orange) */
.btn-primary {
    background: linear-gradient(135deg, #39f 0%, #1e88e5 100%);
}

.btn-primary:hover {
    background: linear-gradient(135deg, #1e88e5 0%, #39f 100%);
    box-shadow: 0 8px 20px rgba(51, 153, 255, 0.4);
}

.btn-cta, .btn-book {
    background: linear-gradient(135deg, #39f 0%, #1e88e5 100%);
}

.btn-cta:hover, .btn-book:hover {
    background: linear-gradient(135deg, #1e88e5 0%, #39f 100%);
    box-shadow: 0 10px 30px rgba(51, 153, 255, 0.4);
}

/* Booking submit: blue (was orange) */
.booking-submit {
    background: linear-gradient(to right, #1e88e5, #39f);
}

.booking-submit:hover {
    background: linear-gradient(to right, #1565c0, #1e88e5);
    box-shadow: 0 6px 20px rgba(51, 153, 255, 0.4);
}

/* Site logo hover */
.site-logo:hover {
    color: #ffb088;
}

/* Nav items */
.top-nav .nav-item:hover {
    color: #ffb088;
}

.nav-item:hover {
    color: #ffb088;
}

.nav-item.nav-current::after {
    background: #ffb088;
}

/* Page title underline: orange */
.content h1:first-child {
    border-bottom-color: var(--tropical-ocean);
}

/* Landing section links: BLUE (were orange). Darkened via color-mix to meet
   WCAG AA contrast against the near-white card background (raw #39f is
   ~2.9:1, under the 4.5:1 minimum for body text). */
.landing-section .text-component a {
    color: color-mix(in srgb, #39f 70%, black 30%);
    font-weight: 600;
}

.landing-section .text-component a:hover {
    color: var(--tropical-ocean);
}

/* Fullwidth landing links too */
.landing-section .text-component.text-fullwidth a {
    color: color-mix(in srgb, #39f 70%, black 30%);
}

.landing-section .text-component.text-fullwidth a:hover {
    color: var(--tropical-ocean);
}

/* Dark bg links: orange (were blue) -- wait, original was orange so swap to blue */
.text-component.bg-dark a {
    color: #39f;
}

/* Footer links: BLUE (were orange) */
footer a {
    color: #5ab0ff;
}

footer a:hover {
    color: white;
}

/* Breadcrumb: orange (was blue) */
.breadcrumb a {
    color: var(--tropical-ocean);
}

.breadcrumb a:hover {
    background-color: rgba(255, 107, 53, 0.1);
}

/* Sidebar nav: orange (was blue) */
.sidebar-nav a {
    color: var(--tropical-ocean);
}

.sidebar-nav a:hover {
    color: #e55a2a;
}

.sidebar-nav a.active {
    background-color: var(--tropical-ocean);
}

/* Sidebar gradient: orange tones (was blue) */
.sidebar {
    background: linear-gradient(180deg, rgba(255, 180, 130, 0.3) 0%, white 100%);
}

.sidebar-card-header {
    background: linear-gradient(135deg, var(--tropical-sand) 0%, rgba(255, 180, 130, 0.4) 100%);
}

/* Quote: orange border (was blue -- wait, original was orange sunset, so swap to blue) */
.quote {
    border-left-color: #39f;
    background: linear-gradient(90deg, rgba(51, 153, 255, 0.05) 0%, transparent 100%);
}

/* Highlight: blue border (was green/palm) */
.highlight {
    border-left-color: var(--tropical-ocean);
    background: linear-gradient(135deg, rgba(255, 107, 53, 0.08) 0%, rgba(255, 255, 255, 0.8) 100%);
}

/* Focus ring */
input:focus,
textarea:focus,
select:focus {
    border-color: var(--tropical-ocean);
    box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.1);
}

.booking-field input:focus,
.booking-field select:focus {
    border-color: var(--tropical-ocean);
    box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.2);
}

/* Mobile */
.mobile-nav-item.mobile-nav-active-path {
    color: var(--tropical-ocean);
}

.mobile-breadcrumb-item {
    color: var(--tropical-ocean);
}

.mobile-nav-drawer {
    background: linear-gradient(180deg, white 0%, rgba(255, 180, 130, 0.2) 100%);
}