/* Blue Peak Booking Add-ons — selector en la ficha del servicio y ajustes del catálogo.
 * Amelia resetea padding/border dentro de su contenedor: de ahí `body` + !important. */

body .tbk-addons{--tbk-line:var(--bp-line,#22374F);--tbk-surface:var(--bp-surface,#101F35);--tbk-navy:var(--bp-navy,#0B1526);
  --tbk-accent:var(--bp-electric,#2E7DFF);--tbk-btn:var(--bp-btn,#2670EC);--tbk-text:var(--bp-body,#E3EAF3);--tbk-muted:var(--bp-muted,#C4D0DE);
  display:flex!important;flex-direction:column!important;gap:16px!important;
  margin:6px 0 24px!important;padding:22px!important;border:1px solid var(--tbk-line)!important;border-radius:16px!important;
  background:var(--tbk-navy)!important;color:var(--tbk-text)!important;font-family:var(--bp-text,Inter,system-ui,sans-serif)!important}

body .tbk-addons__head h3{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;
  margin:0 0 6px!important;font:600 18px/1.3 var(--bp-display,inherit)!important;color:#fff!important}
body .tbk-addons__opt{padding:4px 10px!important;border-radius:999px!important;background:rgba(46,125,255,.16)!important;
  color:var(--bp-glow,#A0D0FF)!important;font:600 11px/1 var(--bp-text,inherit)!important;letter-spacing:.12em!important;text-transform:uppercase!important}
body .tbk-addons__head p{margin:0!important;font-size:14px!important;line-height:1.55!important;color:var(--tbk-muted)!important}

body .tbk-addons__list{display:flex!important;flex-direction:column!important;gap:10px!important}

/* Cada add-on es una fila: casilla + texto + precio + acción. */
body .tbk-addon{position:relative!important;display:flex!important;align-items:center!important;gap:14px!important;
  min-height:64px!important;padding:14px 16px!important;border:1px solid var(--tbk-line)!important;border-radius:12px!important;
  background:var(--tbk-surface)!important;cursor:pointer!important;
  transition:border-color .2s ease,background .2s ease!important}
body .tbk-addon:hover{border-color:rgba(46,125,255,.55)!important;background:#132743!important}
body .tbk-addon input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important}

body .tbk-addon__check{flex:none!important;width:24px!important;height:24px!important;border-radius:7px!important;
  border:2px solid #64748B!important;display:grid!important;place-items:center!important;background:transparent!important;
  transition:background .2s ease,border-color .2s ease!important}
body .tbk-addon__check svg{width:16px!important;height:16px!important;fill:none!important;stroke:#fff!important;stroke-width:3!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;opacity:0!important;transition:opacity .15s ease!important}
body .tbk-addon input:checked ~ .tbk-addon__check{background:var(--tbk-btn)!important;border-color:var(--tbk-btn)!important}
body .tbk-addon input:checked ~ .tbk-addon__check svg{opacity:1!important}
body .tbk-addon input:focus-visible ~ .tbk-addon__check{outline:3px solid var(--bp-glow,#A0D0FF)!important;outline-offset:3px!important}

body .tbk-addon__body{flex:1 1 auto!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important}
body .tbk-addon__body b{font:600 15.5px/1.35 var(--bp-text,inherit)!important;color:#fff!important}
body .tbk-addon__body small{font-size:13px!important;line-height:1.45!important;color:var(--tbk-muted)!important}

body .tbk-addon__price{flex:none!important;font:600 16px/1 var(--bp-display,inherit)!important;color:#fff!important;
  white-space:nowrap!important;font-variant-numeric:tabular-nums!important}

body .tbk-addon__action{flex:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:6px!important;min-width:92px!important;min-height:40px!important;padding:0 14px!important;border-radius:999px!important;
  border:1px solid var(--tbk-line)!important;background:var(--tbk-navy)!important;color:var(--bp-glow,#A0D0FF)!important;
  font:600 13px/1 var(--bp-text,inherit)!important;letter-spacing:.06em!important;text-transform:uppercase!important}
body .tbk-addon__action .is-on{display:none!important;align-items:center!important;gap:6px!important}
body .tbk-addon__action svg{width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;stroke-width:3!important;
  stroke-linecap:round!important;stroke-linejoin:round!important}
body .tbk-addon input:checked ~ .tbk-addon__action{background:var(--tbk-btn)!important;border-color:var(--tbk-btn)!important;color:#fff!important}
body .tbk-addon input:checked ~ .tbk-addon__action .is-off{display:none!important}
body .tbk-addon input:checked ~ .tbk-addon__action .is-on{display:inline-flex!important}
body .tbk-addon:has(input:checked){border-color:var(--tbk-btn)!important;background:rgba(46,125,255,.12)!important}

body .tbk-addons__total{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:4px 16px!important;
  padding-top:14px!important;border-top:1px solid var(--tbk-line)!important;font-size:14px!important;color:var(--tbk-muted)!important}
body .tbk-addons__total b{font:700 22px/1 var(--bp-display,inherit)!important;color:#fff!important;margin:0 4px!important;
  font-variant-numeric:tabular-nums!important}

@media (max-width:560px){
  body .tbk-addon{flex-wrap:wrap!important;gap:10px 12px!important;padding:14px!important}
  body .tbk-addon__check{order:1!important}
  body .tbk-addon__price{order:1!important;margin-left:auto!important}
  body .tbk-addon__body{flex:1 1 100%!important;order:2!important}
  body .tbk-addon__action{order:3!important;width:100%!important}
}

@media (prefers-reduced-motion:reduce){
  body .tbk-addon,body .tbk-addon__check,body .tbk-addon__check svg{transition:none!important}
}

/* Tarjeta de paquete clicable entera (el botón sigue siendo el elemento enfocable). */
body .am-fcl__item.tbk-clickable{cursor:pointer!important}
