/* LYTL Immersive Builder MASTER 1.0 — assistants-station.css — consolidated canonical styles */

.elementor-widget-lytl_assistants_station:has(.lytl-assistants.is-overlay),
.elementor-widget-lytl_immersive_hologram_stage:has(.lytl-holo.is-overlay) {
  position: absolute;
  margin: 0 !important;
  max-width: none !important;
}

.lytl-assistants {
  --as-panel: #5b2d78;
  --as-panel-opacity: 48%;
  --as-card: #3b174f;
  --as-card-opacity: 62%;
  --as-back: #351548;
  --as-back-opacity: 82%;
  --as-border: #d8b25a;
  --as-border-opacity: 78%;
  --as-accent: #8c58b0;
  --as-blur: 2px;
  --as-station-radius: 20px;
  --as-card-radius: 13px;
  --as-station-border-width: 1px;
  --as-card-border-width: 1px;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 18px;
  border-width: var(--as-station-border-width);
  border-color: color-mix(in srgb,var(--as-border) var(--as-border-opacity),transparent);
  border-radius: var(--as-station-radius);
  background: color-mix(in srgb,var(--as-panel) var(--as-panel-opacity),transparent);
  backdrop-filter: blur(var(--as-blur));
  -webkit-backdrop-filter: blur(var(--as-blur));
  box-shadow: 0 14px 38px rgba(26,10,34,.18),inset 0 1px 0 rgba(255,255,255,.09);
  overflow: hidden;
  isolation: isolate;
}

.lytl-assistants.station-border-none {
  border-style: none;
}

.lytl-assistants.station-border-solid {
  border-style: solid;
}

.lytl-assistants.station-border-dashed {
  border-style: dashed;
}

.lytl-assistants.station-border-dotted {
  border-style: dotted;
}

.lytl-assistants.station-border-double {
  border-style: double;
}

.lytl-assistants.station-border-groove {
  border-style: groove;
}

.lytl-assistants.station-border-ridge {
  border-style: ridge;
}

.lytl-assistants.station-border-decorative {
  border-style: solid;
  box-shadow: 0 0 0 2px color-mix(in srgb,var(--as-border) 22%,transparent),0 14px 38px rgba(26,10,34,.18);
}

.lytl-assistants__header h2 {
  margin: 0 0 4px;
}

.lytl-assistants__header p {
  margin: 0;
}

.lytl-assistants__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 13px 0 10px;
}

.lytl-assistants__tab {
  border: 1px solid color-mix(in srgb,var(--as-border) 74%,transparent);
  border-radius: 999px;
  padding: 7px 11px;
  background: color-mix(in srgb,var(--as-accent) 42%,transparent);
  cursor: pointer;
  transition: .18s ease;
}

.lytl-assistants__tab:hover,
.lytl-assistants__tab.is-active {
  background: color-mix(in srgb,var(--as-accent) 82%,transparent);
  border-color: var(--as-border);
  transform: translateY(-1px);
}

.lytl-assistants__pane {
  min-height: 0;
}

.lytl-assistants__flip-shell {
  position: relative;
  width: 100%;
  perspective: 1200px;
  transition: height .22s ease;
}

.lytl-assistants__flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .58s cubic-bezier(.2,.75,.2,1);
}

.lytl-assistants__flip-shell.is-flipped .lytl-assistants__flip-inner {
  transform: rotateY(180deg);
}

.lytl-assistants__face {
  position: absolute;
  inset: 0;
  width: 100%;
  box-sizing: border-box;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  overflow: hidden;
  border-width: var(--as-card-border-width);
  border-color: color-mix(in srgb,var(--as-border) var(--as-border-opacity),transparent);
  border-radius: var(--as-card-radius);
}

.lytl-assistants.card-border-none .lytl-assistants__face {
  border-style: none;
}

.lytl-assistants.card-border-solid .lytl-assistants__face {
  border-style: solid;
}

.lytl-assistants.card-border-dashed .lytl-assistants__face {
  border-style: dashed;
}

.lytl-assistants.card-border-dotted .lytl-assistants__face {
  border-style: dotted;
}

.lytl-assistants.card-border-double .lytl-assistants__face {
  border-style: double;
}

.lytl-assistants.card-border-groove .lytl-assistants__face {
  border-style: groove;
}

.lytl-assistants.card-border-ridge .lytl-assistants__face {
  border-style: ridge;
}

.lytl-assistants.card-border-decorative .lytl-assistants__face {
  border-style: solid;
  box-shadow: inset 0 0 0 2px color-mix(in srgb,var(--as-border) 24%,transparent);
}

.lytl-assistants.card-border-decorative .lytl-assistants__face::after {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: calc(var(--as-card-radius) - 4px);
  pointer-events: none;
  background: repeating-linear-gradient(90deg,color-mix(in srgb,var(--as-border) 70%,transparent) 0 5px,transparent 5px 10px) top/100% 2px no-repeat,
    repeating-linear-gradient(90deg,color-mix(in srgb,var(--as-border) 70%,transparent) 0 5px,transparent 5px 10px) bottom/100% 2px no-repeat;
  opacity: .75;
}

.lytl-assistants__front {
  background: color-mix(in srgb,var(--as-card) var(--as-card-opacity),transparent);
  cursor: pointer;
}

.lytl-assistants__back {
  transform: rotateY(180deg);
  background: color-mix(in srgb,var(--as-back) var(--as-back-opacity),transparent);
  cursor: pointer;
}

