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

.rh-card-hat {
  display: flex;
  flex-direction: column;
  margin: 0;
  border: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.rh-card-hat[data-rh-padding=thin] {
  padding: 16px;
}
.rh-card-hat .rh-card-header-text {
  color: light-dark(#151515, #ffffff);
}
.rh-card-hat svg,
.rh-card-hat svg path {
  fill: light-dark(#151515, #ffffff);
}
.rh-card-hat[data-rh-background-header=transparent] {
  background-color: transparent;
}
.rh-card-hat[data-rh-background-header=white] {
  background-color: #ffffff;
}
.rh-card-hat[data-rh-background-header=rich-black] {
  background-color: #151515;
}
.rh-card-hat[data-rh-background-header=gray] {
  background-color: #f2f2f2;
}
[data-rh-header-bg=false] .rh-card-hat {
  padding-bottom: 0;
}
.rh-card-hat .rh-card-header-svg {
  position: relative;
  top: 8px;
}

.card-flex--subpattern:not(rh-card) .rh-card-hat {
  margin: -32px -32px 0;
}