/*
  QUEER HEAVEN — final marigold + coneflower finishing touches
  Upload this file beside your CURRENT index.html, with the assets in /assets.
  This file does not alter your registry layout, gift states, photo grids or links.
*/
:root {
  --qh-paper: #f9e7d6;
  --qh-oscar-orange-1: #e87808;
  --qh-oscar-orange-2: #b9550b;
}
html { background-color: var(--qh-paper); }
body {
  position: relative !important;
  background-color: var(--qh-paper) !important;
  background-image: none !important;
  overflow-x: clip;
}
/* Clear the prior drawn-flower decorations, which some site revisions
   used as body pseudo-elements. The new photographic borders are real
   visual layers inserted by wedding-finishing-touches.js. */
body::before,
body::after { background-image: none !important; content: none !important; }

/* Photoreal floral side borders, preserving the center and allowing clicks
   to pass through them. Images already have transparency and soft shadows. */
.qh-photoborder {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  height: auto !important;
  width: clamp(90px, 18vw, 245px);
  display: block !important;
  pointer-events: none !important;
  user-select: none !important;
  z-index: 2;
  background-position: center top;
  background-repeat: repeat-y;
  background-size: 100% auto;
  opacity: 1;
}
.qh-photoborder--left {
  left: 0 !important;
  background-image: url('assets/left-marigolds-coneflowers.webp');
}
.qh-photoborder--right {
  right: 0 !important;
  background-image: url('assets/right-marigolds-coneflowers.webp');
}

/* The hero is still the site's original live HTML, with original text,
   Zoom information and links. Only its background is relocated to a
   feathered layer, instead of a stark rectangular background. */
.qh-hero-soft {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.qh-hero-soft::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  z-index: -1 !important;
  inset: -14px -22px !important;
  border-radius: 38px;
  background-image:
    linear-gradient(180deg, rgba(40, 14, 25, .32), rgba(40, 14, 25, .5)),
    var(--qh-original-hero-image, url('assets/ceremony-flowers-hero.jpg'));
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-mask-image: radial-gradient(ellipse 58% 62% at 50% 50%, #000 51%, rgba(0,0,0,.92) 66%, rgba(0,0,0,.34) 86%, transparent 100%);
  mask-image: radial-gradient(ellipse 58% 62% at 50% 50%, #000 51%, rgba(0,0,0,.92) 66%, rgba(0,0,0,.34) 86%, transparent 100%);
}
.qh-hero-soft::after { content: none !important; display: none !important; }
/* Restore readable cream text if the former theme set dark text on the hero. */
.qh-hero-soft h1,
.qh-hero-soft h2,
.qh-hero-soft p { text-shadow: 0 1px 8px rgba(25,8,15,.45); }

/* Oscar's own existing section, the name link, memorial text and decorative
   flourish remain where they already are. */
.qh-oscar-orange {
  color: #fff8ec !important;
  background: linear-gradient(120deg, var(--qh-oscar-orange-1) 0%, #d76808 51%, var(--qh-oscar-orange-2) 100%) !important;
  background-image: linear-gradient(120deg, var(--qh-oscar-orange-1) 0%, #d76808 51%, var(--qh-oscar-orange-2) 100%) !important;
  border-color: rgba(254,205,133,.55) !important;
  box-shadow: 0 9px 24px rgba(119,54,14,.2) !important;
}
.qh-oscar-orange h1,
.qh-oscar-orange h2,
.qh-oscar-orange h3,
.qh-oscar-orange p,
.qh-oscar-orange a,
.qh-oscar-orange small { color: #fff8ec !important; }
.qh-oscar-orange a:hover { color: #ffffff !important; }

/* Hide old theme controls when any of these familiar site class names exist.
   The JS also finds text-based controls if their names differ. */
.theme-switcher,
.theme-switch,
.theme-picker,
.theme-selector,
.theme-controls,
[class~='theme-toggle-bar'],
.qh-theme-hidden { display: none !important; }

@media (max-width: 900px) {
  .qh-photoborder { width: clamp(70px, 15vw, 145px); }
}
@media (max-width: 560px) {
  /* Keep photos and gift cards clear on phones: flowers shrink to the margins. */
  .qh-photoborder { width: 46px; opacity: .67; }
  .qh-hero-soft::before { inset: -10px -12px !important; }
}
@media (prefers-reduced-motion: reduce) {
  /* This kit has no added motion/animation. */
}