/* Barefoot World – powiadomienia o dostępności */

.bfwr{
	margin:16px 0;
	padding:18px;
	border:1px solid #e4e4e4;
	border-radius:10px;
	background:#fafafa;
}

.bfwr__head{
	display:flex;
	align-items:flex-start;
	gap:12px;
	margin-bottom:8px;
}

.bfwr__title{flex:1;font-size:15px;line-height:1.4}

.bfwr__close{
	border:0;
	background:none;
	font-size:22px;
	line-height:1;
	cursor:pointer;
	color:#999;
	padding:0 2px;
}

.bfwr__lead{margin:0 0 6px;font-size:13.5px;line-height:1.6;color:#555}
.bfwr__for{margin:0 0 12px;font-size:13px;font-weight:600;color:#111}

.bfwr__row{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch}

/* Motywy (Uncode w szczególności) stylizują globalnie każdy <button> –
   własny line-height, padding i min-height. Pole input tych reguł nie
   dostaje, więc oba elementy rozjeżdżają się w pionie. Zamiast liczyć na
   paddingi, narzucamy obu tę samą wysokość i zerujemy to, co dokłada motyw.
   Selektory są celowo mocniejsze (element + klasa), bo inaczej przegrywają. */
.bfwr input.bfwr__email,
.bfwr button.bfwr__submit{
	box-sizing:border-box !important;
	height:48px !important;
	min-height:0 !important;
	max-height:none !important;
	line-height:1.2 !important;
	margin:0 !important;
	border-radius:6px !important;
	font-family:inherit;
	letter-spacing:normal;
	text-transform:none;
}

.bfwr input.bfwr__email{
	flex:1 1 200px;
	min-width:0;
	padding:0 14px !important;
	border:1px solid #ddd !important;
	font-size:15px;
	background:#fff;
	color:#111;
}

.bfwr input.bfwr__email:focus{outline:2px solid #111;outline-offset:1px;border-color:#111 !important}

.bfwr button.bfwr__submit{
	flex:0 0 auto;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0 24px !important;
	border:0 !important;
	background:#111 !important;
	color:#fff !important;
	font-size:14px;
	font-weight:600;
	cursor:pointer;
	white-space:nowrap;
	width:auto;
}

.bfwr button.bfwr__submit:hover{background:#333 !important}
.bfwr button.bfwr__submit:disabled{opacity:.5;cursor:default}

/* Pole-pułapka. Nie używamy display:none ani hidden – część botów pomija
   pola ukryte w ten sposób. Chowamy je poza ekran, zostawiając „widoczne". */
.bfwr__hp{
	position:absolute;
	left:-9999px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.bfwr__cf:not(:empty){margin-top:12px}

.bfwr__consent{margin:12px 0 0;font-size:12px;line-height:1.5;color:#888}

.bfwr__msg{margin:10px 0 0;font-size:13.5px;line-height:1.5}
.bfwr__msg.is-ok{color:#1c6b34}
.bfwr__msg.is-err{color:#b32d2e}

/* Przycisk pod siatką rozmiarów, gdy brakuje wszystkiego */
.bfwr__hint{
	display:block;
	width:100%;
	margin-top:12px;
	padding:12px 16px;
	border:1px dashed #bbb;
	border-radius:8px;
	background:#fff;
	font-size:14px;
	font-weight:600;
	color:#111;
	cursor:pointer;
}

.bfwr__hint:hover{border-color:#111}

@media (max-width:480px){
	.bfwr button.bfwr__submit{flex:1 1 100%}
}