/*
 * VTA Premium Tropical Luxury v1.0 — homepage colors only.
 * The hook is added to the existing homepage wrapper; :has() also scopes shared
 * header/footer chrome without changing their markup or styles on other pages.
 * No layout, typography, imagery, product-card, hero, logo or social-brand rules.
 */
body:has([data-vta-home-theme="tropical-luxury-v1"]) {
    --vta-brand-navy: #0D2B4A;
    --vta-brand-ocean: #176CC0;
    --vta-brand-ivory: #FAF8F3;
    --vta-brand-gold: #C5A36A;
    --vta-brand-white: #FFFFFF;
    --vta-brand-muted: color-mix(in srgb, var(--vta-brand-navy) 72%, var(--vta-brand-ivory));
    --vta-brand-line: color-mix(in srgb, var(--vta-brand-navy) 18%, var(--vta-brand-white));
    --vta-brand-soft-ocean: color-mix(in srgb, var(--vta-brand-ocean) 8%, var(--vta-brand-white));
    --vta-brand-soft-gold: color-mix(in srgb, var(--vta-brand-gold) 30%, var(--vta-brand-ivory));
}

/* Section surfaces. Existing gradients retain their direction and stop positions. */
body:has([data-vta-home-theme="tropical-luxury-v1"]) :is(#why-choose-us.vta-why-compact, #home-day-tours, #home-b2b-partner.vta-b2b-banner, #home-media.vta-albums, #partners) {
    background-color: var(--vta-brand-ivory);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) :is(#vta-package-journeys, #home-cruises.vta-cruise-collection, #travel-services.vta-services, #testimonials, #home-travel-guide) {
    background-color: var(--vta-brand-white);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #best-travel-styles.vta-ts {
    background: linear-gradient(180deg, var(--vta-brand-ivory) 0%, var(--vta-brand-ivory) 88%);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #our-team.vta-experts {
    background: linear-gradient(180deg, var(--vta-brand-white), var(--vta-brand-white) 85%);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #partners > [aria-hidden="true"]:first-child {
    background: linear-gradient(to bottom, var(--vta-brand-ivory), var(--vta-brand-ivory), var(--vta-brand-ivory));
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #partners > [aria-hidden="true"]:not(:first-child) {
    background: linear-gradient(to right, transparent, var(--vta-brand-soft-gold), transparent);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #contact {
    background: linear-gradient(to bottom right, var(--vta-brand-navy), var(--vta-brand-navy));
}

/* Headings and introductory copy: deliberate selectors exclude product trees. */
body:has([data-vta-home-theme="tropical-luxury-v1"]) :is(#why-choose-us .vta-why-heading h2, #vta-package-journeys .vta-journeys-heading h2, #home-day-tours .vta-day-journeys-heading h2, #home-day-tours .vta-day-panel-top h3, #home-cruises .vta-cruise-heading h2, #best-travel-styles .vta-ts__title, #travel-services .vta-services__header h2, #home-b2b-partner h2, #our-team .vta-experts__heading h2, #home-media .vta-albums__title, #testimonials > .max-w-7xl > .text-center h2, #partners > .relative > .text-center h2, #home-travel-guide #home-travel-guide-title) {
    color: var(--vta-brand-navy);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) :is(#vta-package-journeys .vta-journeys-eyebrow, #home-day-tours .vta-day-journeys-eyebrow, #home-cruises .vta-cruise-heading > p, #best-travel-styles .vta-ts__eyebrow, #best-travel-styles .vta-ts__period, #travel-services .vta-services__eyebrow, #home-b2b-partner .vta-b2b-banner__eyebrow, #our-team .vta-experts__eyebrow, #home-media .vta-albums__eyebrow, #testimonials > .max-w-7xl > .text-center > p, #partners > .relative > .text-center > p:first-child, #home-travel-guide .vta-guide-eyebrow) {
    color: var(--vta-brand-ocean);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) :is(#vta-package-journeys .vta-journeys-intro, #home-day-tours .vta-day-journeys-intro, #home-day-tours .vta-day-panel-count, #best-travel-styles .vta-ts__intro, #best-travel-styles .vta-ts__panel-meta > p, #best-travel-styles .vta-ts__footer > p, #travel-services .vta-services__intro, #home-b2b-partner .vta-b2b-banner__subtitle, #our-team .vta-experts__subtitle, #home-media .vta-albums__subtitle, #partners > .relative > .text-center > p:last-child, #home-travel-guide .vta-guide-intro) {
    color: var(--vta-brand-muted);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) :is(#best-travel-styles .vta-ts__dash, #partners > .relative > .text-center > p:first-child > span) {
    background-color: var(--vta-brand-gold);
}

