/* K-Store coming-soon page: white page, pale-gold line drawing behind, black centred text. */
html:has(.woocommerce-coming-soon-default),
html:has(.woocommerce-coming-soon-default) body {
  background: #fff;
}

.woocommerce-coming-soon-default {
  position: relative;
  isolation: isolate;
}

/* Removed: site title and login button (header), social icons (footer group). */
.woocommerce-coming-soon-default .woocommerce-coming-soon-header,
.woocommerce-coming-soon-default .woocommerce-coming-soon-powered-by-woo {
  display: none !important;
}

/* Full-page background */
.popline-coming-bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: #fff;
}

.popline-coming-bg .popline-golden[data-fill="cover"] {
  position: absolute;
  inset: 0;
  height: 100%;
  aspect-ratio: auto;
}

/* Soft white patch behind the text so the lines fade out around it */
.popline-coming-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse 30vw 14vw at 50% 50%,
    #fff 0%,
    #fff 50%,
    rgb(255 255 255 / 0) 100%
  );
}

/* Text */
.woocommerce-coming-soon-default .woocommerce-coming-soon-banner {
  position: relative;
  color: #a47722;
  font-weight: 600;
  font-size: clamp(28px, 3vw, 46px);
  line-height: 1.3;
  letter-spacing: 0.04em;
}

.woocommerce-coming-soon-banner .pl-logo {
  display: block;
  width: clamp(110px, 10vw, 150px);
  margin: 0 auto 24px;
}
.woocommerce-coming-soon-banner .pl-logo img {
  display: block;
  width: 100%;
  height: auto;
}

.woocommerce-coming-soon-banner .pl-w { display: inline; }
.woocommerce-coming-soon-banner .pl-status { display: block; }

/* Phone: three lines */
@media (max-width: 600px) {
  .woocommerce-coming-soon-default .woocommerce-coming-soon-banner {
    font-size: 9.5vw;
  }
  .woocommerce-coming-soon-banner .pl-w { display: block; }
  .woocommerce-coming-soon-banner .pl-logo { width: 34vw; margin-bottom: 18px; }
  .popline-coming-bg::after {
    background: radial-gradient(
      ellipse 84vw 40vw at 50% 50%,
      #fff 0%,
      #fff 50%,
      rgb(255 255 255 / 0) 100%
    );
  }
}
