/* Optional presentation finish. Original media, layout and typography stay intact. */
html[data-finish="gloss"] {
  --gloss-photo-filter: brightness(1.025) contrast(1.035) saturate(1.025);
  --gloss-gold: linear-gradient(110deg, #ae9a63 0%, #ddc992 43%, #c3ad74 64%, #ae9a63 100%);
  --gloss-navy: linear-gradient(145deg, rgba(255,255,255,.035), transparent 46%), linear-gradient(180deg, #17222f 0%, #101923 52%, #080e19 100%);
  --gloss-photo-shadow: 0 6px 18px rgba(7,13,24,.09);
}

/* Filter only media elements; labels, captions and controls are not filtered. */
html[data-finish="gloss"] :is(
  .hero-image, .category-image, .activity-tile img, .portfolio-card img,
  .investment-photo img, .investment-home-photo img, .development-home img,
  .development-media img, .development-modal-media img, .founder-portrait img,
  .profile-portrait img, .story-photo img, .brand-story-portrait img, .reception-photo img,
  .reception-collage-card img, .reception-story-carriages img,
  .origins-photo img, .origins-history-preview img, .origins-history-card img,
  .category-lightbox-image, .lightbox-image,
  .amante-live-poster, .edelbox-film-poster, .wellness-film-poster,
  .ibiza-film-poster, .reception-film-poster img,
  .amante-video-dialog video, .amante-film video
) {
  filter: var(--gloss-photo-filter);
}

/* Explicit exclusions also protect these assets if reused in an image card. */
html[data-finish="gloss"] :is(
  .crest-logo, .brand img, .book-image img, .earlier-book-cover img,
  .ibiza-banner img, img[src$="/logo.png"], img[src*="-omslag."],
  img[src*="de-weg-terug-boek."], img[src*="edel-living-ibiza-banner."]
) {
  filter: none;
}

html[data-finish="gloss"] :is(.masthead, .menu-head) {
  background-color: #fbfaf7;
  background-image: linear-gradient(180deg, #fff 0%, #fdfcf9 62%, #f4f2eb 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 4px 16px rgba(7,13,24,.065);
}

/* Only surfaces which already have a dark background receive the navy finish. */
html[data-finish="gloss"] :is(
  .vision, .contact, .site-footer, .category-outro, .personal-note,
  .books-author-link, .book-feature, .reception-films, .investment-contact,
  .development-outro, .category-lightbox, .reception-lightbox,
  .reception-video-lightbox, .development-lightbox, .amante-video-dialog,
  .edelbox-video-dialog, .wellness-video-dialog
) {
  background-image: var(--gloss-navy);
}

html[data-finish="gloss"] :is(.gold-rule, .reception-hero-rule),
html[data-finish="gloss"] .ibiza-story::before {
  background-image: var(--gloss-gold);
}

/* Keep ordinary navy buttons navy: these are the existing gold button styles. */
html[data-finish="gloss"] :is(.category-hero-action, .category-actions .dark-button) {
  background-image: var(--gloss-gold);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.26), 0 3px 9px rgba(7,13,24,.08);
}

/* No extra frame, padding, aspect ratio or cropping is introduced. */
html[data-finish="gloss"] :is(
  .investment-photo img, .investment-home-photo img, .development-home img,
  .founder-portrait img, .profile-portrait img, .story-photo img, .brand-story-portrait img,
  .origins-photo img, .origins-history-preview img, .origins-history-card img,
  .reception-story-photo button, .amante-live-button, .edelbox-film-button,
  .wellness-film-button, .ibiza-film-button, .reception-film-poster
) {
  box-shadow: var(--gloss-photo-shadow);
}

/* The static highlight is confined to the top edge, never across a face. */
html[data-finish="gloss"] :is(
  .category-photo-media, .development-media, .reception-collage-card button,
  .reception-story-photo button, .reception-story-carriages button,
  .amante-live-button, .edelbox-film-button, .wellness-film-button,
  .ibiza-film-button, .reception-film-poster
) {
  position: relative;
  isolation: isolate;
}

html[data-finish="gloss"] :is(
  .category-photo-media, .development-media, .reception-collage-card button,
  .reception-story-photo button, .reception-story-carriages button,
  .amante-live-button, .edelbox-film-button, .wellness-film-button,
  .ibiza-film-button, .reception-film-poster
)::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0 0 auto;
  height: clamp(10px, 1.7vw, 22px);
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.025) 45%, transparent 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
  pointer-events: none;
}

/* Existing dark ::after overlays stay untouched; controls remain above the rim. */
html[data-finish="gloss"] :is(
  .category-photo-zoom, .development-zoom, .development-photo-plus,
  .reception-photo-plus, .amante-live-symbol, .amante-live-copy,
  .edelbox-film-symbol, .edelbox-film-copy, .wellness-film-symbol,
  .wellness-film-copy, .ibiza-film-symbol, .ibiza-film-copy, .reception-film-play
) {
  z-index: 2;
}

html[data-finish="gloss"] :is(
  .amante-live-symbol, .edelbox-film-symbol, .wellness-film-symbol,
  .ibiza-film-symbol, .reception-film-play
) {
  border-color: #d7c18b;
  box-shadow: inset 0 1px 0 rgba(255,239,196,.2), 0 2px 8px rgba(7,13,24,.12);
}

@media (forced-colors: active) {
  html[data-finish="gloss"] {
    --gloss-photo-filter: none;
    --gloss-gold: none;
    --gloss-navy: none;
    --gloss-photo-shadow: none;
  }

  html[data-finish="gloss"] :is(
    .category-photo-media, .development-media, .reception-collage-card button,
    .reception-story-photo button, .reception-story-carriages button,
    .amante-live-button, .edelbox-film-button, .wellness-film-button,
    .ibiza-film-button, .reception-film-poster
  )::before {
    display: none;
  }

  html[data-finish="gloss"] :is(
    .masthead, .menu-head, .category-hero-action, .category-actions .dark-button,
    .amante-live-symbol, .edelbox-film-symbol, .wellness-film-symbol,
    .ibiza-film-symbol, .reception-film-play
  ) {
    background-image: none;
    box-shadow: none;
  }
}