/* =========================================================
   LIVO RESPONSIVE.CSS

   Globalus responsive sluoksnis.
   Šiame faile laikome tik bendrą temą:
   - container;
   - header;
   - breadcrumbs;
   - bendrus puslapio heading elementus;
   - footer;
   - reduced motion.

   Puslapių specifika yra atskiruose failuose:
   shop.css, product.css, cart.css, checkout.css, account.css.

   1. Mažesni desktop ekranai – iki 1280 px
   2. Planšetės ir mobilus headeris – iki 1023 px
   3. Mobilūs įrenginiai – iki 767 px
   4. Maži mobilūs įrenginiai – iki 479 px
   5. Footer responsive
   6. Reduced motion

   ========================================================= */


/* =========================================================
   1. MAŽESNI DESKTOP EKRANAI — IKI 1280 PX
   PRADŽIA
   ========================================================= */

@media (max-width: 1280px) {
	:root {
		--livo-container: 1180px;
	}

	.livo-header-main__inner {
		grid-template-columns: 150px minmax(260px, 1fr) auto;
		gap: 22px;
	}

	.custom-logo {
		max-width: 150px;
	}

	.livo-header-action {
		min-width: 96px;
	}

	.livo-header-action small {
		display: none;
	}

	.livo-header-nav__inner {
		grid-template-columns: 210px minmax(0, 1fr);
	}

	.livo-header-contact-shortcuts {
		display: none;
	}

	.livo-primary-menu {
		gap: 17px;
	}

	.livo-primary-menu > li > a {
		font-size: 12px;
	}
}

/* =========================================================
   1. MAŽESNI DESKTOP EKRANAI — IKI 1280 PX
   PABAIGA
   ========================================================= */


/* =========================================================
   2. PLANŠETĖS IR MOBILUS HEADERIS — IKI 1023 PX
   PRADŽIA
   ========================================================= */

@media (max-width: 1023px) {
	:root {
		--livo-header-offset: 116px;
	}

	.livo-container {
		width: min(calc(100% - 28px), var(--livo-container));
	}

	.livo-header-utility,
	.livo-header-nav,
	.livo-header-actions {
		display: none;
	}

	.livo-header-main {
		border-bottom: 0;
	}

	.livo-header-main__inner {
		position: relative;
		min-height: 66px;
		display: grid;
		grid-template-columns: 44px minmax(0, 1fr) 44px 44px;
		align-items: center;
		gap: 8px;
	}

	.livo-mobile-menu-trigger {
		display: grid;
		grid-column: 1;
	}

	.livo-brand {
		grid-column: 2;
		justify-self: start;
	}

	.custom-logo {
		max-width: 130px;
		max-height: 50px;
	}

	.livo-fallback-logo {
		font-size: 38px;
	}

	.livo-fallback-logo__cube {
		width: 36px;
		height: 36px;
	}

	.livo-header-search {
		display: none;
	}

	.livo-mobile-search {
		display: block;
		padding-bottom: 12px;
	}

	.livo-mobile-search::before,
	.livo-mobile-search::after,
	.livo-header-main__inner::before,
	.livo-header-main__inner::after,
	.livo-header-main__inner > .livo-brand::after {
		content: none;
	}

	.livo-mobile-search + * {
		clear: both;
	}

	.livo-header-main__inner > .livo-header-search {
		grid-column: 2;
	}

	.livo-header-main__inner > .livo-header-actions {
		grid-column: 3 / 5;
	}

	.livo-header-main__inner > .livo-brand + .livo-header-search + .livo-header-actions {
		display: none;
	}

	.livo-mobile-search .dgwt-wcas-search-input,
	.livo-mobile-search .search-field {
		height: 46px !important;
		min-height: 46px;
	}

	/* Mobile paskyros ir krepšelio ikonėlės. */
	.livo-header-main__inner .livo-header-actions {
		display: contents;
	}

	.livo-header-main__inner .livo-header-action {
		display: none;
	}

	.livo-header-main__inner .livo-header-action:first-child,
	.livo-header-main__inner .livo-header-action:last-child {
		width: 44px;
		min-width: 44px;
		min-height: 44px;
		display: grid;
		place-items: center;
		padding: 0;
	}

	.livo-header-main__inner .livo-header-action:first-child {
		grid-column: 3;
	}

	.livo-header-main__inner .livo-header-action:last-child {
		grid-column: 4;
	}

	.livo-header-main__inner .livo-header-action > span:last-child {
		display: none;
	}

	.livo-header-main__inner .livo-header-action > .livo-icon,
	.livo-header-main__inner .livo-header-action__icon > .livo-icon {
		width: 24px;
		height: 24px;
	}

	.livo-home-hero {
		padding-top: 12px;
	}
}

/* =========================================================
   2. PLANŠETĖS IR MOBILUS HEADERIS — IKI 1023 PX
   PABAIGA
   ========================================================= */


/* =========================================================
   3. MOBILŪS ĮRENGINIAI — IKI 767 PX
   PRADŽIA
   ========================================================= */

