/* =========================================================
   SWO Gallery Presets
   ========================================================= */

/* ---------------------------------------------------------
   STANDARD-PRESET
   --------------------------------------------------------- */

.wcr-gallery.swo-gallery-standard {
  --wcr-gallery-max-width: 1120px;
  --wcr-gallery-frame-height: 500px;
  --wcr-gallery-image-height: 100%;

  --wcr-gallery-radius: 22px;
  --wcr-gallery-gap: 14px;

  /* ✨ moderner Verlauf + Transparenz */
  --wcr-gallery-bg:
    radial-gradient(circle at 18% 85%, rgba(120, 154, 133, 0.25), transparent 35%),
    radial-gradient(circle at 88% 18%, rgba(214, 224, 210, 0.45), transparent 35%),
    linear-gradient(135deg, rgba(255,255,255,0.88), rgba(232,240,234,0.72));

  --wcr-gallery-padding: 32px;
  --wcr-gallery-shadow: 0 28px 70px rgba(22, 55, 47, 0.14);

  --wcr-gallery-controls-gap: 18px;
  --wcr-gallery-controls-margin-top: 26px;

  --wcr-gallery-progress-height: 3px;
  --wcr-gallery-progress-bg: rgba(22, 55, 47, 0.14);
  --wcr-gallery-progress-color: #16372FE0;

  --wcr-gallery-nav-size: 46px;
  --wcr-gallery-nav-bg: rgba(255, 255, 255, 0.85);
  --wcr-gallery-nav-color: #16372F;

  border: 1px solid rgba(184, 152, 88, 0.35);
  border-radius: 28px;
  overflow: hidden;

  --wcr-gallery-nav-shadow: 0 14px 32px rgba(22, 55, 47, 0.14);

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

}

/* ---------------------------------------------------------
   MEDIA / BILD
   --------------------------------------------------------- */

.wcr-gallery.swo-gallery-standard .wcr-gallery__media {
  border-radius: var(--wcr-gallery-radius);
}

.wcr-gallery.swo-gallery-standard .wcr-gallery__img {
  border-radius: 18px;
  box-shadow: 0 8px 22px rgba(22, 55, 47, 0.08);
}

/* Viewport */
.wcr-gallery.swo-gallery-standard .wcr-gallery__viewport {
  border-radius: var(--wcr-gallery-radius);
}

/* ---------------------------------------------------------
   CAPTION
   --------------------------------------------------------- */

.wcr-gallery.swo-gallery-standard .wcr-gallery__caption {
  margin-top: 16px;
  margin-bottom: 8px;
  max-width: 92%;
  font-size: 0.95rem;
  line-height: 1.5;
  color: rgba(22, 55, 47, 0.75);
  text-align: center;
  font-style: italic;
}

/* ---------------------------------------------------------
   CONTROLS
   --------------------------------------------------------- */

.wcr-gallery.swo-gallery-standard .wcr-gallery__controls {
  margin-top: var(--wcr-gallery-controls-margin-top);
}

/* ---------------------------------------------------------
   NAVIGATION
   --------------------------------------------------------- */

.wcr-gallery.swo-gallery-standard .wcr-gallery__nav {
  font-size: 30px;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.wcr-gallery.swo-gallery-standard .wcr-gallery__nav:hover:not([disabled]) {
  background: #16372FE0;
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(22, 55, 47, 0.22);
}

.wcr-gallery.swo-gallery-standard .wcr-gallery__nav[disabled],
.wcr-gallery.swo-gallery-standard .wcr-gallery__nav[disabled]:hover,
.wcr-gallery.swo-gallery-standard .wcr-gallery__nav[disabled]:active,
.wcr-gallery.swo-gallery-standard .wcr-gallery__nav[disabled]:focus {
  background: rgba(255, 255, 255, 0.55);
  color: rgba(22, 55, 47, 0.42);
  box-shadow: none;
  transform: none;
  opacity: 1;
  outline: none;
}

/* ---------------------------------------------------------
   OPTIONALE STILE
   --------------------------------------------------------- */

.wcr-gallery.swo-gallery-natural {
  --wcr-gallery-image-fit: contain;
}

.wcr-gallery.swo-gallery-editorial .wcr-gallery__img {
  object-fit: cover;
}

/* ---------------------------------------------------------
   GRÖSSENVARIANTEN
   --------------------------------------------------------- */

.wcr-gallery.swo-gallery-small {
  --wcr-gallery-max-width: 420px;
  --wcr-gallery-frame-height: 220px;
}

.wcr-gallery.swo-gallery-medium {
  --wcr-gallery-max-width: 760px;
  --wcr-gallery-frame-height: 360px;
}

.wcr-gallery.swo-gallery-large {
  --wcr-gallery-max-width: 960px;
  --wcr-gallery-frame-height: 520px;
}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {
  .wcr-gallery.swo-gallery-standard {
    --wcr-gallery-max-width: 100%;
    --wcr-gallery-frame-height: 340px;
    --wcr-gallery-padding: 14px;
    --wcr-gallery-radius: 18px;

    --wcr-gallery-controls-gap: 10px;
    --wcr-gallery-controls-margin-top: 16px;
    --wcr-gallery-nav-size: 38px;

    width: 100%;
    max-width: 100%;
    margin-inline: auto;
  }

  .wcr-gallery.swo-gallery-standard .wcr-gallery__nav {
    font-size: 24px;
    touch-action: manipulation;
  }

  .wcr-gallery.swo-gallery-standard .wcr-gallery__caption {
    font-size: 0.85rem;
    line-height: 1.4;
    margin-top: 12px;
  }
}