/*
Theme Name: Child
Template: soundwave
Author: Child Theme Configurator
Version: 1.0.1744189296
Updated: 2025-04-09 10:01:36

*/

:root {
  --base-white: #ffffff;
  --base-black: #1a1a1a;
  --font-heading: 'Montserrat', sans-serif;
  --neutral-200: #e5e7eb;
  --primary-500: #7e43b7;
  --primary-600: #68329b;
  --primary-800: #4f2278;
  --accent-500: #fdc500;
}

/* ==========================================================================
  Share Modal
  Structural/base styling lives in the plugin's own share-modal.css;
  this only overrides the --km-share-* custom-property contract.
========================================================================== */
.km-share-modal {
  margin-block: 1rem 1.5rem;
  --km-share-gap: 1.5rem;
  --km-share-radius: 6px;
  --km-share-max-width: 28rem;

  --km-share-bg: var(--base-white);
  --km-share-color: var(--base-black);
  --km-share-backdrop: rgb(0 0 0 / 40%);
  --km-share-font-family: var(--font-heading);
  --km-share-title-color: var(--base-black);
  --km-share-label-color: var(--base-black);

  --km-share-trigger-radius: 6px;
  --km-share-trigger-width: auto;
  --km-share-trigger-bg: var(--primary-500);
  --km-share-trigger-color: var(--base-white);
  --km-share-trigger-bg-hover: var(--accent-500);
  --km-share-trigger-color-hover: var(--base-black);
  --km-share-trigger-bg-active: var(--primary-600);
  --km-share-trigger-color-active: var(--base-white);

  /* Mail social button: primary purple by default, accent gold on hover, dark purple on press */
  --km-share-social-mail-bg: var(--primary-500);
  --km-share-social-mail-color: var(--base-white);
  --km-share-social-mail-border: transparent;
  --km-share-social-mail-bg-hover: var(--accent-500);
  --km-share-social-mail-color-hover: var(--base-black);
  --km-share-social-mail-bg-active: var(--primary-600);
  --km-share-social-mail-color-active: var(--base-white);

  --km-share-copy-border: var(--neutral-200);
  --km-share-copy-text-color: var(--base-black);

  /* Link kopiëren button: primary purple by default, accent gold on hover, dark purple on press */
  --km-share-copy-btn-bg: var(--primary-500);
  --km-share-copy-btn-bg-mobile: var(--primary-500);
  --km-share-copy-btn-color: var(--base-white);
  --km-share-copy-btn-color-mobile: var(--base-white);
  --km-share-copy-btn-border: transparent;
  --km-share-copy-btn-radius: 6px;
  --km-share-copy-btn-bg-hover: var(--accent-500);
  --km-share-copy-btn-color-hover: var(--base-black);
  --km-share-copy-btn-border-hover: transparent;
  --km-share-copy-btn-bg-active: var(--primary-600);
  --km-share-copy-btn-color-active: var(--base-white);
  --km-share-copy-btn-border-active: transparent;
  --km-share-copy-field-border-copied: var(--primary-600);
  --km-share-copy-field-text-copied: var(--primary-800);

  /* Close button: white by default, accent gold on hover, dark purple on press */
  --km-share-close-bg: var(--base-white);
  --km-share-close-color: var(--base-black);
  --km-share-close-border: var(--neutral-200);
  --km-share-close-radius: 6px;
  --km-share-close-bg-hover: var(--accent-500);
  --km-share-close-color-hover: var(--base-black);
  --km-share-close-bg-active: var(--primary-600);
  --km-share-close-color-active: var(--base-white);
}

.km-share-modal__trigger {
  width: auto;
  max-width: fit-content;
}

/* ==========================================================================
   Header Search & Filter Pulldowns
   Ensure dropdown menus sit above subsequent elements, including ad containers.
   ========================================================================== */
#imgheader {
  position: relative;
  z-index: 500;
}

#imgheader .imgheader .zoekbalk-wrapper form#headerform .zoeken .zoeken-column.open {
  position: relative;
  z-index: 600;
}

#imgheader .imgheader .zoekbalk-wrapper form#headerform .zoeken .zoeken-column .zoeken-dropdown .zoeken-dropdown-content {
  z-index: 1000;
}

#imgheader .zoekbalk .zoekbalkresults {
  z-index: 1000;
}

/* ==========================================================================
   Single Event: Share Modal below Info Table
   Place share button cleanly between info table and content.
   ========================================================================== */
.single-event .km-share-modal {
  margin-block: 16px 24px;
  display: flex;
  justify-content: flex-start;
}

/* ==========================================================================
   Aftermovie YouTube Embed Constraint
   ========================================================================== */
.lite-youtube,
lite-youtube {
  max-width: 560px;
  margin-inline: auto;
}

/* ==========================================================================
   Artist Page: Single Image Sharpness & Proportions
   ========================================================================== */
.artist-content .imageinfo .image img {
  height: auto;
  object-fit: cover;
}