/* =========================================================
   VOLARA MOBILE CTA — CLEAN BUILD
   ========================================================= */

#volara-mobile-cta {
  display: none;
}

@media screen and (max-width: 768px) {

  /* Old implementation must never appear */
  .sticky,
  .sticky-bar,
  .mobile-sticky,
  #volara-mobile-sticky,
  #volara-mobile-cta-v2,
  #volara-floating-mobile-cta {
    display: none !important;
  }

  #volara-mobile-cta {
    position: fixed !important;

    left: 10px !important;
    right: 10px !important;
    bottom: calc(10px + env(safe-area-inset-bottom)) !important;
    top: auto !important;

    z-index: 2147483647 !important;

    display: block !important;

    margin: 0 !important;
    padding: 8px !important;

    width: auto !important;
    height: auto !important;

    background: rgba(255,255,255,.98) !important;

    border: 1px solid rgba(48,21,78,.10) !important;
    border-radius: 16px !important;

    box-shadow:
      0 10px 32px rgba(31,14,48,.18),
      0 2px 8px rgba(31,14,48,.07) !important;

    box-sizing: border-box !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transform: translate3d(0,14px,0) !important;

    transition:
      opacity .18s ease,
      transform .18s ease,
      visibility 0s linear .18s !important;

    font-family: inherit !important;
  }

  #volara-mobile-cta.volara-cta-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transform: translate3d(0,0,0) !important;

    transition:
      opacity .18s ease,
      transform .18s ease,
      visibility 0s !important;
  }

  #volara-mobile-cta,
  #volara-mobile-cta * {
    box-sizing: border-box !important;
  }

  .volara-cta-link {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;
    text-decoration: none !important;

    background: transparent !important;
  }

  .volara-cta-main {
    display: flex !important;
    align-items: center !important;

    gap: 9px !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  .volara-cta-image {
    display: block !important;

    width: 50px !important;
    height: 50px !important;

    flex: 0 0 50px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;

    border-radius: 11px !important;

    background: #f4effa !important;
  }

  .volara-cta-copy {
    min-width: 0 !important;
    flex: 1 1 auto !important;

    display: flex !important;
    flex-direction: column !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1.08 !important;
  }

  .volara-cta-copy strong {
    margin: 0 !important;
    padding: 0 !important;

    color: #211331 !important;

    font-size: 14px !important;
    font-weight: 800 !important;

    text-decoration: none !important;
  }

  .volara-cta-copy span {
    margin: 4px 0 0 !important;
    padding: 0 !important;

    color: #776f7e !important;

    font-size: 10.5px !important;
    font-weight: 500 !important;

    text-decoration: none !important;
  }

  .volara-cta-button {
    flex: 0 0 auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 42px !important;

    padding: 0 12px !important;

    border-radius: 11px !important;

    background: #2d1248 !important;
    color: #fff !important;

    font-size: 10.5px !important;
    font-weight: 800 !important;

    line-height: 1 !important;
    letter-spacing: .01em !important;

    white-space: nowrap !important;

    text-decoration: none !important;
  }

  .volara-cta-arrow {
    margin-left: 5px !important;

    font-size: 15px !important;
    line-height: 1 !important;
  }

  .volara-cta-proof {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 4px !important;

    margin: 6px 2px 0 !important;
    padding: 6px 0 1px !important;

    border-top: 1px solid rgba(47,22,74,.07) !important;

    color: #67528a !important;

    font-size: 9.5px !important;
    line-height: 1 !important;

    white-space: nowrap !important;

    text-decoration: none !important;
  }

  .volara-cta-proof strong {
    color: #211331 !important;

    font-weight: 750 !important;
  }

  .volara-cta-tp {
    color: #00b67a !important;

    font-size: 13px !important;
  }

  .volara-cta-stars {
    color: #6d51a1 !important;

    letter-spacing: -1px !important;
  }

  body.volara-cta-active {
    padding-bottom: 100px !important;
  }
}

/* rating row only when content.js un-hides it (real Trustpilot config) */
#volara-mobile-cta .volara-cta-proof[hidden] { display: none !important; }
#volara-mobile-cta .volara-cta-proof { margin-top: 6px !important; }