/* Resort108 BBB V180: balanced price row and stronger theme booking action. */

/* Price and extra-bed areas always occupy one equal half each. */
#rooms .bbb-v148-price-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:stretch!important;
  width:100%!important;
}
#rooms .bbb-v148-price-row>.bbb-v148-price,
#rooms .bbb-v148-price-row>.bbb-v148-extra{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}

/* Starting price: +1px, clearer hierarchy and slightly farther left. */
#rooms .bbb-v148-price-row>.bbb-v148-price,
#rooms .bbb-v148-price{
  justify-content:flex-start!important;
  text-align:left!important;
  padding-left:7px!important;
  padding-right:5px!important;
  font-size:14px!important;
  line-height:1.35!important;
}
#rooms .bbb-v148-price strong{
  font-size:22px!important;
  line-height:1.15!important;
}

/* Extra-bed copy: -1px from V179 and centred within its equal half. */
#rooms .bbb-v148-price-row>.bbb-v148-extra,
#rooms .bbb-v148-extra{
  justify-content:center!important;
  text-align:center!important;
  padding-left:6px!important;
  padding-right:6px!important;
  font-size:11px!important;
  line-height:1.28!important;
  overflow-wrap:anywhere!important;
}

/* Normal state is dark and theme-aware; hover becomes distinctly darker. */
#rooms .bbb-v148-book{
  border-color:color-mix(in srgb,var(--r108-primary,#0f766e) 82%,#000)!important;
  background:color-mix(in srgb,var(--r108-primary,#0f766e) 78%,#fff)!important;
  color:#fff!important;
  box-shadow:0 5px 13px color-mix(in srgb,var(--r108-primary,#0f766e) 22%,transparent)!important;
}
#rooms .bbb-v148-book::after{
  background:color-mix(in srgb,var(--r108-primary,#0f766e) 88%,#000)!important;
  color:#fff!important;
}
#rooms .bbb-v148-book:hover,
#rooms .bbb-v148-book:focus-visible{
  border-color:color-mix(in srgb,var(--r108-primary,#0f766e) 74%,#000)!important;
  background:color-mix(in srgb,var(--r108-primary,#0f766e) 78%,#000)!important;
  color:#fff!important;
  box-shadow:0 9px 20px color-mix(in srgb,var(--r108-primary,#0f766e) 35%,transparent)!important;
  transform:translateY(-1px);
}
#rooms .bbb-v148-book:hover::after,
#rooms .bbb-v148-book:focus-visible::after{
  background:#fff!important;
  color:color-mix(in srgb,var(--r108-primary,#0f766e) 78%,#000)!important;
}

@media(max-width:700px){
  #rooms .bbb-v148-price-row>.bbb-v148-price,
  #rooms .bbb-v148-price{font-size:14px!important;padding-left:6px!important}
  #rooms .bbb-v148-price strong{font-size:22px!important}
  #rooms .bbb-v148-price-row>.bbb-v148-extra,
  #rooms .bbb-v148-extra{font-size:11px!important;padding-left:4px!important;padding-right:4px!important}
}