/*
 * App Embed Styles
 * Theme PsyGuild
 */

.pg-app-embed {
  position: relative;
  margin-block: clamp(32px, 6vw, 72px);
}

.pg-app-embed__frame-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: var(--pg-app-min-height, 420px);
  height: var(--pg-app-desktop-height, 760px);
  max-height: var(--pg-app-max-height, none);
  background: rgba(255,255,255,0.86);
  border: 1px solid rgba(15,23,42,0.08);
  border-radius: var(--pg-radius-xl);
  box-shadow: 0 28px 70px -32px rgba(15,23,42,0.26);
  backdrop-filter: blur(var(--pg-glass-blur));
}

.pg-app-embed__frame-wrap iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  border: 0;
  background: #fff;
  transition: height 0.3s ease;
}

/* Width Modes */
.pg-app-embed--width-content {
  width: min(100% - 32px, var(--pg-content-width, 760px));
  margin-inline: auto;
}

.pg-app-embed--width-wide {
  width: min(100% - 40px, var(--pg-app-max-width, 1360px));
  margin-inline: auto;
}

.pg-app-embed--width-full {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.pg-app-embed--width-viewport {
  width: min(100% - 40px, var(--pg-app-max-width, 1440px));
  margin-inline: auto;
}

.pg-app-embed--width-custom {
  width: min(100% - 40px, var(--pg-app-custom-width, 100%));
  margin-inline: auto;
}

/* Height Modes */
.pg-app-embed--height-adaptive .pg-app-embed__frame-wrap {
  height: var(--pg-app-desktop-height, 760px);
}

.pg-app-embed--height-viewport .pg-app-embed__frame-wrap {
  height: calc(100vh - var(--pg-app-header-offset, 80px) - 48px);
  min-height: var(--pg-app-min-height, 420px);
}

.pg-app-embed--height-ratio .pg-app-embed__frame-wrap {
  height: auto;
  aspect-ratio: var(--pg-app-aspect-ratio, 16 / 9);
}

.pg-app-embed--height-fixed .pg-app-embed__frame-wrap {
  height: var(--pg-app-custom-height, 720px);
}

.pg-app-embed--height-auto-message .pg-app-embed__frame-wrap {
  height: auto;
  min-height: var(--pg-app-min-height, 420px);
}

.pg-app-embed--height-auto-message iframe {
  height: var(--pg-app-message-height, var(--pg-app-desktop-height, 760px));
}

/* Responsive */
@media (max-width: 1024px) {
  .pg-app-embed__frame-wrap {
    height: var(--pg-app-tablet-height, 700px);
  }

  .pg-app-embed--height-viewport .pg-app-embed__frame-wrap {
    height: calc(100vh - var(--pg-app-header-offset, 72px) - 36px);
  }
}

@media (max-width: 768px) {
  .pg-app-embed {
    margin-block: 32px;
  }

  .pg-app-embed--width-wide,
  .pg-app-embed--width-viewport,
  .pg-app-embed--width-custom {
    width: min(100% - 24px, 100%);
  }

  .pg-app-embed--width-full {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  .pg-app-embed__frame-wrap {
    height: var(--pg-app-mobile-height, 70vh);
    min-height: min(var(--pg-app-min-height, 420px), 70vh);
    border-radius: 20px;
  }

  .pg-app-embed--width-full .pg-app-embed__frame-wrap {
    border-radius: 0;
  }

  .pg-app-embed--height-viewport .pg-app-embed__frame-wrap {
    height: calc(100vh - var(--pg-app-header-offset, 64px) - 24px);
  }

  .pg-app-embed--height-ratio .pg-app-embed__frame-wrap {
    height: auto;
  }
}