/*
 * AI24Solutions V15
 *
 * Final transparent A-mark inside the existing
 * luminous sphere.
 *
 * Sphere / orbit / moving particles are intentionally
 * inherited from the current production implementation.
 */


body.theme-v13
.ai24-unified-logo--brand-v15 {

  position:
    absolute !important;

  left:
    50% !important;

  top:
    50% !important;

  z-index:
    7 !important;


  display:
    block !important;


  width:
    48% !important;

  height:
    48% !important;


  max-width:
    none !important;

  max-height:
    none !important;


  transform:
    translate(-50%, -50%)
    scale(.96) !important;


  object-fit:
    contain !important;

  object-position:
    center !important;


  background:
    transparent !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  box-shadow:
    none !important;


  /*
   * The PNG already contains its own blue/cyan/violet glow.
   * Only a subtle optical bloom is added here.
   */

  filter:
    drop-shadow(
      0 0 5px
      rgba(255,255,255,.82)
    )

    drop-shadow(
      0 0 11px
      rgba(78,183,255,.43)
    )

    drop-shadow(
      0 0 20px
      rgba(111,91,255,.24)
    ) !important;


  opacity:
    1 !important;


  mix-blend-mode:
    screen;


  pointer-events:
    none !important;


  user-select:
    none !important;
}


/*
 * Slightly soften the sphere immediately behind the mark
 * so the three luminous nodes remain readable.
 */

body.theme-v13
.ai24-unified-core:has(
  .ai24-unified-logo--brand-v15
) {

  background:

    radial-gradient(
      circle at 29% 15%,

      #ffffff 0%,

      #ffffff 7%,

      #f6fbff 14%,

      #ddeaf5 24%,

      #b9cfdf 35%,

      #86a8c0 47%,

      #5f87a6 59%,

      #466d8d 70%,

      #385d7d 82%,

      #2d4f6e 100%
    ) !important;
}


/*
 * Local gentle light behind the actual mark,
 * while keeping its PNG transparent.
 */

body.theme-v13
.ai24-unified-core:has(
  .ai24-unified-logo--brand-v15
)::after {

  opacity:
    .82;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

  body.theme-v13
  .ai24-unified-logo--brand-v15 {

    width:
      48% !important;

    height:
      48% !important;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  body.theme-v13
  .ai24-unified-logo--brand-v15 {

    width:
      50% !important;

    height:
      50% !important;

    transform:
      translate(-50%, -50%)
      scale(.94) !important;
  }

}


/* =========================================================
   SMALL PHONE
   ========================================================= */

@media (max-width: 430px) {

  body.theme-v13
  .ai24-unified-logo--brand-v15 {

    width:
      51% !important;

    height:
      51% !important;
  }

}