/*
 * VisaTrip v14 — approved travel-scene redesign.
 * Real separate WebP compositions for wide and narrow layouts.
 * Scope: backgrounds only. Forms, copy, prices, links, and app logic untouched.
 */
:root{--vt-scene-light:#e8f6ff;--vt-scene-navy:#072b5d}

/* Europe services: single photorealistic city, never tiled or stretched. */
.services-section{
  background:var(--vt-scene-light);
  isolation:isolate;
}
.services-section::before{
  background-color:var(--vt-scene-light);
  background-image:
    linear-gradient(180deg,rgba(237,249,255,.07) 0%,rgba(235,247,255,.36) 45%,rgba(232,246,255,.92) 90%,#e8f6ff 100%),
    url('/assets/vt-europe-desktop.webp');
  background-position:center top,center top;
  background-size:100% 100%,cover;
  background-repeat:no-repeat;
}
.services-section>.container{
  background:linear-gradient(155deg,rgba(255,255,255,.94),rgba(255,255,255,.86));
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
}

/* American visas: one recognisable blue-hour skyline, fading into navy. */
.us-visas-section{background:var(--vt-scene-navy)}
.us-visas-section::before{
  background-color:var(--vt-scene-navy);
  background-image:
    linear-gradient(180deg,rgba(2,20,54,.08) 0%,rgba(4,28,68,.18) 26%,rgba(5,33,76,.66) 62%,#072b5d 100%),
    url('/assets/vt-usa-desktop.webp');
  background-position:center top,center top;
  background-size:100% 100%,100% auto;
  background-repeat:no-repeat;
}
/* Existing wave dividers stay so Europe / USA / process transitions feel continuous. */

/* A single gentle travel-system background shared by the newer interactive tools,
   with different positions and opacity for variety, not repeated busy panoramas. */
.visa-nav-section{
  position:relative;
  isolation:isolate;
  background:#eff8ff;
}
.visa-nav-section::before{
  content:"";
  position:absolute;inset:0;top:0;right:0;bottom:0;left:0;
  width:auto;height:auto;border-radius:0;z-index:-1;
  background:
    linear-gradient(180deg,rgba(245,251,255,.30),rgba(246,251,255,.67)),
    url('/assets/vt-tools-desktop.webp') center center/cover no-repeat;
  pointer-events:none;
}
.visa-nav-section .visa-nav-panel{
  background:rgba(255,255,255,.98);
  box-shadow:0 20px 54px rgba(8,65,121,.12);
}
.vt-calc::before{
  content:"";
  position:absolute;inset:0;top:0;right:0;bottom:0;left:0;
  width:auto;height:auto;border-radius:0;z-index:-1;
  background:
    linear-gradient(140deg,rgba(255,255,255,.68),rgba(244,251,255,.78)),
    url('/assets/vt-tools-desktop.webp') center center/cover no-repeat;
  pointer-events:none;
}
.vcl-section{
  position:relative;isolation:isolate;
  background:#eef8ff;
}
.vcl-section::before{
  content:"";
  position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(180deg,rgba(248,252,255,.52),rgba(247,252,255,.78)),
    url('/assets/vt-tools-desktop.webp') center center/cover no-repeat;
  pointer-events:none;
}

/* Tablet and phone are designed compositions rather than crops of desktop art.
   Keep all long sections light and legible after each scene fades out. */
@media(max-width:900px){
  .services-section::before{
    background-image:
      linear-gradient(180deg,rgba(239,249,255,.34) 0%,rgba(236,247,255,.52) 29%,#e8f6ff 73%,#e8f6ff 100%),
      url('/assets/vt-europe-mobile.webp');
    background-size:100% 100%,100% auto;
    background-position:center top,center top;
    background-repeat:no-repeat;
  }
  .services-section>.container{
    background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.90));
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
  .us-visas-section::before{
    background-image:
      linear-gradient(180deg,rgba(3,21,52,.25) 0%,rgba(4,26,64,.35) 24%,rgba(5,35,74,.88) 52%,#072b5d 77%),
      url('/assets/vt-usa-mobile.webp');
    background-size:100% 100%,100% auto;
    background-position:center top,center top;
    background-repeat:no-repeat;
  }
  .visa-nav-section::before{
    background:
      linear-gradient(180deg,rgba(249,253,255,.45),rgba(248,252,255,.78)),
      url('/assets/vt-tools-mobile.webp') center top/100% auto no-repeat;
  }
  .vt-calc::before{
    background:
      linear-gradient(180deg,rgba(255,255,255,.74),rgba(249,253,255,.92)),
      url('/assets/vt-tools-mobile.webp') center top/100% auto no-repeat;
  }
  .vcl-section::before{
    background:
      linear-gradient(180deg,rgba(249,253,255,.58),rgba(249,253,255,.84)),
      url('/assets/vt-tools-mobile.webp') center top/100% auto no-repeat;
  }
}
@media(max-width:520px){
  .services-section>.container{background:rgba(255,255,255,.945)}
  .us-visas-copy-glass{background:rgba(4,24,62,.91)}
}
@media(prefers-reduced-motion:reduce){
  .services-section,.us-visas-section,.visa-nav-section,.vt-calc,.vcl-section{
    scroll-behavior:auto;
  }
}