@media (max-width: 767px) {
	body {
		font-size: 15px;
	}

	.livo-container {
		width: min(calc(100% - 22px), var(--livo-container));
	}

	.livo-page-main {
		padding-top: 24px;
		padding-bottom: 60px;
	}

	/* Breadcrumbs mobile nesilaužo į kelias eilutes. */
	.livo-breadcrumbs {
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		gap: 0;
		overflow-x: auto;
		overflow-y: hidden;
		margin-top: 12px;
		padding-bottom: 7px;
		font-size: 11px;
		line-height: 1.4;
		white-space: nowrap;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.livo-breadcrumbs::-webkit-scrollbar {
		display: none;
	}

	.livo-breadcrumbs > *,
	.livo-breadcrumbs a,
	.livo-breadcrumbs span {
		flex: 0 0 auto;
		white-space: nowrap;
	}

	.breadcrumb-separator {
		flex: 0 0 auto;
		padding-right: 7px;
		padding-left: 7px;
	}

	.livo-section-heading {
		align-items: center;
	}

	.livo-section-heading__eyebrow {
		display: none;
	}

	.livo-section-heading h2 {
		font-size: 26px;
	}

	.livo-home-products {
		padding-top: 42px;
	}
}

/* =========================================================
   3. MOBILŪS ĮRENGINIAI — IKI 767 PX
   PABAIGA
   ========================================================= */


/* =========================================================
   4. MAŽI MOBILŪS ĮRENGINIAI — IKI 479 PX
   PRADŽIA
   ========================================================= */

@media (max-width: 479px) {
	.custom-logo {
		max-width: 112px;
	}

	.livo-header-main__inner {
		grid-template-columns: 40px minmax(0, 1fr) 40px 40px;
	}

	.livo-icon-button,
	.livo-header-main__inner .livo-header-action:first-child,
	.livo-header-main__inner .livo-header-action:last-child {
		width: 40px;
		min-width: 40px;
	}

	.livo-section-heading > a {
		font-size: 11px;
	}
}

/* =========================================================
   4. MAŽI MOBILŪS ĮRENGINIAI — IKI 479 PX
   PABAIGA
   ========================================================= */


/* =========================================================
   5. FOOTER RESPONSIVE
   PRADŽIA
   ========================================================= */

@media (max-width: 1450px) {
	.livo-footer-grid {
		grid-template-columns: minmax(220px, 1fr) minmax(0, 3.8fr);
		gap: 42px;
	}

	.livo-footer-widgets {
		grid-template-columns: repeat(3, minmax(170px, 1fr));
		gap: 38px 30px;
	}
}

@media (max-width: 1023px) {
	.livo-footer-main {
		padding-top: 50px;
		padding-bottom: 46px;
	}

	.livo-footer-grid {
		grid-template-columns: 1fr;
		gap: 42px;
	}

	.livo-footer-widgets {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 36px 26px;
	}

	.livo-footer-brand__intro {
		max-width: 500px;
	}
}

@media (max-width: 767px) {
	.livo-site-footer {
		margin-top: 70px;
	}

	.livo-footer-benefits {
		top: auto;
		grid-template-columns: 1fr;
		margin-top: -34px;
	}

	.livo-footer-benefit {
		min-height: 80px;
		padding: 17px 18px;
		border-right: 0;
		border-bottom: 1px solid var(--livo-border);
	}

	.livo-footer-benefit:last-child {
		border-bottom: 0;
	}

	.livo-footer-benefit__icon {
		width: 42px;
		height: 42px;
		flex-basis: 42px;
	}

	.livo-footer-main {
		padding-top: 42px;
		padding-bottom: 40px;
	}

	.livo-footer-grid {
		grid-template-columns: 1fr;
		gap: 38px;
	}

	.livo-footer-widgets {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 34px 22px;
	}

	.livo-footer-brand {
		width: 100%;
	}

	.livo-footer-brand__intro {
		max-width: 420px;
	}

	.livo-footer-bottom__inner {
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		gap: 10px;
		padding-top: 16px;
		padding-bottom: 16px;
	}

	.livo-footer-menu {
		justify-content: flex-start;
	}
}

@media (max-width: 520px) {
	.livo-footer-widgets {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.livo-footer-column {
		padding: 22px 0;
		border-bottom: 1px solid var(--livo-border);
	}

	.livo-footer-column:first-child {
		padding-top: 0;
	}

	.livo-footer-column:last-child {
		padding-bottom: 0;
		border-bottom: 0;
	}

	.livo-footer-follow {
		margin-top: 24px;
	}
}

/* =========================================================
   5. FOOTER RESPONSIVE
   PABAIGA
   ========================================================= */


/* =========================================================
   6. REDUCED MOTION
   PRADŽIA
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

/* =========================================================
   6. REDUCED MOTION
   PABAIGA
   ========================================================= */


/* =========================================================
   LIVO RESPONSIVE.CSS
   FAILO PABAIGA
   ========================================================= */