/* ============================================================
   TIX APP SECTION — feature rows + pink-tinted glass icon tiles
   Deploy: wp-content/mu-plugins/tix-home-assets/tix-app.css
   Enqueued by tix-home.php only when [tix_app_features] is present.
   Reuses homepage tokens: accent rgb(237,40,147)->rgb(247,82,84), bg #0a0a0f.

   Scoped under .tix-app-features so it can't leak and out-specificities
   the theme's default <ul>/<li>/<h3> styles (no !important soup needed).
   ============================================================ */

/* --- feature list --- */
ul.tix-app-features{
  list-style:none;
  margin:28px 0 0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:22px;
}
ul.tix-app-features > li.tix-app-feature{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  gap:16px;
}
ul.tix-app-features > li.tix-app-feature::before,
ul.tix-app-features > li.tix-app-feature::marker{ content:none; }

/* --- the rounded-square icon tile: pink glass (matches handoff) --- */
.tix-app-features .tix-app-ico{
  flex:0 0 44px;
  width:44px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  color:#ff4fa3;                        /* icon stroke = brand pink */
  background:rgba(237,40,147,.12);      /* tinted glass fill */
  border:1px solid rgba(237,40,147,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.tix-app-features .tix-app-ico svg{ width:22px; height:22px; display:block; }

/* --- copy --- */
.tix-app-features .tix-app-copy{ min-width:0; flex:1 1 auto; }
.tix-app-features .tix-app-ftitle{
  margin:0 0 3px;
  font-size:17px;
  font-weight:700;
  line-height:1.2;
  color:#ffffff;                        /* force white — theme was greying it */
}
.tix-app-features .tix-app-fdesc{
  margin:0;
  font-size:14.5px;
  line-height:1.45;
  color:rgba(255,255,255,.62);
}

@media (max-width:781px){
  ul.tix-app-features{ gap:18px; }
  .tix-app-features .tix-app-ico{ flex-basis:40px; width:40px; height:40px; border-radius:12px; }
  .tix-app-features .tix-app-ico svg{ width:20px; height:20px; }
}

/* ============================================================
   OPTIONAL — soft pink background glow for the whole app section.
   Add class  tix-app-glow  to the section/row wrapper (the Uncode
   row or column that contains the app content). Same glow recipe
   as the hero (tix-hero::before), tuned a touch softer.
   ============================================================ */
.tix-app-glow{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.tix-app-glow::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(55% 50% at 15% 20%, rgba(237,40,147,.20), transparent 60%),
    radial-gradient(50% 45% at 90% 85%, rgba(247,82,84,.16), transparent 60%);
  pointer-events:none;
}