/*
Theme Name: Nordoacrest
Theme URI: https://premium-frost-brand.lovable.app/
Author: Converted from Lovable design
Description: Premium frozen foods marketing theme. Static one-page layout converted from the Nordoacrest Lovable prototype.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: frostharvest
*/

/* =====================================================
   Mobile spacing fix — desktop sections use generous
   py-24/py-16 padding (96px/64px top+bottom). Stacked
   between two adjacent sections that becomes ~150-190px
   of dead space on small screens. Tighten it down below
   the tablet breakpoint.
   ===================================================== */
@media (max-width: 767px) {
	.py-24 { padding-top: 48px !important; padding-bottom: 48px !important; }
	.py-16 { padding-top: 32px !important; padding-bottom: 32px !important; }
	.gap-12 { gap: 28px !important; }
	.gap-20 { gap: 28px !important; }
}

/* GTranslate widget: keep it aligned inline within the header row
   regardless of the plugin's own default styling/width. */
.fh-gtranslate { vertical-align: middle; line-height: 1; }
.fh-gtranslate select,
.fh-gtranslate .gtranslate_wrapper { vertical-align: middle; }

/* =====================================================
   Marquee announcement banner (sits above the header)
   ===================================================== */
.fh-marquee-wrap {
	overflow: hidden;
	white-space: nowrap;
	background: linear-gradient(90deg, #0B6EFD, #27AE60 50%, #0B6EFD);
	background-size: 200% 100%;
	animation: fh-marquee-bg 8s ease infinite;
	padding: 9px 0;
	box-shadow: 0 2px 10px rgba(11,110,253,0.25);
	position: relative;
	z-index: 1;
}
.fh-marquee-track {
	display: inline-flex;
	width: max-content;
	animation: fh-marquee-scroll 22s linear infinite;
}
.fh-marquee-item {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding-right: 10px;
}
.fh-marquee-item span {
	display: inline-flex;
	align-items: center;
	color: #ffffff;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.3px;
	padding: 0 14px;
}
.fh-marquee-icon {
	width: 16px;
	height: 16px;
	color: #ffffff;
	flex: none;
	opacity: 0.9;
}
.fh-marquee-dot {
	color: #FF8A00;
	font-size: 10px;
	padding: 0 6px !important;
}
@keyframes fh-marquee-scroll {
	from { transform: translateX(-50%); }
	to   { transform: translateX(0%); }
}
@keyframes fh-marquee-bg {
	0%   { background-position: 0% 50%; }
	50%  { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}
@media (prefers-reduced-motion: reduce) {
	.fh-marquee-track { animation: none; }
	.fh-marquee-wrap { animation: none; }
}