/* ======================================================
   MTBG Rentals Totals (rentals-only stylesheet)
   ====================================================== */
form.cart .botiga-single-addtocart-wrapper .quantity {display:none;}
.wapf-wrapper { margin: 0px!important;}
.product-gallery-summary div+.botiga-single-addtocart-wrapper {margin-top:0px!important;}
.product-gallery-summary div+.botiga-single-addtocart-wrapper {gap:0px;}

form.cart #mtbg_tours_totals_ui,
form.cart #mtbg_rentals_totals_ui{
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

form.cart #mtbg_tours_totals_ui .mtbg-totals-box,
form.cart #mtbg_rentals_totals_ui .mtbg-totals-box{
  width: 100% !important;
  max-width: 100% !important;
}

   /* Force MTBG totals to span full width inside Botiga flex wrapper */
form.cart .botiga-single-addtocart-wrapper{
  flex-wrap: wrap;                 /* allow items to break to new line */
}

/* Totals + hint must take the whole row */
form.cart #mtbg_rental_days_hint,
form.cart #mtbg_rentals_totals_ui{
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Make sure the box itself is full width */
form.cart #mtbg_rentals_totals_ui .mtbg-totals-box{
  width: 100% !important;
  max-width: 100% !important;
}

/* Optional: keep the Add to Cart row from sharing space in a 2-col flex row */
form.cart .botiga-single-addtocart-wrapper .quantity,
form.cart .botiga-single-addtocart-wrapper .single_add_to_cart_button{
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Optional spacing so it looks intentional */
form.cart .botiga-single-addtocart-wrapper .single_add_to_cart_button{
  margin-top: 12px;
}



/* ------------------------------------------------------
   1) Hide WAPF totals UI (keep pricing logic active)
   ------------------------------------------------------ */
.wapf-product-totals,
.wapf-product-totals-wrapper {
  display: none;
}

/* ------------------------------------------------------
   2) Totals box: full width, transparent background
   ------------------------------------------------------ */
   .mtbg_rentals_totals_ui {width:100%}
.mtbg-totals-box, .mtbg_rentals_totals_ui {
  width: 100%;
  max-width: 100%;
  display: block;
  overflow: hidden;
}

/* ------------------------------------------------------
   3) Rows layout (JS outputs .mtbg-totals-row with 2 spans)
   FIX: remove grid + display:contents to stop strange wrapping
   ------------------------------------------------------ */

.mtbg-totals-rows{
  display: block;            /* was grid */
  width: 100%;
}

.mtbg-totals-row{
  display: flex;             /* was contents */
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;

  padding: 5px 0;
}

.mtbg-totals-row:last-child{
  margin-bottom: 10px;
  border-bottom: none;
}

.mtbg-totals-row span:first-child{
  flex: 1 1 auto;
  min-width: 0;              /* prevents flex overflow weirdness */
  line-height: 1.2;
  color: rgba(255,255,255,0.85);
}

.mtbg-totals-row span:last-child{
  flex: 0 0 auto;

  line-height: 1.2;
  color: rgba(255,255,255,0.95);
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

/* Color-coded rows (whole line: label + value) */
.mtbg-totals-row.mtbg-totals-row--days-discount span{
  color: #94ffcc;
}

.mtbg-totals-row.mtbg-totals-row--last-minute span{
  color: #ff6666;
}

.mtbg-totals-row.mtbg-totals-row--early-bird span{
  color: #ffd84d;
}
.mtbg-totals-row.mtbg-totals-row--italic span{
  font-style: italic;
}

/* ------------------------------------------------------
   4) Footer (big total + per-day)
   ------------------------------------------------------ */
.mtbg-totals-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.10);
  text-align: center;
  padding-top: 10px;
}

.mtbg-footer-label {
  font-style:italic;
  font-size: 18px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.95);
}

.mtbg-footer-total {
  font-size: 28px;
  font-weight: 800;
  color: #39d98a;
}

.mtbg-footer-original-total {
  color: rgba(255, 255, 255, 0.45);
  margin-right: 8px;
  font-size:16px;
  text-decoration: line-through;
}

.mtbg-footer-final-total {
  color: #39d98a;
}

.mtbg-footer-pp-single {
  margin-top: 6px;
  font-size: 1.125rem;
  color: rgba(255, 255, 255, 0.877);
}

/* ------------------------------------------------------
   5) Mobile spacing
   ------------------------------------------------------ */
@media (max-width: 520px) {

  .mtbg-footer-total {
    font-size: 26px;
  }
}