/*
 * Infrakom - рамката на страницата (TASKS P2.3): горна лента, хедър, меню на два реда,
 * лента с предимства, бюлетин, футър; формите на темата (P2.2).
 * Стойностите са от main.html → „Горна лента", „Хедър", „Меню", „Предимства", „Бюлетин", „Футър"
 * и contacts.html → „Пишете ни". Височините от макета са преведени в padding.
 */

/* ---------- Връзка „Към съдържанието" ---------- */

.infk-skip:focus {
	position: fixed;
	top: 8px;
	left: 8px;
	z-index: 1000;
	width: auto;
	height: auto;
	margin: 0;
	padding: 10px 16px;
	clip: auto;
	clip-path: none;
	white-space: normal;
	border-radius: 12px;
	background: var(--infk-yellow);
	color: var(--infk-navy);
	font-weight: 700;
}

/* ---------- Горна лента ---------- */

.infk-topbar {
	background: var(--infk-navy);
	color: var(--infk-on-dark);
	font-size: 13px;
}

.infk-topbar > .infk-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 6px 24px;
	padding-block: 10px;
}

.infk-topbar__right {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 24px;
}

.infk-topbar__phone {
	color: #FFFFFF;
	font-weight: 600;
}

.infk-topbar__phone:hover {
	color: var(--infk-yellow);
}

/* ---------- Хедър ---------- */

.infk-header {
	background: var(--infk-blue);
}

.infk-header > .infk-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px 32px;
	padding-block: 14px;
}

.infk-logo {
	display: block;
	line-height: 0;
}

.infk-logo__img {
	display: block;
	width: auto;
	height: 64px;
	object-fit: contain;
}

.infk-logo__name {
	display: inline-block;
	color: #FFFFFF;
	font-family: var(--infk-font-head);
	font-size: 26px;
	font-weight: 800;
	line-height: 1.2;
}

/* Търсачка: поле + жълт бутон 56x48 */
.infk-search {
	display: flex;
	flex: 1 1 320px;
	min-width: 0;
	margin: 0;
}

.infk-search input[type="search"] {
	flex: 1 1 auto;
	min-width: 0;
	padding: 12px 18px;
	border: 0;
	border-radius: 12px 0 0 12px;
	background: #FFFFFF;
	color: var(--infk-text);
}

.infk-search input[type="search"]:focus {
	box-shadow: inset 0 0 0 2px var(--infk-yellow);
}

.infk-search button {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	padding: 14px 18px;
	border: 0;
	border-radius: 0 12px 12px 0;
	background: var(--infk-yellow);
	color: var(--infk-navy);
	cursor: pointer;
}

.infk-search button:hover {
	background: var(--infk-yellow-h);
}

.infk-header__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.infk-header__account,
.infk-cartlink,
.infk-nav__toggle {
	display: flex;
	align-items: center;
	min-height: 44px;
	font-size: 15px;
	line-height: 22px;
}

.infk-header__account {
	gap: 8px;
	padding: 13px 12px;
	color: #FFFFFF;
	font-weight: 500;
}

.infk-header__account:hover {
	color: var(--infk-yellow);
}

.infk-cartlink {
	gap: 10px;
	padding: 13px 18px;
	border-radius: 12px;
	background: var(--infk-yellow);
	color: var(--infk-navy);
	font-weight: 600;
}

.infk-cartlink:hover {
	background: var(--infk-yellow-h);
	color: var(--infk-navy);
}

/* Вторият ред на двойната цена (Bulgarisation) не се показва в бутона. */
.infk-cartlink .woo-bg--currency.amount-bgn {
	display: none;
}

.infk-nav__toggle {
	display: none;
	gap: 8px;
	padding: 13px 12px;
	border: 0;
	border-radius: 12px;
	background: transparent;
	color: #FFFFFF;
	font-weight: 600;
	cursor: pointer;
}

.infk-nav__toggle:hover {
	color: var(--infk-yellow);
}

/* ---------- Меню на два реда ---------- */

.infk-nav {
	border-bottom: 1px solid var(--infk-line);
	background: #FFFFFF;
	font-size: 15px;
	font-weight: 500;
}

.infk-nav > .infk-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.infk-nav__row1,
.infk-nav__row2 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 24px;
}

.infk-nav__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.infk-nav__list--2 {
	gap: 0 22px;
}

.infk-nav__list > li {
	margin: 0;
}

.infk-nav__list a,
.infk-nav__all {
	display: flex;
	align-items: center;
	padding-block: 16px;
	color: var(--infk-text);
	line-height: 20px;
}

.infk-nav__list a:hover,
.infk-nav__list .current-menu-item > a {
	color: var(--infk-blue);
}

.infk-nav__all {
	gap: 8px;
	padding-inline: 0;
	border: 0;
	background: transparent;
	color: var(--infk-blue);
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
}

.infk-nav__all:hover,
.infk-nav__all[aria-expanded="true"] {
	color: var(--infk-navy);
}

/* Елемент с клас infk-chip = чипът „Промоции" (34px, padding 0 14px). */
.infk-nav__list > li.infk-chip {
	display: block;
	padding: 0;
	border-radius: 0;
	background: none;
	font-size: inherit;
}

.infk-nav__list > li.infk-chip > a {
	padding: 7px 14px;
	border-radius: 999px;
	background: var(--infk-yellow);
	color: var(--infk-navy);
	font-weight: 700;
}

