/* ================================================================================ */
/*  Project: WebRH
/*  Author: Digital Experience
/*  Date: Wed Apr 08 2026 18:21:12 GMT+0000 (Coordinated Universal Time)
/*  
/*  Copyright © 2026 Red Hat, Inc.
/*  https://www.redhat.com
/* ================================================================================ */

.rh-band--layout {
  container-name: rh-band--layout;
  container-type: inline-size;
  position: relative;
  padding: 64px 0;
  background-color: #ffffff;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media print {
  .rh-band--layout {
    background-color: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.rh-band--layout::after {
  clear: both;
  content: "";
  display: table;
}
.rh-band--layout[data-rh-band-collapse=no-padding] {
  padding-top: 0;
  padding-bottom: 0;
}
.rh-band--layout[data-rh-band-collapse=no-padding-top] {
  padding-top: 0;
  padding-bottom: 64px;
}
.rh-band--layout[data-rh-band-collapse=no-padding-bottom] {
  padding-top: 64px;
  padding-bottom: 0;
}
.rh-band--layout[data-rh-band-collapse=minimum] {
  padding-top: 16px;
  padding-bottom: 16px;
}
.rh-band--layout[data-rh-band-collapse=minimum-top-only] {
  padding-top: 16px;
  padding-bottom: 64px;
}
.rh-band--layout[data-rh-band-collapse=minimum-bottom-no-top] {
  padding-top: 0;
  padding-bottom: 16px;
}
.rh-band--layout[data-rh-band-collapse=reduced] {
  padding-top: 48px;
  padding-bottom: 48px;
}
.rh-band--layout[data-rh-band-collapse=reduced-top-only] {
  padding-top: 48px;
  padding-bottom: 64px;
}
.rh-band--layout[data-rh-band-collapse=reduced-bottom-only] {
  padding-top: 64px;
  padding-bottom: 48px;
}
.rh-band--layout[data-rh-band-collapse=reduced-bottom-no-top] {
  padding-top: 0;
  padding-bottom: 48px;
}
.rh-band--layout[data-rh-band-collapse=normal] {
  padding-top: 64px;
  padding-bottom: 64px;
}
.rh-band--layout[data-rh-band-collapse=expanded] {
  padding-top: 96px;
  padding-bottom: 96px;
}
.rh-band--layout[data-rh-band-collapse=double] {
  padding-top: 128px;
  padding-bottom: 128px;
}
.rh-band--layout[data-rh-band-collapse=double-top-only] {
  padding-top: 128px;
  padding-bottom: 64px;
}
.rh-band--layout[data-rh-band-collapse=double-bottom-no-top] {
  padding-top: 0;
  padding-bottom: 128px;
}
.rh-band--layout[data-rh-band-collapse=expanded-bottom] {
  padding-top: 128px;
  padding-bottom: 160px;
}
.rh-band--layout[data-rh-band-collapse=top] {
  padding-top: 24px;
  padding-bottom: 64px;
}
.rh-band--layout[data-rh-band-collapse=bottom] {
  padding-top: 64px;
  padding-bottom: 24px;
}
.rh-band--layout[data-rh-band-collapse=stretch] {
  padding-top: 72px;
  padding-bottom: 72px;
}
.rh-band--layout[data-rh-band-collapse=both] {
  padding-top: 24px;
  padding-bottom: 24px;
}
.rh-band--layout[aria-hidden] {
  display: none;
}
[data-listing-search-type=resource] .rh-band--layout {
  padding-top: 24px;
}
.rh-band--layout > * {
  position: relative;
}

.rh-band-container {
  margin: 0 auto;
  padding: 0 16px;
}
@media (min-width: 576px) {
  .rh-band-container[data-rh-background] {
    padding: 32px;
  }
}
@media (min-width: 768px) {
  .rh-band-container {
    padding: 0 32px;
    max-width: 768px;
  }
}
@media (min-width: 992px) {
  .rh-band-container {
    max-width: 992px;
  }
}
@media (min-width: 1200px) {
  .rh-band-container {
    max-width: 1200px;
  }
}
@media (min-width: 1440px) {
  .rh-band-container {
    max-width: 1440px;
  }
}
.rh-band-container[data-rh-background] {
  padding: 32px 16px;
}
[data-rh-overlay] .rh-band-container {
  position: relative;
}
.rh-band-container .rh-band-container {
  padding: 0;
  width: auto;
}

.rh-band-header[data-rh-border=bottom] {
  border-bottom: 0;
}
@media (min-width: 768px) {
  .rh-band-header[data-rh-border=bottom] {
    border: 1px solid transparent;
    border-bottom-color: light-dark(#c7c7c7, rgba(255, 255, 255, 0.6));
  }
}
@media print and (min-width: 768px) {
  .rh-band-header[data-rh-border=bottom] {
    border-bottom-color: #000000 !important;
  }
}
@media (min-width: 768px) {
  [data-rh-theme$=polar] .rh-band-header[data-rh-border=bottom] {
    border-bottom-color: rgba(242, 242, 242, 0.3);
  }
  .rh-band-header[data-rh-border=bottom] > *:not(:last-child) {
    margin-bottom: 8px;
  }
}
.rh-band-header[data-rh-border=bottom] > *:not(:last-child) {
  margin-bottom: 0;
}

.rh-band-content[data-rh-layout=flex-between-base] > * {
  margin-top: 16px;
}
[data-rh-border=bottom] .rh-band-content::after {
  content: "";
  background-color: #c7c7c7;
  position: absolute;
  z-index: 1;
  height: 1px;
  width: calc(100% - 64px);
  bottom: -64px;
}
@media (max-width: 767px) {
  [data-rh-border=bottom] .rh-band-content::after {
    width: calc(100% - 32px);
  }
}

[data-rh-misc=solp-detail] .rh-band-aside .rh-card--layout {
  margin-left: -16px;
  margin-right: -16px;
  width: calc(100% + 40px);
}
@media (min-width: 768px) {
  [data-rh-misc=solp-detail] .rh-band-aside .rh-card--layout {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}