/* Compact trust strip: gold is ornamental, with navy or ocean text. */
body:has([data-vta-home-theme="tropical-luxury-v1"]) #why-choose-us.vta-why-compact {
    border-bottom-color: var(--vta-brand-soft-gold);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #why-choose-us :is(.vta-why-toggle, .vta-why-item) {
    color: var(--vta-brand-navy);
    border-color: var(--vta-brand-soft-gold);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #why-choose-us .vta-why-toggle {
    background-color: var(--vta-brand-white);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #why-choose-us .vta-why-icon {
    color: var(--vta-brand-ocean);
    border-color: var(--vta-brand-soft-gold);
    background-color: var(--vta-brand-white);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #why-choose-us .vta-why-desc {
    color: var(--vta-brand-muted);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #why-choose-us .vta-why-item:hover .vta-why-title {
    color: var(--vta-brand-ocean);
}

/* Homepage category controls. No selectors reach product cards or their content. */
body:has([data-vta-home-theme="tropical-luxury-v1"]) :is(#vta-package-journeys .home-featured-nav__btn, #home-day-tours .vta-day-destination-tab, #home-cruises .vta-cruise-tabs button, #home-travel-guide .vta-guide-nav-link) {
    color: var(--vta-brand-navy);
    background-color: var(--vta-brand-white);
    border-color: var(--vta-brand-line);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) :is(#vta-package-journeys .home-featured-nav__btn:hover, #home-day-tours .vta-day-destination-tab:hover, #home-cruises .vta-cruise-tabs button:hover, #home-travel-guide .vta-guide-nav-link:hover) {
    color: var(--vta-brand-ocean);
    border-color: var(--vta-brand-ocean);
    background-color: var(--vta-brand-soft-ocean);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) :is(#vta-package-journeys .home-featured-nav__btn.is-active, #home-day-tours .vta-day-destination-tab.is-selected, #home-cruises .vta-cruise-tabs button.is-active) {
    color: var(--vta-brand-white);
    background-color: var(--vta-brand-ocean);
    border-color: var(--vta-brand-ocean);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #vta-package-journeys .home-featured-nav__select option {
    color: var(--vta-brand-navy);
    background-color: var(--vta-brand-white);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) :is(#home-day-tours .vta-day-panel-top > a, #best-travel-styles .vta-ts__heading-link, #home-travel-guide .vta-guide-all) {
    color: var(--vta-brand-ocean);
    border-color: var(--vta-brand-ocean);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) :is(#vta-package-journeys > .vta-journeys-container > .text-center > a, #home-day-tours .vta-day-mobile-view-all, #home-cruises .vta-cruise-view-all > a, #home-b2b-partner .vta-b2b-button) {
    color: var(--vta-brand-white);
    background-color: var(--vta-brand-ocean);
    border-color: var(--vta-brand-ocean);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) :is(#vta-package-journeys > .vta-journeys-container > .text-center > a:hover, #home-day-tours .vta-day-mobile-view-all:hover, #home-cruises .vta-cruise-view-all > a:hover, #home-b2b-partner .vta-b2b-button:hover) {
    background-color: var(--vta-brand-navy);
    border-color: var(--vta-brand-navy);
}

