/* ===========================================================
   FurniLove — Top Bar (pasek informacyjny nad nagłówkiem)
   Paleta i typografia jak w reszcie serwisu: złoto #a17c44, krem, Manrope.
   =========================================================== */
.fl-topbar{
	--flt-bg:#f4f0e6;
	--flt-text:#4a4a4a;
	--flt-strong:#1b1b1b;
	--flt-icon:#a17c44;
	--flt-accent:#876230;
	--flt-hover:#876230;
	--flt-sep:rgba(135,98,48,.28);
	--flt-flag-edge:rgba(27,27,27,.14);
	--flt-gap:36px;
	position:relative;
	background:var(--flt-bg);
	color:var(--flt-text);
	font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
	font-size:13px;
	font-weight:500;
	line-height:1.4;
	letter-spacing:.01em;
	text-align:left;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.fl-topbar--dark{
	--flt-bg:#1b1b1b;
	--flt-text:rgba(255,255,255,.74);
	--flt-strong:#fff;
	--flt-icon:#c9a96a;
	--flt-accent:#c9a96a;
	--flt-hover:#c9a96a;
	--flt-sep:rgba(255,255,255,.18);
	--flt-flag-edge:transparent;
}
.fl-topbar *,
.fl-topbar *::before,
.fl-topbar *::after{box-sizing:border-box;}

/* szerokość i marginesy jak w nagłówku motywu (wide-size + globalny padding) */
.fl-topbar__inner{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	column-gap:var(--flt-gap);
	row-gap:2px;
	width:min(var(--wp--style--global--wide-size,1340px),100% - 2 * var(--wp--style--root--padding-left,clamp(30px,5vw,50px)));
	min-height:40px;
	margin:0 auto;
	padding:8px 0;
}

.fl-topbar__item{
	position:relative;
	display:inline-flex;
	align-items:center;
	gap:8px;
	margin:0;
	white-space:nowrap;
	color:inherit;
}
.fl-topbar__icon{flex:none;width:15px;height:15px;color:var(--flt-icon);}

/* telefon i e-mail — najważniejsze, więc mocniejsze */
.fl-topbar a.fl-topbar__item{
	color:var(--flt-strong);
	font-weight:600;
	text-decoration:none;
	transition:color .25s ease;
}
.fl-topbar a.fl-topbar__item:hover,
.fl-topbar a.fl-topbar__item:focus-visible{color:var(--flt-hover);text-decoration:none;}
/* nadpisuje „header a:hover svg" z FurniLove – Style, żeby ikona trzymała kolor wariantu */
.fl-topbar a.fl-topbar__item:hover .fl-topbar__icon{color:var(--flt-hover)!important;}
.fl-topbar a.fl-topbar__item:focus-visible{outline:2px solid var(--flt-icon);outline-offset:3px;border-radius:2px;}
/* podkreślenie wysuwane jak w menu nagłówka */
.fl-topbar__value{
	padding-bottom:1px;
	background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;
	transition:background-size .3s cubic-bezier(.2,.7,.3,1);
}
.fl-topbar a.fl-topbar__item:hover .fl-topbar__value{background-size:100% 1px;}

/* godziny — doklejone do numeru telefonu */
.fl-topbar__item--hours{gap:10px;}
.fl-topbar__item--phone + .fl-topbar__item--hours{margin-left:calc(10px - var(--flt-gap));}
.fl-topbar__item--phone + .fl-topbar__item--hours::before{content:"";flex:none;width:3px;height:3px;border-radius:50%;background:var(--flt-icon);}

/* cienkie pionowe separatory między grupami (tylko gdy coś stoi przed elementem) */
.fl-topbar__item--phone ~ .fl-topbar__item--email::before,
.fl-topbar__item--hours ~ .fl-topbar__item--email::before,
.fl-topbar__item--made ~ .fl-topbar__item--address::before{
	content:"";
	position:absolute;
	top:50%;
	left:calc(var(--flt-gap) / -2);
	width:1px;
	height:14px;
	margin-top:-7px;
	background:var(--flt-sep);
}

/* desktop: rozpycha grupy na boki */
.fl-topbar__break{flex:1 1 0;min-width:0;margin-left:calc(0px - var(--flt-gap));}

.fl-topbar__item--made{
	color:var(--flt-accent);
	font-size:11px;
	font-weight:700;
	letter-spacing:.16em;
	text-transform:uppercase;
}
.fl-topbar__flag{
	flex:none;
	width:18px;
	height:12px;
	border-radius:2px;
	background:linear-gradient(#fff 0 50%,#dc143c 50% 100%);
	box-shadow:0 0 0 1px var(--flt-flag-edge);
}

/* ---- węższe ekrany: bez adresu ---- */
@media (max-width:1199.98px){
	.fl-topbar__item--address{display:none;}
}
@media (max-width:1023.98px){
	.fl-topbar{--flt-gap:28px;}
}

/* ---- telefon: dwa wyśrodkowane rzędy (telefon + e-mail, pod spodem godziny + Polska produkcja) ---- */
@media (max-width:781.98px){
	.fl-topbar{--flt-gap:20px;font-size:12.5px;}
	.fl-topbar__inner{
		justify-content:center;
		width:calc(100% - 24px);
		min-height:0;
		padding:7px 0 8px;
		row-gap:3px;
	}
	.fl-topbar__item--phone{order:1;}
	.fl-topbar__item--email{order:2;}
	.fl-topbar__break{order:3;flex:0 0 100%;height:0;margin:0;}
	.fl-topbar__item--hours{order:4;font-size:11.5px;}
	.fl-topbar__item--phone + .fl-topbar__item--hours{margin-left:0;}
	.fl-topbar__item--phone + .fl-topbar__item--hours::before{display:none;}
	.fl-topbar__item--made{order:5;font-size:10px;letter-spacing:.14em;}
	/* separator tylko między telefonem a e-mailem (godziny są tu w drugim rzędzie) */
	.fl-topbar__item--hours ~ .fl-topbar__item--email::before{display:none;}
	.fl-topbar__item--phone ~ .fl-topbar__item--email::before{display:block;height:12px;margin-top:-6px;}
}

/* ---- bardzo wąskie telefony (<360px): mniejsze pismo, żeby zostały 2 rzędy ---- */
@media (max-width:359.98px){
	.fl-topbar{--flt-gap:14px;font-size:11.5px;}
	.fl-topbar__item{gap:6px;}
	.fl-topbar__icon{width:13px;height:13px;}
	.fl-topbar__item--hours{font-size:11px;}
	.fl-topbar__item--made{letter-spacing:.1em;}
}

@media (prefers-reduced-motion:reduce){
	.fl-topbar a.fl-topbar__item,
	.fl-topbar__value{transition:none;}
}