/* Playful page background: soft lavender with pink/purple glows and a faint
   tiled pattern of paws, tennis balls and bones. Same look as the hotel-partner
   demo page on k9rox.club. Add class="k9r-paws-bg" to a page's <main>. */

.k9r-paws-bg {
  background-color: #f8f3ff;
  background-image:
    radial-gradient(620px 420px at -6% 2%, rgba(255, 143, 184, 0.40), rgba(0, 0, 0, 0) 66%),
    radial-gradient(660px 460px at 106% 18%, rgba(203, 168, 245, 0.55), rgba(0, 0, 0, 0) 66%),
    radial-gradient(620px 420px at -4% 62%, rgba(255, 190, 140, 0.35), rgba(0, 0, 0, 0) 66%),
    radial-gradient(620px 400px at 104% 96%, rgba(176, 146, 240, 0.40), rgba(0, 0, 0, 0) 66%),
    url("/assets/images/pattern/paws-pattern.svg?v=2");
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;
  background-size: auto, auto, auto, auto, 480px 480px;
}

/* Let the pattern show through the page's full-width sections.
   The hero keeps its own gradient, and cards inside sections keep their own
   white backgrounds so text stays easy to read. */
/* Full-width page sections go see-through so the pattern runs behind the whole
   page. This clears flat colors, the white-to-pink gradient bands, and the old
   faint shape overlays. The homepage hero keeps its photo background.
   Add class="k9r-keep-bg" to any section that should keep its own background. */
.k9r-paws-bg > section:not(.breadcrumb_section):not(.k9r-hero):not(.k9r-keep-bg),
.k9r-paws-bg .k9r-connect-top,
.k9r-paws-bg .k9r-connect-bottom,
.k9r-paws-bg .k9r-schedule-tabs-section,
.k9r-paws-bg .k9r-gallery-hype,
.k9r-paws-bg .k9r-gallery-filter-wrap,
.k9r-paws-bg .k9r-gallery-wrap {
  background-color: transparent !important;
  background-image: none !important;
}