/**
 * com_gestorcursos — estilos compartidos formularios (radio Sí/No, etc.)
 * No depender de .btn-group del template.
 */

/* -------------------------------------------------------------------------
   Radio tipo Sí / No (fieldset.gc-radio-yesno en XML)
   Estructura Joomla: input, label, input, label
   ------------------------------------------------------------------------- */

fieldset.gc-radio-yesno.radio {
	display: inline-flex !important;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 0;
	margin: 0 !important;
	padding: 4px !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 10px;
	background: #f1f5f9 !important;
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.06);
	vertical-align: middle;
	position: relative;
	min-height: 40px;
	box-sizing: border-box;
}

/* Ocultar el círculo nativo; la etiqueta recibe el clic */
fieldset.gc-radio-yesno input[type="radio"] {
	position: absolute !important;
	opacity: 0 !important;
	width: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	border: 0 !important;
}

fieldset.gc-radio-yesno label {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 72px;
	padding: 8px 16px !important;
	margin: 0 !important;
	border-radius: 8px !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
	cursor: pointer !important;
	color: #64748b !important;
	background: transparent !important;
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	float: none !important;
	text-align: center;
	transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

/* Anular restos de Bootstrap .btn en plantillas */
fieldset.gc-radio-yesno label.btn,
fieldset.gc-radio-yesno label.btn-danger,
fieldset.gc-radio-yesno label.btn-success {
	border-radius: 8px !important;
}

/* Opción 1 = No (value 0) — activo rojo */
fieldset.gc-radio-yesno input[type="radio"]:nth-of-type(1):checked + label {
	background: #dc2626 !important;
	color: #fff !important;
	box-shadow: 0 2px 8px rgba(220, 38, 38, 0.35) !important;
}

/* Opción 2 = Sí (value 1) — activo verde */
fieldset.gc-radio-yesno input[type="radio"]:nth-of-type(2):checked + label {
	background: #16a34a !important;
	color: #fff !important;
	box-shadow: 0 2px 8px rgba(22, 163, 74, 0.35) !important;
}

fieldset.gc-radio-yesno label:hover {
	color: #0f172a !important;
	background: rgba(255, 255, 255, 0.65) !important;
}

fieldset.gc-radio-yesno input[type="radio"]:nth-of-type(1):checked + label:hover,
fieldset.gc-radio-yesno input[type="radio"]:nth-of-type(2):checked + label:hover {
	color: #fff !important;
	filter: brightness(1.05);
}

/* Foco accesible (teclado) */
fieldset.gc-radio-yesno input[type="radio"]:focus + label {
	outline: 2px solid #2563eb;
	outline-offset: 2px;
}

/* Contenedor de control Joomla 2.5/3 */
.control-group .controls fieldset.gc-radio-yesno {
	max-width: 100%;
}

.gc-form fieldset.gc-radio-yesno {
	margin-top: 2px;
}