/* Equalize Simple List Blocks*/

/* Change item class here */
.cols2,
.cols3,
.cols4,
.cols5,
.cols6 { 
display: flex;
flex-direction: row;
flex-wrap: wrap;
min-height: 100%;
}

/* Change item class here */
.cols2 > .item,
.cols3 > .item,
.cols4 > .item,
.cols5 > .item,
.cols6 > .item{
display: flex;
flex-direction: column;
}


/*Mad Accordion*/
.madwire-accordion {
    margin: 30px 0;
}

.madwire-accordion-item {
    border: 0px solid #ddd;
    margin-bottom: 15px;
}

.madwire-accordion-title {
    background: #8e7967; /* color of accordion title background */
    font-size: 24px;
    color: #f7f1ed;
    padding: 10px 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}


.madwire-accordion-content {
    color: #585858; /* color of accordion content */
    padding: 10px 0px;
    background: inherit;
}



/* Container & Base Table Styling */
.bniche-roi-table-container {
  width: 100%;
  margin: 2rem 0;
  overflow-x: auto;
  font-family: inherit;
}

.bniche-roi-table {
  width: 100%;
  border-collapse: collapse;
  background-color: #ffffff;
  border-radius: 0px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  border: 1px solid #e2e8f0;
}

.bniche-roi-table th,
.bniche-roi-table td {
  padding: 16px 20px;
  text-align: left;
  font-size: 0.95rem;
  color: #404146;
}

/* Header Styling - Luxury Dark Navy */
.bniche-roi-table thead {
  background-color: #b59b84;
}

.bniche-roi-table th {
  color: #f8fafc;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-size: 0.85rem;
  border-bottom: 2px solid #404146; /* Gold Accent */
}

/* Row Borders */
.bniche-roi-table tbody tr {
  border-bottom: 1px solid #f1f5f9;
  transition: background-color 0.2s ease;
}

/* BNiCHE Preferred Row Highlight */
.bniche-roi-table tbody tr.highlight-row {
  background-color: #f7f1ed; /* Subtle warm gold wash */
}

/* Equity Saved Badge Accent */
.equity-saved {
  color: #92400e;
  font-weight: 700;
}

/* Mobile Responsive Transformation (Cards Layout) */
@media screen and (max-width: 768px) {
  .bniche-roi-table, 
  .bniche-roi-table thead, 
  .bniche-roi-table tbody, 
  .bniche-roi-table th, 
  .bniche-roi-table td, 
  .bniche-roi-table tr { 
    display: block; 
  }

  /* Hide table header for mobile */
  .bniche-roi-table thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .bniche-roi-table tbody tr {
    margin-bottom: 1.5rem;
    border: 1px solid #ccc; /* Gold border for cards */
    border-radius: 0px;
    box-shadow: none;
    background-color: #f7f1ed;
  }

  .bniche-roi-table tbody tr.highlight-row {
    border: 1px solid #ccc;
    background-color: #b59b84;
  }
  
  .highlight-row td,
.highlight-row td:before {
      color:white!important;
  }

  .bniche-roi-table td { 
    border: none;
    border-bottom: 1px solid #ccc; 
    position: relative;
    padding: 10px 16px; /* Reset padding to prevent overlapping */
    text-align: left; /* Align text left for natural reading flow */
    font-size: 0.9rem;
    word-wrap: break-word; /* Ensure long words break properly */

  }

.bniche-roi-table{
    width: 100%;
    border-collapse: collapse;
    background-color: rgba(0,0,0,0.0)!important;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: none;
    border: 0px solid #ccc;
}
  .bniche-roi-table td:last-child {
    border-bottom: none;
  }

  /* Add Column Headings as Labels in Mobile Card View */
  .bniche-roi-table td:before { 
    display: block; /* Force label onto its own line */
    position: static;
    top: 16px;
    left: 16px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
    text-align: left;
    font-weight: 700;
    color: #404146;
    content: attr(data-label);
  }
}

/* Nav Dropdowns */

.navContent ul li ul a {
    white-space: normal !important;
    overflow: visible !important;
}

@media only screen and (min-width: 768px) {
    .navContent ul li ul {
        min-width: 250px !important;
        right: auto !important; 
    }
}

/*Targets the parent container of the simple list items*/
.items_afbbecf0f40f45b2b6f55160886e27a7 {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   min-height: 100%;
}
/*Targets the child flex items*/
.items_afbbecf0f40f45b2b6f55160886e27a7 > .item {
   display: flex;
   flex-direction: column;
}