/* Mobile destination picker shares the established taxonomy and JavaScript. */
body:has([data-vta-home-theme="tropical-luxury-v1"]) #home-day-tours[data-destination-mobile-ux] :is(.vta-day-mobile-picker > label, #vta-mobile-destination, [data-destination-open], #vta-destination-picker, #vta-destination-picker h3, #vta-destination-search, [data-destination-options] button, [data-destination-close]) {
    color: var(--vta-brand-navy);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #home-day-tours[data-destination-mobile-ux] :is(#vta-mobile-destination, [data-destination-open], #vta-destination-picker, [data-destination-options] button) {
    background-color: var(--vta-brand-white);
    border-color: var(--vta-brand-line);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #home-day-tours[data-destination-mobile-ux] :is(#vta-destination-search, [data-destination-close]) {
    background-color: var(--vta-brand-ivory);
    border-color: var(--vta-brand-line);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #home-day-tours[data-destination-mobile-ux] :is([data-destination-fallback] button, [data-destination-options] button:hover, [data-destination-options] button.is-selected) {
    color: var(--vta-brand-ocean);
    background-color: var(--vta-brand-soft-ocean);
    border-color: var(--vta-brand-ocean);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #home-day-tours[data-destination-mobile-ux] [data-destination-empty] {
    color: var(--vta-brand-muted);
}

/* Travel styles remain photo-based, with white overlay copy left untouched. */
body:has([data-vta-home-theme="tropical-luxury-v1"]) #best-travel-styles .vta-ts__tab-rail {
    border-color: var(--vta-brand-line);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #best-travel-styles :is(.vta-ts__tab, .vta-ts__tab-number) {
    color: var(--vta-brand-muted);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #best-travel-styles :is(.vta-ts__tab:hover, .vta-ts__tab[aria-selected="true"] .vta-ts__tab-number) {
    color: var(--vta-brand-ocean);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #best-travel-styles .vta-ts__tab[aria-selected="true"] {
    color: var(--vta-brand-navy);
    border-bottom-color: var(--vta-brand-ocean);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #best-travel-styles .vta-ts__footer-link {
    color: var(--vta-brand-white);
    background-color: var(--vta-brand-navy);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #best-travel-styles .vta-ts__footer-link:hover {
    background-color: var(--vta-brand-ocean);
}

/* B2B artwork, team portraits and all article media remain original assets. */
body:has([data-vta-home-theme="tropical-luxury-v1"]) #home-b2b-partner .vta-b2b-banner__frame {
    border-color: var(--vta-brand-soft-gold);
    background-color: var(--vta-brand-white);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #our-team :is(.vta-experts__card, .vta-experts__actions, .vta-experts__team-link, .vta-experts__dialog, .vta-experts__close) {
    border-color: var(--vta-brand-line);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #our-team :is(.vta-experts__card:not(.vta-experts__card--founder) .vta-experts__body h3, .vta-experts__team-link, .vta-experts__dialog-copy h2, .vta-experts__close) {
    color: var(--vta-brand-navy);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #our-team :is(.vta-experts__card:not(.vta-experts__card--founder) .vta-experts__position, .vta-experts__card:not(.vta-experts__card--founder) .vta-experts__profile) {
    color: var(--vta-brand-ocean);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #our-team :is(.vta-experts__card:not(.vta-experts__card--founder) .vta-experts__bio, .vta-experts__full-bio) {
    color: var(--vta-brand-muted);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #our-team .vta-experts__card--founder {
    border-color: var(--vta-brand-navy);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #our-team .vta-experts__card--founder .vta-experts__body {
    background-color: var(--vta-brand-navy);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #our-team .vta-experts__card--founder .vta-experts__position {
    color: var(--vta-brand-ivory);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #our-team .vta-experts__team-link:hover {
    color: var(--vta-brand-ocean);
    border-color: var(--vta-brand-ocean);
    background-color: var(--vta-brand-soft-ocean);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #home-media :is(.vta-albums__placeholder, .vta-albums__empty) {
    border-color: var(--vta-brand-line);
    background-color: var(--vta-brand-white);
    color: var(--vta-brand-muted);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #home-media .vta-albums__play-icon {
    background-color: var(--vta-brand-ocean);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #home-media .vta-albums__play:hover .vta-albums__play-icon {
    background-color: var(--vta-brand-navy);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #home-media .vta-albums__dialog {
    background-color: var(--vta-brand-navy);
}

