/**
 * Admin styles for SMiLE Basic Web plugin.
 * Utiliza estilos simples compatibles con la interfaz de administración de WordPress.
 */

/* ------------------------------------------------------------------
 * Tracking Scripts table: asegurar ancho y textarea full-width
 * ------------------------------------------------------------------ */

/* Selector directo al table con id (no a un table hijo) */
#sbwscf-tracking-scripts-table {
	table-layout: fixed !important;
	width: 100% !important;
}

/* Textareas full width */
#sbwscf-tracking-scripts-table textarea.regular-text {
	width: 100% !important;
	box-sizing: border-box;
	min-height: 12rem;
}

#sbwscf-tracking-scripts-table .wp-editor-wrap {
	max-width: 100%;
}

#sbwscf-tracking-scripts-table .wp-editor-area {
	width: 100%;
	box-sizing: border-box;
}

/* Asegura que la tabla de campos personalizados ocupe el ancho completo */
#sbwscf-tracking-scripts-table table.widefat {
	width: 100%;
	margin-bottom: 1em;
	border-collapse: collapse;
}

/* Estilos para celdas de tabla */
#sbwscf-tracking-scripts-table th,
#sbwscf-tracking-scripts-table td {
	padding: 0.5em;
	text-align: left;
	vertical-align: top;
	border: 1px solid #eee;
}

/* Mejora la apariencia del botón "Add Field" */
#sbwscf-add-field {
	margin-top: 1em;
}



/* En admin-style.css */
#sbwscf-tracking-scripts-table table.widefat th,
#sbwscf-tracking-scripts-table table.widefat td {
	vertical-align: top;
}

/* Asegura que la tabla de campos personalizados ocupe el ancho completo */
#sbwscf-tracking-scripts-table table.widefat.fixed {
	table-layout: fixed !important;
	width: 100% !important;
}

/* Columna 1: Label */
#sbwscf-tracking-scripts-table table.widefat th:nth-child(1),
#sbwscf-tracking-scripts-table table.widefat td:nth-child(1) {
	width: 22rem !important;
	word-wrap: break-word;
}

#sbwscf-tracking-scripts-table table.widefat th:nth-child(2),
#sbwscf-tracking-scripts-table table.widefat td:nth-child(2) {
	width: 26rem !important;
	word-wrap: break-word;
}

#sbwscf-tracking-scripts-table table.widefat th:nth-child(3),
#sbwscf-tracking-scripts-table table.widefat td:nth-child(3) {
	width: 20rem !important;
	word-wrap: break-word;
}

#sbwscf-tracking-scripts-table table.widefat th:nth-child(4),
#sbwscf-tracking-scripts-table table.widefat td:nth-child(4) {
	width: 10rem !important;
	word-wrap: break-word;
}

/* Fuerza a que los campos de entrada ocupen el ancho completo de la celda */
#sbwscf-tracking-scripts-table table.widefat input.regular-text,
#sbwscf-tracking-scripts-table table.widefat select {
	width: 100%;
	box-sizing: border-box;
	/* Asegura que el padding y borde se incluyan en el ancho total */
}

/*
 * ------------------------------------------------------------------
 * Cookies Colour – wrapper layout
 * ------------------------------------------------------------------
 */
.sbwscf-color-wrapper {
	display: flex;
	align-items: center;
	gap: .5rem;
}

.sbwscf-color-hex {
	width: 110px;
}