/* ============================================================
   UE Connect | Explore Tiles
   Apply class: ue-tile (on a linked GB Container / outer tile)
   ============================================================ */

/* Prevent text selection on tiles */
.ue-tile,
.ue-tile *{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Ensure linked tiles do not inherit odd link-state opacity/color rules */
a.ue-tile,
a.ue-tile:visited{
  opacity: 1;
  color: inherit;
}

/* Keep hover/active/focus states from dimming text */
a.ue-tile:hover,
a.ue-tile:active,
a.ue-tile:focus,
a.ue-tile:focus-visible{
  opacity: 1;
  color: inherit;
}

/* Remove any filter-based dimming */
a.ue-tile,
a.ue-tile *{
  filter: none;
}

/* Remove underline for linked tiles only (all states) */
a.ue-tile,
a.ue-tile:hover,
a.ue-tile:focus,
a.ue-tile:focus-visible,
a.ue-tile:active,
a.ue-tile:visited{
  text-decoration: none;
}

/* Ensure inner text elements inherit intended color */
a.ue-tile :is(h1,h2,h3,h4,h5,h6,p,span,div){
  color: inherit;
}

/* Linked tile base + press interaction */
a.ue-tile{
  display: block;
  cursor: pointer;

  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease,
    background-color 0.15s ease;

  /* Base state: slightly elevated */
  box-shadow: 0 6px 14px rgba(47, 80, 53, 1);
}

/* Hover + keyboard focus: pressed in */
a.ue-tile:hover,
a.ue-tile:focus-visible{
  transform: translateY(2px);
  box-shadow: 0 2px 6px rgba(47, 80, 53, 1);
}

/* Active / click: pressed slightly more */
a.ue-tile:active{
  transform: translateY(3px);
  box-shadow: 0 1px 3px rgba(47, 80, 53, 1);
}

/* Keyboard focus visibility (accessibility) */
a.ue-tile:focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 3px;
  border-radius: 6px;
}