.bannerAlertHolder {
    background-color: white;
    background-image: none !important;
    padding: 15px 0px 15px 10px !important;
    margin-left:auto;
	margin-right:auto;
    border: 6px solid rgb(236, 136, 4);
    /* display: block; */
    width: 938px;
    height: auto;          /* ensure no fixed height */
    overflow: visible;     /* allow full expansion */
    clear: both;           /* helps with floats */

  display: flex;
  align-items: center;  /* vertical alignment */
  flex-wrap: nowrap;    /* prevent wrapping onto a new line */
  gap: 0.75rem;         /* space between banner and countdown */

}
.bannerAlertHolder::after {
    content: "";
    display: block;
    clear: both;           /* clearfix for floated children */
}

.bannerAlert {
    /* color: rgb(185, 1, 1); */
    
    float:left;
    padding: 0px 0px 0px 0px !important;
    margin-left:auto;
	margin-right:auto;

    flex: 1 1 auto;       /* grows to fill remaining space */
  min-width: 0;         /* critical: allows flex item to shrink below its content width */
  max-width: 760px;
  overflow: hidden;     /* pairs with truncation/clamp options below */
  word-break: break-word;
}

.bannerAlertHolder,
.bannerAlert,
.alertCountdown {
    position: relative;    /* ensure no absolute-positioning collapse */
    height: auto;
    flex: 0 0 auto;
    display: flex;
    align-items: center;     /* vertically align text and clock */
    gap: 0.5rem;             /* spacing between items (optional) */
}

.bannerLabel {
    /* float:right; */
    color: rgb(185, 1, 1);
    font: size 24px;
    font-weight: bold;
    padding: 0px 5px 0px 0px;
}
.countDownClock {
    /* float:right; */
    color: rgb(185, 1, 1);
    font: size 20px;
    padding: 0px 20px 0px 0px;
}
.bannerMessage {
    float:left;
    padding: 0px 0px 0px 20px;
    color: rgb(185, 1, 1);
    font: size 20px;
}

.countdown-wrapper {
  display: flex;           /* ensures inner div behaves */
}