/* The gradient, flowing lines and gold accents from iloox's video cards.
   Background layers leave the content, focus rings and sticky panels intact. */
:root{
  --iloox-flow:url('assets/iloox-flow.svg');
  --iloox-flow-portrait:url('assets/iloox-flow-portrait.svg');
  --iloox-dark-field:linear-gradient(125deg,#201036 0%,#30126c 55%,#664d99 100%);
  --iloox-light-field:linear-gradient(125deg,#f7f3fb 0%,#ebe3f2 55%,#ded1ec 100%);
}

.styling-side,
.brand .brand-copy,
.rich-card.rich-care,
.footer-dark,
.travel-campaign-copy,
.travel-finale{
  background-color:#30126c;
  background-image:var(--iloox-flow),var(--iloox-dark-field);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}

.styling-side,
.brand .brand-copy,
.travel-campaign-copy{
  background-image:var(--iloox-flow-portrait),var(--iloox-dark-field);
}

/* Lighter counterparts keep the product photography and purple type clear. */
.styling-map,
.styling-detail>.attachment-visual,
.site-footer .footer-invitation,
.rich-card.rich-control,
.rich-card.rich-kit,
.travel-design,
.finder,
.closing{
  background-color:#ebe3f2;
  background-image:var(--iloox-flow),var(--iloox-light-field);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}

.styling-node{background-color:#faf7fcd9}
.styling-node:hover{background-color:#fff}
.styling-node.is-active{background-color:#baad78}

/* Dense footer links sit on the quiet part of the same violet field. */
.footer-dark{
  background-image:linear-gradient(90deg,#20103680,#20103640),var(--iloox-flow),var(--iloox-dark-field);
  background-size:cover;
}
.footer-service small,.footer-column a,.site-footer .footer-brand>p,
.footer-bottom,.footer-market small,.site-footer .footer-privacy{color:#ded4e9}

@media(max-width:760px){
  .rich-card.rich-care,.travel-finale,.footer-dark{
    background-image:var(--iloox-flow-portrait),var(--iloox-dark-field);
  }
  .footer-dark{
    background-image:linear-gradient(#20103645,#20103685),var(--iloox-flow-portrait),var(--iloox-dark-field);
  }
}

/* Keep the wordmark spelling even in small labels and menu headings. */
.travel-campaign .eyebrow,.travel-finale .eyebrow,
.mega-column h2,.search-inner form>label,.search-inner h2,
.mobile-nav-top{ text-transform:none }

/* Preserve the original flat lavender layout; only separate its tonal layers. */
.finder{
  background-color:#f3eef8;
  background-image:linear-gradient(#f8f5fb33,#f8f5fb33),var(--iloox-flow),linear-gradient(125deg,#faf7fc 0%,#f3eef8 55%,#ede5f4 100%);
}
.finder .finder-option.selected{background:#e6ddec}
.finder .finder-option:not(.selected):hover{background:#ebe3f180}
.finder .finder-option small,.finder .finder-result p{color:#6b5f76}
.finder .finder-result{
  background:#e8deef;
  border:1px solid #d8c9e4;
}
/* Keep the expanded comparison legible without changing its simple geometry. */
.finder .comparison-scroll{background:#f8f5fbb3}