/* --- Luxor footer --- boje izmjerene iz makete (Footer - webshop luxor plasman.png) --- */
.lx-footer{
	--lx-green:#2B5B2A;
	--lx-green-dark:#1F4522;
	--lx-lime:#7CC733;
	--lx-leaf:#8CCF22;
	--lx-ease:cubic-bezier(.23,1,.32,1);
	background:var(--lx-green);
	color:#fff;
	font-family:inherit;
	line-height:1.6;
	--lx-pad-y:clamp(36px,5vw,58px);
	--lx-pad-x:clamp(20px,4vw,28px);
}
.lx-footer *{box-sizing:border-box}
.lx-footer a{
	color:rgba(255,255,255,.92);
	text-decoration:none;
	transition:color 180ms var(--lx-ease);
}
.lx-footer a:hover,
.lx-footer a:focus-visible{color:var(--lx-lime)}
.lx-footer :focus-visible{
	outline:2px solid var(--lx-lime);
	outline-offset:3px;
	border-radius:3px;
}

.lx-footer__inner{
	max-width:1400px;margin:0 auto;
	padding:var(--lx-pad-y) var(--lx-pad-x) calc(var(--lx-pad-y) - 8px);
	display:grid;
	gap:clamp(28px,3vw,34px) clamp(24px,3vw,40px);
	grid-template-columns:1.75fr 1.1fr 1.2fr .9fr 1.15fr;
}

/* --- kolona 1: brend --- */
.lx-logo{display:inline-block;margin-bottom:18px}
.lx-logo img{max-height:46px;width:auto;display:block}
.lx-logo__text{
	font-size:clamp(1.65rem,2.6vw,2.1rem);
	font-weight:800;letter-spacing:.01em;
	color:#fff;line-height:1;white-space:nowrap;
	display:inline-block;
}
.lx-logo:hover .lx-logo__text,
.lx-logo:focus-visible .lx-logo__text{color:#fff}
.lx-logo__o{position:relative;display:inline-block}
.lx-logo__leaf{
	position:absolute;top:-.16em;right:-.10em;
	width:.44em;height:.44em;fill:var(--lx-leaf);
}
.lx-footer__tagline{margin:0 0 16px;font-size:1.02rem;max-width:24ch;text-wrap:pretty}
.lx-footer__legal{margin:0 0 22px;font-size:.9rem;color:rgba(255,255,255,.78);max-width:30ch;text-wrap:pretty}
/* Kad nema nijedne društvene mreže, ne ostavljaj prazan prostor ispod. */
.lx-footer__tagline:last-child,
.lx-footer__legal:last-child{margin-bottom:0}

.lx-social{display:flex;gap:12px;list-style:none;margin:0;padding:0}
.lx-social a{
	display:inline-flex;align-items:center;justify-content:center;
	width:40px;height:40px;margin:-5px;
	transition:transform 180ms var(--lx-ease);
}
.lx-social svg{width:30px;height:30px;fill:#fff;transition:fill 180ms var(--lx-ease)}
.lx-social a:active{transform:scale(.92)}
.lx-social a:hover svg,
.lx-social a:focus-visible svg{fill:var(--lx-lime)}

/* --- naslovi kolona --- */
.lx-footer__col h3{
	margin:0 0 24px;padding-bottom:11px;
	font-size:clamp(1.12rem,1.4vw,1.24rem);
	font-weight:700;color:#fff;position:relative;
	text-wrap:balance;
}
.lx-footer__col h3::after{
	content:"";position:absolute;left:0;bottom:0;
	width:36px;height:3px;background:var(--lx-lime);border-radius:2px;
}
.lx-footer__col ul{list-style:none;margin:0;padding:0}
.lx-footer__col li{margin-bottom:12px}
.lx-footer__col li:last-child{margin-bottom:0}

/* podvlaka koja izraste ispod linka — samo transform, ide na GPU */
.lx-footer__col a,
.lx-contact a{position:relative;display:inline-block}
.lx-footer__col a::after,
.lx-contact a::after{
	content:"";position:absolute;left:0;bottom:-2px;
	width:100%;height:1px;background:currentColor;
	transform:scaleX(0);transform-origin:left center;
	transition:transform 200ms var(--lx-ease);
}

/* --- kolona 5: kontakt --- */
.lx-contact li{display:flex;align-items:flex-start;gap:12px}
.lx-contact svg{flex:0 0 auto;width:19px;height:19px;fill:#fff;margin-top:.24em}
.lx-contact li span{color:rgba(255,255,255,.92)}

/* --- donja traka --- */
.lx-footer__bottom{
	background:var(--lx-green-dark);
	text-align:center;
	padding:16px var(--lx-pad-x);
	font-size:.9rem;color:rgba(255,255,255,.84);
}

/* --- hover samo na pravom mišu --- */
@media (hover:hover) and (pointer:fine){
	.lx-footer__col a:hover::after,
	.lx-contact a:hover::after,
	.lx-footer__col a:focus-visible::after,
	.lx-contact a:focus-visible::after{transform:scaleX(1)}
	.lx-social a:hover{transform:scale(1.08)}
}

/* --- responsive: 5 -> 4 -> 2 -> 1 kolona --- */
@media (max-width:1200px){
	.lx-footer__inner{grid-template-columns:repeat(4,1fr)}
	.lx-footer__brand{grid-column:1 / -1;margin-bottom:4px}
	.lx-footer__tagline{max-width:46ch}
	.lx-footer__legal{max-width:60ch}
}
@media (max-width:900px){
	.lx-footer__inner{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
	.lx-footer__inner{grid-template-columns:1fr;gap:32px}
	.lx-footer__col h3{margin-bottom:18px}
	.lx-footer__brand{margin-bottom:0}
	.lx-social a{width:44px;height:44px;margin:-7px}
}
@media (max-width:400px){
	.lx-logo__text{font-size:1.6rem}
	.lx-footer__bottom{font-size:.84rem;line-height:1.5}
}

/* --- smanjeno kretanje --- */
@media (prefers-reduced-motion:reduce){
	.lx-footer *{transition-duration:.01ms !important}
	.lx-footer__col a::after,
	.lx-contact a::after{display:none}
	.lx-social a:hover,
	.lx-social a:active{transform:none}
}

/* --- štampa --- */
@media print{
	.lx-footer{background:#fff;color:#000}
	.lx-footer a{color:#000}
	.lx-social,.lx-footer__col h3::after{display:none}
	.lx-footer__bottom{background:#fff;color:#000;border-top:1px solid #ccc}
}