/* ================================================================================ */
/*  Project: WebRH
/*  Author: Digital Experience
/*  Date: Tue Apr 28 2026 15:06:25 GMT+0000 (Coordinated Universal Time)
/*  
/*  Copyright © 2026 Red Hat, Inc.
/*  https://www.redhat.com
/* ================================================================================ */

.rh-link-tile--component {
  container-name: rh-link-tile--component;
  container-type: inline-size;
  position: relative;
  padding: 32px;
  margin: -32px;
}
.rh-link-tile--component[data-rh-tileHeight=tall], .rh-card-content > .rh-link-tile--component {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: center;
  flex-grow: 1;
  min-height: 100px;
}
.rh-link-tile--component:hover .rh-link-tile--arrow-wrapper {
  right: 28px;
}
.rh-link-tile--component[data-rh-align~=left] {
  list-style-position: outside;
  text-align: left;
}
.rh-link-tile--component[data-rh-align~=left] .rh-icon-embed-icon {
  margin: 0 0 8px;
}
.rh-link-tile--component[data-rh-align~=right] {
  text-align: right;
  list-style-position: inside;
}
.rh-link-tile--component[data-rh-align~=right] .rh-icon-embed-icon {
  margin: 0 0 8px auto;
}
.rh-link-tile--component[data-rh-align~=center] {
  text-align: center;
  list-style-position: inside;
}
.rh-link-tile--component[data-rh-align~=center] > ul {
  padding-left: 0;
}
.rh-link-tile--component[data-rh-align~=center] .rh-icon-embed-icon {
  margin: 0 auto 8px;
}
@media (max-width: 767px) {
  .rh-link-tile--component[data-rh-align~=left-mobile] {
    list-style-position: outside;
    text-align: left;
  }
  .rh-link-tile--component[data-rh-align~=right-mobile] {
    text-align: right;
    list-style-position: inside;
  }
  .rh-link-tile--component[data-rh-align~=center-mobile] {
    text-align: center;
    list-style-position: inside;
  }
  .rh-link-tile--component[data-rh-align~=center-mobile] > ul {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .rh-link-tile--component[data-rh-align=left-desktop] {
    list-style-position: outside;
    text-align: left;
  }
  .rh-link-tile--component[data-rh-align=right-desktop] {
    text-align: right;
    list-style-position: inside;
  }
}
.rh-link-tile--component .rh-link-tile-footer {
  font-size: 0.875rem;
  color: #151515;
  margin-bottom: 0;
}

.rh-link-tile-content {
  flex-grow: 1;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
}

.rh-link-tile-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.rh-link-tile-link:focus-visible {
  border: 1px solid light-dark(#004d99, #92c5f9);
  outline-offset: -8px;
}
@container rh-link-tile--component (min-width: 302px) {
  .rh-link-tile-link:focus-visible {
    outline-offset: 0;
  }
}

.rh-link-tile-icon {
  display: block;
  line-height: 1;
  color: light-dark(#292929, #ffffff);
}

.rh-link-tile-header {
  margin: 0 0 16px;
}
.rh-link-tile-header:last-child {
  margin-bottom: 0;
}

.rh-link-tile-title {
  margin: 0 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: var(--rh-font-family-body-text, RedHatText, "Red Hat Text", Helvetica, Arial, sans-serif);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: light-dark(#ee0000, #ffffff);
}
.rh-link-tile-title:last-child {
  margin-bottom: 0;
}
@container rh-link-tile--component (min-width: 260px) {
  .rh-link-tile-title {
    overflow: visible;
    text-overflow: clip;
  }
}
.rh-link-tile-title a {
  text-decoration: none;
  color: inherit;
}
.rh-link-tile-title a:hover, .rh-link-tile-title a:active, .rh-link-tile-title a:focus {
  color: light-dark(#004d99, #c7c7c7);
}

.rh-link-tile-headline {
  margin: 0 0 4px;
  font-family: var(--rh-font-family-heading, RedHatDisplay, "Red Hat Display", Helvetica, Arial, sans-serif);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.3;
  color: light-dark(#0066cc, #92c5f9);
}
.rh-link-tile-headline:last-child {
  margin-bottom: 0;
}
.rh-link-tile-headline:not(:last-child) {
  margin-bottom: 16px;
}
[data-rh-theme^="dark desaturated"] .rh-link-tile-headline {
  color: #ffffff;
}

.rh-link-tile-summary {
  margin: 0 0 16px;
  font-family: var(--rh-font-family-body-text, RedHatText, "Red Hat Text", Helvetica, Arial, sans-serif);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: light-dark(#151515, #ffffff);
}
.rh-link-tile-summary:last-child {
  margin-bottom: 0;
}
.rh-link-tile-summary strong,
.rh-link-tile-summary b {
  font-weight: 500;
}
.rh-link-tile-summary em,
.rh-link-tile-summary i {
  font-style: italic;
}
.rh-link-tile-summary a {
  text-decoration: none;
  color: light-dark(#0066cc, #92c5f9);
}
.rh-link-tile-summary a:hover, .rh-link-tile-summary a:active {
  cursor: pointer;
  text-decoration: underline;
  color: light-dark(#004d99, #b9dafc);
}
.rh-link-tile-summary a:focus, .rh-link-tile-summary a:active {
  outline: 1px dotted light-dark(#0066cc, #92c5f9);
  outline-offset: 1px;
  text-decoration: none !important;
}
[data-rh-theme^="dark desaturated"] .rh-link-tile-summary a {
  color: #ffffff;
}
[data-rh-theme^="dark desaturated"] .rh-link-tile-summary a:hover, [data-rh-theme^="dark desaturated"] .rh-link-tile-summary a:active {
  color: #c7c7c7;
}
[data-rh-theme^="dark desaturated"] .rh-link-tile-summary a:focus, [data-rh-theme^="dark desaturated"] .rh-link-tile-summary a:active {
  outline-color: #ffffff;
}
[data-rh-theme~=desaturated] .rh-link-tile-summary a {
  text-decoration: underline;
}

.rh-link-tile-card {
  border: 1px solid #c7c7c7;
}
.rh-link-tile-card:hover .rh-link-tile-headline {
  -webkit-text-decoration: underline dashed 1px;
          text-decoration: underline dashed 1px;
  text-underline-offset: 6px;
  color: light-dark(#004d99, #bee1f4);
}
[data-rh-background=white] .rh-link-tile-card:hover[data-rh-trigger-effect=hover][data-rh-background=gray] {
  border-width: 1px;
}
.rh-link-tile-card:has(a:focus-visible) .rh-link-tile-headline {
  text-decoration: underline;
}
.rh-link-tile-card[data-rh-theme="dark desaturated"] .rh-link-tile-headline {
  color: #ffffff !important;
}
.rh-link-tile-card[data-rh-theme="dark desaturated"] .rh-social-icon-logo path,
.rh-link-tile-card[data-rh-theme="dark desaturated"] .rh-social-icon-logo polygon,
.rh-link-tile-card[data-rh-theme="dark desaturated"] .rh-icon-panel-svg path,
.rh-link-tile-card[data-rh-theme="dark desaturated"] .rh-icon-panel-svg polygon,
.rh-link-tile-card[data-rh-theme="dark desaturated"] .rh-icon-embed-icon svg path,
.rh-link-tile-card[data-rh-theme="dark desaturated"] .rh-icon-embed-icon svg polygon {
  fill: #ffffff;
}
.rh-link-tile-card[data-rh-theme="light desaturated"] .rh-link-tile-title, .rh-link-tile-card[data-rh-theme="light desaturated"]:hover .rh-link-tile-title {
  color: #151515;
}
.rh-link-tile-card .rh-link-tile-headline {
  color: light-dark(#0066cc, #92c5f9);
}
.rh-link-tile-card .rh-icon-embed-icon svg,
.rh-link-tile-card .rh-icon-embed-icon svg path {
  fill: light-dark(#151515, #ffffff);
}

.rh-link-tile-footer * {
  color: light-dark(#151515, #ffffff);
}
.rh-link-tile-footer *:last-child {
  margin-bottom: 0;
}
[data-rh-align=center] .rh-link-tile-footer * {
  padding: 0 24px;
}
[data-rh-align=left] .rh-link-tile-footer *, [data-rh-align=right] .rh-link-tile-footer * {
  padding: 0 24px 0 0;
}

.rh-link-tile--arrow-wrapper {
  position: absolute;
  right: 32px;
  bottom: 28px;
  width: 24px;
  height: 24px;
  transition: right 0.2s linear;
}
.rh-link-tile--arrow-wrapper svg, .rh-link-tile--arrow-wrapper:hover svg {
  fill: light-dark(#0066cc, #92c5f9);
  stroke: light-dark(#0066cc, #92c5f9);
}
.rh-link-tile--arrow-wrapper svg {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 24px;
  stroke-width: 2px;
  transition: all 0.3s ease;
  vertical-align: baseline;
}