.infk-nav__list > li.infk-chip > a:hover {
	background: var(--infk-yellow-h);
	color: var(--infk-navy);
}

/* ---------- Лента с предимства ---------- */

.infk-adv {
	border-bottom: 1px solid var(--infk-line);
}

.infk-adv > .infk-wrap {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px 32px;
	padding-block: 28px;
}

.infk-adv__item {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}

.infk-adv__icon {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	padding: 11px;
	border-radius: 12px;
	background: var(--infk-tint);
	color: var(--infk-blue);
}

.infk-adv__body {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.infk-adv__title {
	font-family: var(--infk-font-head);
	font-size: 16px;
	font-weight: 700;
}

.infk-adv__text {
	font-size: 14px;
	color: var(--infk-muted);
}

/* ---------- Формите на темата (contacts.html → „Пишете ни") ---------- */

.infk-form {
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin: 0;
}

.infk-form__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px 20px;
}

.infk-form__field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0;
	min-width: 0;
}

.infk-form__field--wide {
	grid-column: 1 / -1;
}

.infk-form > .infk-btn {
	align-self: flex-start;
}

/* ---------- Бюлетин (main.html → „Бюлетин") ---------- */

.infk-nl {
	background: var(--infk-blue);
	color: #FFFFFF;
}

.infk-nl > .infk-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 24px 48px;
	padding-block: 48px;
}

.infk-nl__text {
	flex: 1 1 360px;
	margin: 0;
	font-family: var(--infk-font-head);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.35;
}

.infk-form--nl {
	flex: 1 1 360px;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 12px;
}

.infk-form--nl input[type="email"] {
	flex: 1 1 220px;
	min-width: 0;
	padding: 16px 18px;
	border: 0;
	border-radius: 12px;
	line-height: 20px;
}

.infk-form--nl input[type="email"]:focus {
	box-shadow: inset 0 0 0 2px var(--infk-yellow);
}

.infk-form--nl .infk-btn {
	flex: 0 0 auto;
	border: 0;
	padding-block: 16px;
	line-height: 20px;
}

.infk-form--nl .infk-notice--err {
	flex: 1 1 100%;
}

.infk-nl .infk-notice--ok {
	flex: 1 1 360px;
}

/* ---------- Футър ---------- */

.infk-footer {
	background: var(--infk-navy);
	color: var(--infk-on-dark);
	font-size: 15px;
}

.infk-footer > .infk-wrap {
	display: flex;
	flex-direction: column;
	gap: 40px;
	padding-block: 64px 28px;
}

.infk-footer a {
	color: var(--infk-on-dark);
}

.infk-footer a:hover {
	color: #FFFFFF;
}

.infk-footer__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 40px 48px;
}

.infk-footer__col {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
}

.infk-footer__about {
	gap: 16px;
}

.infk-footer__about p {
	margin: 0;
	line-height: 1.6;
}

.infk-footer .infk-footer__logo {
	align-self: flex-start;
	padding: 10px 14px;
	border-radius: 14px;
	background: var(--infk-blue);
}

.infk-footer__logo .infk-logo__img {
	height: 60px;
}

.infk-footer .infk-footer__phone {
	color: #FFFFFF;
	font-family: var(--infk-font-head);
	font-size: 22px;
	font-weight: 800;
}

.infk-footer .infk-footer__phone:hover {
	color: var(--infk-yellow);
}

.infk-footer__title {
	margin: 0 0 4px;
	color: #FFFFFF;
	font-family: var(--infk-font-head);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0;
}

.infk-footer__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.infk-footer__list > li {
	margin: 0;
}

.infk-footer__store {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.infk-footer__store + .infk-footer__store {
	margin-top: 8px;
}

.infk-footer__store-line {
	color: #FFFFFF;
	font-weight: 600;
}

.infk-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 12px 32px;
	padding-top: 24px;
	border-top: 1px solid rgba(255, 255, 255, .14);
	font-size: 14px;
}

.infk-footer__social {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 24px;
}

/* ---------- Под 899px: мобилно меню, една колона ---------- */

@media (max-width: 899px) {
	.infk-topbar > .infk-wrap {
		justify-content: flex-end;
	}

	.infk-topbar__text,
	.infk-topbar__hours {
		display: none;
	}

	.infk-header__actions {
		margin-left: auto;
	}

	.infk-search {
		flex: 1 1 100%;
		order: 3;
	}

	.infk-nav__toggle {
		display: flex;
	}

	.infk-nav {
		border-bottom: 0;
	}

	.infk-nav__row1,
	.infk-nav__row2 {
		display: none;
	}

	.infk-adv > .infk-wrap {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* ---------- Под 767px (телефон) ---------- */

@media (max-width: 767px) {
	.infk-header > .infk-wrap {
		gap: 12px 16px;
	}

	.infk-logo__img {
		height: 48px;
	}

	.infk-header__actions {
		gap: 4px;
	}

	/* „Профил" остава за екранните четци, видима е иконата. */
	.infk-header__account span {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		white-space: nowrap;
	}

	.infk-cartlink {
		padding-inline: 14px;
	}

	.infk-adv > .infk-wrap {
		grid-template-columns: minmax(0, 1fr);
	}

	.infk-form__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}