/* /static/css/products/special_offers.css
*/

/* -------- Layout -------- */
.content-wrapper{
  max-width: 1100px;
  margin: 0 auto;
  padding: 18px 12px 40px;
}

/* Keep Materialize grid spacing but reduce excessive gaps on wide screens */
.row{ margin-bottom: 14px; }

/* -------- Typography helpers -------- */
.blurb-text{
  font-size: 1.05rem;
  line-height: 1.65;
  margin-top: 0.25rem;
  margin-bottom: 0.85rem;
}

.blurb-highlight{
  font-weight: 700;
}

.margin_bottom_0{
  margin-bottom: 0 !important;
}

/* -------- Card -------- */
.referral-card{
  background: #fff;
  border: 1px solid rgba(0,0,0,0.14);
  border-radius: 14px;
  padding: 18px 18px 16px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.referral-subtitle{
  margin: 0 0 12px 0;
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.25;
}

/* -------- Table -------- */
.referral-table-wrap{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid rgba(0,0,0,0.18);
  border-radius: 10px;
  background: #fff;
}

table.referral-table{
  width: 100%;
  border-collapse: collapse; /* ensures clean borders */
  margin: 0;
}

/* Ensure Materialize's .responsive-table padding doesn't override ours */
.referral-table-wrap table.referral-table th,
.referral-table-wrap table.referral-table td{
  padding: 12px 14px !important;
  line-height: 1.45;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Keep columns predictable and avoid huge empty horizontal space */
table.referral-table{
  table-layout: fixed;
}

table.referral-table thead th{
  background: rgba(0,0,0,0.04);
  font-weight: 800;
  text-align: left;
  padding: 12px 12px;
  border-bottom: 1px solid rgba(0,0,0,0.18);
  border-right: 1px solid rgba(0,0,0,0.12);
  vertical-align: bottom;
}

table.referral-table tbody td{
  padding: 12px 12px;
  border-top: 1px solid rgba(0,0,0,0.12);
  border-right: 1px solid rgba(0,0,0,0.12);
  vertical-align: top;
}

/* Remove last vertical border */
table.referral-table tr > *:last-child{
  border-right: 0;
}

/* Gentle striping */
table.referral-table tbody tr:nth-child(even) td{
  background: rgba(0,0,0,0.02);
}

table.referral-table thead th:nth-child(1){
  white-space: nowrap;
}

/* Allow wrapping in the 2nd column for long text */
table.referral-table tbody td:nth-child(2){
  white-space: normal;
}

/* -------- Notes -------- */
.referral-note{
  margin-top: 14px;
  text-align: left; /* force left alignment */
}

.referral-note-title{
  font-weight: 800 !important;
  margin: 0 0 6px 0;
  text-align: left;
}

.referral-bullets{
  margin: 0;
  padding-left: 20px;
  list-style: disc;
  text-align: left;
}

.referral-bullets li{
  margin: 6px 0;
  line-height: 1.55;
  text-align: left;
}

/* -------- Responsive tweaks -------- */
@media (max-width: 600px){
  .content-wrapper{
    padding: 14px 10px 28px;
  }

  .referral-card{
    padding: 14px 12px 12px;
    border-radius: 12px;
  }

  .blurb-text{
    font-size: 1rem;
  }

  table.referral-table thead th,
  table.referral-table tbody td{
    padding: 10px 10px;
  }
}