/* Partner identities, review stars and social brand colors are not selected. */
body:has([data-vta-home-theme="tropical-luxury-v1"]) #partners .vta-slider-controls button {
    color: var(--vta-brand-ocean);
    background-color: var(--vta-brand-white);
    border-color: var(--vta-brand-line);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #partners .vta-slider-controls button:hover {
    color: var(--vta-brand-white);
    background-color: var(--vta-brand-ocean);
    border-color: var(--vta-brand-ocean);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #contact > .max-w-7xl > .text-center > p {
    color: var(--vta-brand-ivory);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #contact label {
    color: var(--vta-brand-ivory);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #home-travel-guide .vta-guide-card {
    border-color: var(--vta-brand-line);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #home-travel-guide :is(.vta-guide-card:hover, .vta-guide-card:focus-within) {
    border-color: var(--vta-brand-ocean);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #home-travel-guide h3 {
    color: var(--vta-brand-navy);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #home-travel-guide :is(.vta-guide-category, .vta-guide-read) {
    color: var(--vta-brand-ocean);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #home-travel-guide :is(.vta-guide-excerpt, time) {
    color: var(--vta-brand-muted);
}

/* Shared header: homepage-only selectors; all logo assets and shape stay intact. */
body:has([data-vta-home-theme="tropical-luxury-v1"]) > nav {
    background-color: var(--vta-brand-white);
    border-bottom-color: var(--vta-brand-line);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) > nav :is(.nav-brand-name, .nav-main-menu > a, .nav-main-menu > div > button) {
    color: var(--vta-brand-navy);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) > nav .nav-brand-rule {
    background-color: var(--vta-brand-gold);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) > nav .nav-main-menu :is(a, button).bg-blue-50 {
    color: var(--vta-brand-ocean);
    background-color: var(--vta-brand-soft-ocean);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) > nav :is(.nav-main-menu > a:hover, .nav-main-menu > div > button:hover) {
    color: var(--vta-brand-ocean);
    background-color: var(--vta-brand-soft-ocean);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) > nav :is(.nav-main-menu > a > i, .nav-main-menu > div > button > i) {
    color: var(--vta-brand-ocean);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) > nav .nav-main-menu > div > .absolute {
    background-color: var(--vta-brand-white);
    border-color: var(--vta-brand-line);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) > nav .nav-main-menu > div > .absolute :is(a, summary) {
    color: var(--vta-brand-navy);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) > nav .nav-main-menu > div > .absolute a:hover {
    color: var(--vta-brand-white);
    background-color: var(--vta-brand-ocean);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) > nav .nav-main-menu > div > .absolute a > i {
    color: var(--vta-brand-ocean);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) > nav .nav-main-menu > div > .absolute a:hover > i {
    color: var(--vta-brand-white);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) > nav .nav-main-menu > div > .absolute summary:hover {
    color: var(--vta-brand-ocean);
    background-color: var(--vta-brand-soft-ocean);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) > nav :is(.vta-styles-mega, .vta-styles-mega__column + .vta-styles-mega__column, .vta-styles-mega__intro, .vta-styles-mega__footer, .vta-styles-mobile) {
    border-color: var(--vta-brand-line);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) > nav .vta-styles-mega__intro {
    background: linear-gradient(110deg, var(--vta-brand-ivory), var(--vta-brand-white) 72%);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) > nav :is(.vta-styles-mega__eyebrow, .vta-styles-mega__column h3, .vta-styles-mega__icon, .vta-styles-mega__footer a, .vta-styles-mobile__group h3, .vta-styles-mobile__link > i) {
    color: var(--vta-brand-ocean);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) > nav :is(.vta-styles-mega__intro strong, .vta-styles-mega__link, .vta-styles-mobile__link) {
    color: var(--vta-brand-navy);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) > nav :is(.vta-styles-mega__icon, .vta-styles-mega__link:hover, .vta-styles-mega__link:focus-visible, .vta-styles-mobile__link:hover, .vta-styles-mobile__link:focus-visible) {
    background-color: var(--vta-brand-soft-ocean);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) > nav .vta-styles-mega__footer {
    background-color: var(--vta-brand-ivory);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) > nav > [x-show="mobileOpen"] {
    background-color: var(--vta-brand-white);
    border-color: var(--vta-brand-line);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) > nav :is([x-show="mobileOpen"] > .nav-shell > a, [x-show="mobileOpen"] > .nav-shell > div > button) {
    color: var(--vta-brand-navy);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) > nav > [x-show="mobileOpen"] > .nav-shell > a.bg-blue-50 {
    color: var(--vta-brand-ocean);
    background-color: var(--vta-brand-soft-ocean);
}

