/* Resort108 BBB V178: requested ROOMS & STAYS text and booking-button refinements. */

/* Room count and capacity use the same soft grey family as body copy. */
#rooms .bbb-v148-capacity>span{
  color:#64748b!important;
  font-weight:500!important;
}

/* Extra-bed label: another +2px from V177 (13px -> 15px). */
#rooms .bbb-v148-price-row>.bbb-v148-extra,
#rooms .bbb-v148-extra{
  color:#64748b!important;
  font-size:15px!important;
  line-height:1.4!important;
  font-weight:500!important;
}

/* Preserve the existing geometry; only make colours theme-aware. */
#rooms .bbb-v148-book{
  border-color:var(--r108-primary,#0f766e)!important;
  background:var(--r108-primary,#0f766e)!important;
  color:#fff!important;
  box-shadow:0 4px 12px color-mix(in srgb,var(--r108-primary,#0f766e) 20%,transparent)!important;
}
#rooms .bbb-v148-book::after{
  background:#fff!important;
  color:var(--r108-primary,#0f766e)!important;
}
#rooms .bbb-v148-book:hover,
#rooms .bbb-v148-book:focus-visible{
  border-color:color-mix(in srgb,var(--r108-primary,#0f766e) 84%,#000)!important;
  background:color-mix(in srgb,var(--r108-primary,#0f766e) 84%,#000)!important;
  color:#fff!important;
  box-shadow:0 8px 18px color-mix(in srgb,var(--r108-primary,#0f766e) 28%,transparent)!important;
}
#rooms .bbb-v148-book:hover::after,
#rooms .bbb-v148-book:focus-visible::after{
  background:#fff!important;
  color:var(--r108-primary,#0f766e)!important;
}

@media(max-width:700px){
  #rooms .bbb-v148-price-row>.bbb-v148-extra,
  #rooms .bbb-v148-extra{font-size:15px!important}
}