/* ==========================================================
   DGallosTV — diferenciación visual de apuestas
   Solo actúa dentro de la sala LB Bolsa
   ========================================================== */

/* Cantidades rápidas: bloque amarillo/dorado */
body.lbbp-room-page .lbbp-quick-amounts {
	margin-top: 14px !important;
	margin-bottom: 16px !important;
	padding: 12px !important;
	border: 1px solid #facc15 !important;
	border-radius: 14px !important;
	background:
		linear-gradient(
			145deg,
			rgba(254, 249, 195, .96),
			rgba(254, 240, 138, .88)
		) !important;
	box-shadow:
		0 8px 22px rgba(161, 98, 7, .13) !important;
}

/* Título visual dentro del bloque */
body.lbbp-room-page .lbbp-quick-amounts::before {
	content: "CANTIDAD RÁPIDA";
	display: block;
	grid-column: 1 / -1;
	margin-bottom: 2px;
	color: #713f12;
	font-size: 11px;
	font-weight: 950;
	letter-spacing: .10em;
	text-align: center;
}

/* Botones de cantidades */
body.lbbp-room-page
.lbbp-quick-amounts button {
	min-height: 40px !important;
	border: 1px solid #d97706 !important;
	border-radius: 10px !important;
	background:
		linear-gradient(
			145deg,
			#fde047,
			#eab308
		) !important;
	color: #422006 !important;
	font-weight: 950 !important;
	box-shadow:
		0 5px 12px rgba(161, 98, 7, .18) !important;
}

/* Cantidad seleccionada */
body.lbbp-room-page
.lbbp-quick-amounts button.is-selected {
	border-color: #713f12 !important;
	background:
		linear-gradient(
			145deg,
			#b45309,
			#92400e
		) !important;
	color: #ffffff !important;
	box-shadow:
		0 0 0 3px rgba(250, 204, 21, .38),
		0 7px 16px rgba(120, 53, 15, .25) !important;
}

/* Hover de cantidades */
body.lbbp-room-page
.lbbp-quick-amounts button:hover:not(:disabled) {
	border-color: #92400e !important;
	background:
		linear-gradient(
			145deg,
			#facc15,
			#d97706
		) !important;
	color: #422006 !important;
	transform: translateY(-1px);
}

/* Separación entre cantidades y elección del lado */
body.lbbp-room-page .lbbp-bet-buttons {
	margin-top: 14px !important;
	padding-top: 14px;
	border-top: 1px solid #cbd5e1;
}

body.lbbp-room-page .lbbp-bet-buttons::before {
	content: "ELIGE EL LADO";
	display: block;
	grid-column: 1 / -1;
	margin-bottom: 2px;
	color: #475569;
	font-size: 11px;
	font-weight: 950;
	letter-spacing: .10em;
	text-align: center;
}

/* Apostar rojo */
body.lbbp-room-page
.lbbp-bet-buttons button.lbbp-bet-red,
body.lbbp-room-page button.lbbp-bet-red {
	border: 1px solid #ef4444 !important;
	background:
		linear-gradient(
			145deg,
			#7f1d1d,
			#dc2626
		) !important;
	color: #ffffff !important;
	box-shadow:
		0 9px 22px rgba(220, 38, 38, .27) !important;
}

/* Apostar verde */
body.lbbp-room-page
.lbbp-bet-buttons button.lbbp-bet-green,
body.lbbp-room-page button.lbbp-bet-green {
	border: 1px solid #22c55e !important;
	background:
		linear-gradient(
			145deg,
			#14532d,
			#16a34a
		) !important;
	color: #ffffff !important;
	box-shadow:
		0 9px 22px rgba(22, 163, 74, .27) !important;
}

body.lbbp-room-page
.lbbp-bet-buttons button:hover:not(:disabled) {
	filter: brightness(1.10);
	transform: translateY(-1px);
}

/* Otro monto: neutral, para que no parezca una apuesta roja */
body.lbbp-room-page .lbbp-manual-amount-toggle {
	border: 1px solid #64748b !important;
	background: #334155 !important;
	color: #ffffff !important;
}

body.lbbp-room-page
.lbbp-manual-amount-toggle.is-active {
	border-color: #94a3b8 !important;
	background: #1e293b !important;
}

/* Botones deshabilitados */
body.lbbp-room-page
.lbbp-quick-amounts button:disabled,
body.lbbp-room-page
.lbbp-bet-buttons button:disabled,
body.lbbp-room-page
.lbbp-manual-amount-toggle:disabled {
	opacity: .42 !important;
	cursor: not-allowed !important;
	filter: grayscale(.25);
	transform: none !important;
}

/* Teclado y accesibilidad */
body.lbbp-room-page
.lbbp-quick-amounts button:focus-visible,
body.lbbp-room-page
.lbbp-bet-buttons button:focus-visible,
body.lbbp-room-page
.lbbp-manual-amount-toggle:focus-visible {
	outline: 3px solid #38bdf8 !important;
	outline-offset: 2px !important;
}