/* BLACKPHONE · Barra fija de seguimiento de reparaciones */

/* El tema aplica overflow-x:hidden al body, lo que anula position:sticky en
   sus hijos. Por eso se fija con position:fixed y se compensa el hueco con un
   padding-top en el body (variable --bp-track-h). */
.bp-track-bar{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:1001;                 /* la cabecera del tema usa 999 */
	background:var(--bp-carbon,#141416);
	border-bottom:1px solid rgba(217,166,46,.30);
}
body{padding-top:var(--bp-track-h,40px)}
/* Con la barra de administracion de WordPress, la nuestra baja 32 px */
body.admin-bar .bp-track-bar{top:32px}
@media screen and (max-width:782px){
	body.admin-bar .bp-track-bar{top:46px}
}

.bp-track-form{
	max-width:1140px;
	margin:0 auto;
	padding:6px 15px;
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	justify-content:center;
	gap:10px;
	line-height:1;
}

.bp-track-lbl{
	display:inline-flex;
	align-items:center;
	gap:7px;
	white-space:nowrap;
	font-family:"Jost","Poppins",sans-serif;
	font-size:10.5px;
	font-weight:600;
	letter-spacing:.18em;
	text-transform:uppercase;
	color:var(--bp-oro,#D9A62E);
}
.bp-track-lbl svg{flex:0 0 auto}

.bp-track-form input[type=text]{
	flex:1 1 auto;
	min-width:0;
	max-width:280px;
	padding:7px 12px;
	border:1px solid #34343b;
	background:#0f0f11;
	color:#f6f5f2;
	font-size:13.5px;
	border-radius:0;
	box-sizing:border-box;
	/* El tema impone min-height:51px a los input: la barra quedaria en dos lineas */
	min-height:0!important;
	height:34px!important;
	line-height:1.2!important;
	margin:0!important;
}
.bp-track-form input[type=text]::placeholder{color:#7d7d84}
.bp-track-form input[type=text]:focus{
	outline:none;
	border-color:var(--bp-oro,#D9A62E);
}

.bp-track-form button{
	flex:0 0 auto;
	padding:8px 18px;
	border:0;
	border-radius:0;
	cursor:pointer;
	background:var(--bp-oro,#D9A62E);
	color:#0B0B0C;
	font-family:"Jost","Poppins",sans-serif;
	font-size:11px;
	font-weight:600;
	letter-spacing:.16em;
	text-transform:uppercase;
	white-space:nowrap;
	min-height:0!important;
	height:34px!important;
	line-height:1!important;
	margin:0!important;
}
.bp-track-form button:hover{background:#c2911f}

/* Accesibilidad: etiqueta solo para lectores de pantalla */
.bp-track-bar .screen-reader-text{
	position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap
}

/* Movil: el rotulo largo ocuparia toda la fila, se deja solo el icono */
@media(max-width:600px){
	.bp-track-form{padding:6px 12px;gap:8px}
	.bp-track-lbl{font-size:0;gap:0}
	.bp-track-lbl svg{width:17px;height:17px}
	.bp-track-form input[type=text]{max-width:none;font-size:16px;height:36px!important}  /* 16px evita el zoom de iOS */
	.bp-track-form button{height:36px!important}
	.bp-track-form button{padding:8px 14px;font-size:10.5px;letter-spacing:.12em}
}

/* Impresion: la barra no debe salir en tickets ni facturas */
@media print{ .bp-track-bar{display:none!important} }