/* Code-native paper fibres and bamboo weave, painted behind the content.
   No positioning, pseudo-elements, blending, or motion: existing photographs,
   Vietnam ornaments, focus outlines, and interactive controls stay intact. */

/* The first-screen calculator stays ivory; the second stays lime. */
.nt-page .nt-calculator:not(.nt-hero-calculator) {
  background-image: url('/assets/tours/paper-grain.svg'),
    url('/assets/tours/bamboo-weave.svg'),
    radial-gradient(ellipse at 100% 0, #fff8d64a, transparent 70%);
  background-size: 160px 160px, 72px 72px, 100% 100%;
  background-repeat: repeat, repeat, no-repeat;
  box-shadow: inset 0 1px 0 #ffffff80, 0 25px 45px -35px #17473170;
}
.nt-page .nt-hero-calculator {
  background-image: url('/assets/tours/paper-grain.svg'),
    radial-gradient(ellipse at 100% 0, #efe1b835, transparent 72%);
  background-size: 160px 160px, 100% 100%;
  background-repeat: repeat, no-repeat;
}

/* Plain colour surfaces: keep their original background colours and radius. */
.nt-route-rail, .nt-request-summary, .nt-child-rules,
.nt-form .nt-child-controls, .nt-request-result,
.booking-panel, .notice, .info-block, .map-offer,
.contact-form-wrap, .included-box, .request-result,
.site-priority-tour, .transfer-route {
  background-image: url('/assets/tours/paper-grain.svg'),
    radial-gradient(ellipse at 100% 0, #dcb46013, transparent 70%);
  background-size: 160px 160px, 100% 100%;
  background-repeat: repeat, no-repeat;
}

/* Woven forest green on the guide and optional-evening panels. The guide's
   existing lotus / nón lá ornament remains the bottom decorative layer. */
.nt-guide-copy {
  background-image: url('/assets/tours/paper-grain.svg'),
    url('/assets/tours/bamboo-weave.svg'),
    radial-gradient(ellipse at 100% 0, #cbb16c13, transparent 68%),
    linear-gradient(90deg, #123b2df0, #123b2ded),
    url('/assets/tours/vietnam-ornament.svg');
  background-size: 160px 160px, 72px 72px, 100% 100%, 100% 100%, 330px auto;
  background-position: 0 0, 0 0, center, center, right bottom;
  background-repeat: repeat, repeat, no-repeat, no-repeat, no-repeat;
}
.nt-evening {
  background-image: url('/assets/tours/paper-grain.svg'),
    url('/assets/tours/bamboo-weave.svg'),
    radial-gradient(ellipse at 100% 0, #cbb16c17, transparent 68%);
  background-size: 160px 160px, 72px 72px, 100% 100%;
  background-repeat: repeat, repeat, no-repeat;
  box-shadow: inset 0 1px 0 #e6d9a621, 0 30px 60px -45px #0b382790;
}

/* Shared-page calls to action keep the established green colour treatment. */
.contact-banner {
  background-image: url('/assets/tours/paper-grain.svg'),
    url('/assets/tours/bamboo-weave.svg'),
    radial-gradient(ellipse at 100% 0, #e8c6791c, transparent 65%),
    linear-gradient(115deg, #007c38, #008b40 65%, #007d38);
  background-size: 160px 160px, 72px 72px, 100% 100%, 100% 100%;
  background-repeat: repeat, repeat, no-repeat, no-repeat;
  box-shadow: inset 0 1px 0 #fff8da2b, 0 20px 42px -34px #163f2c85;
}

/* Preserve the warm gradients on existing coloured strips and service cards. */
.benefits-strip, .footer {
  background-image: url('/assets/tours/paper-grain.svg'),
    url('/assets/tours/bamboo-weave.svg'),
    linear-gradient(110deg, #ebffdb, #fff6d3);
  background-size: 160px 160px, 72px 72px, 100% 100%;
  background-repeat: repeat, repeat, no-repeat;
}
.package-banner {
  background-image: url('/assets/tours/paper-grain.svg'),
    url('/assets/tours/bamboo-weave.svg'),
    linear-gradient(115deg, #fff0a6, #ffe175);
  background-size: 160px 160px, 72px 72px, 100% 100%;
  background-repeat: repeat, repeat, no-repeat;
}
.page-intro:not(.themed-intro) {
  background-image: url('/assets/tours/paper-grain.svg'),
    linear-gradient(115deg, #e2ffc9 0%, #f3ffe9 55%, #fff1ba 100%);
  background-size: 160px 160px, 100% 100%;
  background-repeat: repeat, no-repeat;
}
.services-row article, .services-row article:nth-child(2n),
.photo-rate-card, .photo-rate-card:nth-child(2n) {
  background-image: url('/assets/tours/paper-grain.svg'),
    radial-gradient(ellipse at 100% 0, #f6df9a1e, transparent 75%);
  background-size: 160px 160px, 100% 100%;
  background-repeat: repeat, no-repeat;
}

/* Pattern dimensions remain physical on mobile: no blurred scaled-up tiles. */
@media (max-width: 640px) {
  .nt-guide-copy {
    background-size: 160px 160px, 72px 72px, 100% 100%, 100% 100%, 230px auto;
  }
}

/* Texture should never consume ink in the visitor's printed itinerary. */
@media print {
  .nt-page .nt-calculator, .nt-guide-copy, .nt-evening,
  .nt-route-rail, .nt-request-summary, .nt-child-rules,
  .nt-form .nt-child-controls, .nt-request-result,
  .booking-panel, .notice, .info-block, .map-offer,
  .contact-form-wrap, .included-box, .request-result,
  .site-priority-tour, .transfer-route, .contact-banner,
  .benefits-strip, .footer, .package-banner,
  .page-intro:not(.themed-intro),
  .services-row article, .services-row article:nth-child(2n),
  .photo-rate-card, .photo-rate-card:nth-child(2n) {
    background-image: none !important;
  }
}