.lytl-assistants__image-wrap {
  position: relative;
  width: 100%;
  height: 250px;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: color-mix(in srgb,var(--as-card) 34%,transparent);
}

.lytl-assistants__image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: var(--assistant-fit,contain);
  object-position: var(--assistant-position,center center);
  transform: scale(var(--assistant-zoom,.82));
  transform-origin: center;
  transition: transform .22s ease,filter .22s ease;
}

.lytl-assistants__front:hover .lytl-assistants__image-wrap img {
  filter: drop-shadow(0 0 18px color-mix(in srgb,var(--as-accent) 40%,transparent));
}

.lytl-assistants__flip-hint {
  position: absolute;
  right: 9px;
  bottom: 9px;
  border: 1px solid color-mix(in srgb,var(--as-border) 58%,transparent);
  border-radius: 999px;
  padding: 6px 9px;
  background: rgba(34,14,45,.48);
  color: #fff8da;
  font: 750 10px/1 Inter,system-ui,sans-serif;
  backdrop-filter: blur(4px);
  pointer-events: none;
}

.lytl-assistants__front-copy,
.lytl-assistants__back-copy {
  padding: 12px;
}

.lytl-assistants__front-name {
  margin: 0 0 4px;
}

.lytl-assistants__front-copy p {
  margin: 0;
}

.lytl-assistants__back h3 {
  margin: 0 0 9px;
}

.lytl-assistants__back-image {
  width: 100%;
  height: 150px;
  object-fit: var(--assistant-back-fit,contain);
  object-position: center;
  border-radius: calc(var(--as-card-radius) - 6px);
  margin: 0 0 10px;
  background: rgba(255,255,255,.04);
}

.lytl-assistants__back-content p:first-child {
  margin-top: 0;
}

.lytl-assistants__back-content p:last-child {
  margin-bottom: 0;
}

.lytl-assistants__back-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  margin-top: 12px;
  border: 1px solid color-mix(in srgb,var(--as-border) 75%,transparent);
  border-radius: 999px;
  padding: 8px 13px;
  background: color-mix(in srgb,var(--as-accent) 76%,transparent);
  text-decoration: none;
  cursor: pointer;
}

.lytl-assistants__back-flip {
  display: block;
  width: max-content;
  max-width: 100%;
  margin: 12px auto 2px;
  border: 0;
  background: transparent;
  color: inherit;
  opacity: .72;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width:767px) {
.lytl-assistants {
  padding: 12px;
}
.lytl-assistants__image-wrap {
  height: 210px;
}
}

@media (prefers-reduced-motion:reduce) {
.lytl-holo.is-floating .lytl-holo__image,
  .lytl-assistants__flip-inner {
  animation: none !important;
  transition: none !important;
}
}

.lytl-assistants.station-bg-transparent{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.lytl-assistants__surface-media{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none}
.lytl-assistants__surface-media img,.lytl-assistants__surface-media video{width:100%;height:100%;display:block;object-fit:cover}
.lytl-assistants__surface-media i{position:absolute;inset:0;background:rgba(35,15,47,.22)}
.lytl-assistants__face{position:absolute}
.lytl-assistants.front-bg-transparent .lytl-assistants__front,.lytl-assistants.back-bg-transparent .lytl-assistants__back{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.lytl-assistants__front-media{height:100%;object-fit:var(--assistant-fit,contain);object-position:var(--assistant-position,center center);transform:scale(var(--assistant-zoom,1));transform-origin:center}
.lytl-assistants__front-icon{height:100%;display:grid;place-items:center;color:var(--as-accent);transform:scale(var(--assistant-zoom,1))}
.lytl-assistants__front-icon svg{width:75%;height:75%;fill:currentColor}

.lytl-assistants__station-media{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none}.lytl-assistants__station-media img,.lytl-assistants__station-media video{width:100%;height:100%;display:block;object-fit:cover}.lytl-assistants__header,.lytl-assistants__tabs,.lytl-assistants__pane{position:relative;z-index:2}

.lytl-assistants.front-bg-image .lytl-assistants__front,.lytl-assistants.front-bg-video .lytl-assistants__front,.lytl-assistants.back-bg-image .lytl-assistants__back,.lytl-assistants.back-bg-video .lytl-assistants__back{background:transparent!important}
.lytl-assistants__surface-media{opacity:var(--as-card-opacity,62%);filter:blur(var(--as-blur,2px))}
.lytl-assistants__back .lytl-assistants__surface-media{opacity:var(--as-back-opacity,82%)}
.lytl-assistants__station-media{opacity:var(--as-panel-opacity,48%);filter:blur(var(--as-blur,2px))}
.lytl-assistants__front-copy,.lytl-assistants__image-wrap,.lytl-assistants__back-copy{position:relative;z-index:2}


/* 1.0.1 FRONT-PAGE HOTFIX — reliable two-way assistant flip only */
.lytl-assistants__flip-shell:not(.is-flipped) .lytl-assistants__front{
  pointer-events:auto!important;
}
.lytl-assistants__flip-shell:not(.is-flipped) .lytl-assistants__back{
  pointer-events:none!important;
}
.lytl-assistants__flip-shell.is-flipped .lytl-assistants__front{
  pointer-events:none!important;
}
.lytl-assistants__flip-shell.is-flipped .lytl-assistants__back{
  pointer-events:auto!important;
}
.lytl-assistants__back-flip{
  position:relative;
  z-index:10;
  pointer-events:auto!important;
}