/* Footer photo remains unchanged; only the old overlay color stops are replaced. */
body:has([data-vta-home-theme="tropical-luxury-v1"]) > footer {
    background-color: var(--vta-brand-navy);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) > footer > [aria-hidden="true"]:first-child > div {
    background: linear-gradient(to bottom, rgb(13 43 74 / 94%), rgb(13 43 74 / 90%), rgb(13 43 74 / 96%));
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) > footer > [aria-hidden="true"]:first-child:not(:has(img)) {
    background-color: var(--vta-brand-navy);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) > footer > div:nth-child(2) {
    background: linear-gradient(to right, var(--vta-brand-gold), var(--vta-brand-gold), var(--vta-brand-gold));
}

/* Existing focus outlines retain their dimensions, styles and offsets. */
body:has([data-vta-home-theme="tropical-luxury-v1"]) :is(#why-choose-us .vta-why-item:focus-visible, #why-choose-us .vta-why-toggle:focus-visible, #vta-package-journeys .home-featured-nav__btn:focus-visible, #home-day-tours .vta-day-destination-tab:focus-visible, #home-day-tours .vta-day-panel-top > a:focus-visible, #home-day-tours .vta-day-mobile-picker :focus-visible, #home-day-tours .vta-day-mobile-view-all:focus-visible, #home-cruises .vta-cruise-tabs button:focus-visible, #best-travel-styles .vta-ts__tab:focus-visible, #best-travel-styles .vta-ts__heading-link:focus-visible, #travel-services .vta-services__card:focus-visible, #home-b2b-partner a:focus-visible, #our-team a:focus-visible, #our-team button:focus-visible, #our-team .vta-experts__grid:focus-visible, #home-media .vta-albums__cover:focus-visible, #home-media .vta-albums__play:focus-visible, #home-travel-guide .vta-guide-nav-link:focus-visible, #home-travel-guide .vta-guide-category a:focus-visible, #home-travel-guide .vta-guide-all:focus-visible) {
    outline-color: var(--vta-brand-ocean);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #home-travel-guide .vta-guide-main-link:focus-visible::after {
    outline-color: var(--vta-brand-ocean);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) #best-travel-styles .vta-ts__footer-link:focus-visible {
    outline-color: var(--vta-brand-ocean);
}
body:has([data-vta-home-theme="tropical-luxury-v1"]) :is(#our-team .vta-experts__card--founder a:focus-visible, #our-team .vta-experts__card--founder button:focus-visible, #home-media .vta-albums__dialog button:focus-visible) {
    outline-color: var(--vta-brand-white);
}