/*
Theme Name: Hello Elementor - LuupiGO (Child)
Theme URI: https://luupigo.com/
Description: Child theme for Hello Elementor used on luupigo.com (marketing web). Includes LuupiGO shortcodes to embed the PWA (app.luupigo.com) via responsive iframes.
Author: LuupiGO
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-luupigo
*/

/* Optional: small defaults for embeds */
.luupigo-embed {
  position: relative;
  width: 100%;
  border-radius: 14px;
  overflow: hidden;
  background: #0b1220;
}

.luupigo-embed iframe {
  display: block;
  width: 100%;
  border: 0;
}

/* 16:9 responsive helper */
.luupigo-embed.ratio-16x9::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.luupigo-embed.ratio-16x9 > iframe {
  position: absolute;
  inset: 0;
  height: 100%;
}

/* Custom height helper */
.luupigo-embed.has-height > iframe {
  height: var(--luupigo-embed-height, 700px);
}

.luupigo-cta {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.luupigo-cta a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 600;
}

.luupigo-cta a.primary {
  background: #4361ee;
  color: #fff;
}

.luupigo-cta a.secondary {
  background: rgba(67,97,238,.10);
  color: #4361ee;
}