/*
 * Infrakom - общите стилове за WooCommerce (заменят изключените woocommerce*.css).
 * Само общото; оформлението на конкретна страница е в нейния файл.
 * Селекторите са от design/live/*.md (само WooCommerce и плъгините, PLAN.md Н2).
 */

/* ---------- Помощни ---------- */

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
	word-wrap: normal;
}

.screen-reader-text:focus {
	clip: auto;
	clip-path: none;
	width: auto;
	height: auto;
	margin: 0;
	padding: 12px 16px;
	z-index: 100000;
	background: #FFFFFF;
	color: var(--infk-blue);
	font-weight: 700;
	white-space: normal;
}

.clear {
	clear: both;
}

.woocommerce-notices-wrapper {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.woocommerce-notices-wrapper:empty {
	display: none;
}

/* ---------- Съобщения ---------- */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-NoticeGroup .woocommerce-error {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 16px;
	margin-top: 0;
	margin-bottom: 16px;
	padding: 14px 18px;
	border-radius: 12px;
	list-style: none;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
}

.woocommerce-message,
.woocommerce-info {
	background: var(--infk-tint);
	color: var(--infk-navy);
}

.woocommerce-error,
.woocommerce-NoticeGroup .woocommerce-error {
	display: block;
	background: var(--infk-err-bg);
	color: var(--infk-err);
}

.woocommerce-error li {
	margin: 0;
	padding: 0;
}

.woocommerce-error li + li {
	margin-top: 4px;
}

.woocommerce-message a:not(.button),
.woocommerce-info a:not(.button),
.woocommerce-error a:not(.button) {
	color: inherit;
	font-weight: 700;
	text-decoration: underline;
}

.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button {
	order: 2;
}

/* ---------- Бутони (вид .infk-btn .infk-btn--outline; .alt = --primary) ---------- */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button,
#respond input#submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 14.5px 26px;
	border: 1.5px solid var(--infk-blue);
	border-radius: 12px;
	background: #FFFFFF;
	color: var(--infk-blue);
	font-family: var(--infk-font);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .15s, border-color .15s, color .15s;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-message .button:hover,
.woocommerce-info .button:hover,
.woocommerce-error .button:hover,
#respond input#submit:hover {
	border-color: var(--infk-navy);
	background: var(--infk-tint);
	color: var(--infk-navy);
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
#respond input#submit.alt {
	border-color: var(--infk-yellow);
	background: var(--infk-yellow);
	color: var(--infk-navy);
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
#respond input#submit.alt:hover {
	border-color: var(--infk-yellow-h);
	background: var(--infk-yellow-h);
	color: var(--infk-navy);
}

.woocommerce a.button:disabled,
.woocommerce a.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button.disabled,
#respond input#submit:disabled,
#respond input#submit.disabled {
	opacity: .5;
	cursor: not-allowed;
}

.woocommerce a.button.loading,
.woocommerce button.button.loading {
	opacity: .7;
	cursor: wait;
}

/* ---------- Редове на форми (profil-dom.md, chekaut-dom.md) ---------- */

p.form-row {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0 0 16px;
}

p.form-row > label {
	display: block;
}

p.form-row .woocommerce-input-wrapper {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.form-row-first,
.form-row-last,
.form-row-wide {
	float: none;
}

p.form-row .woocommerce-form__label-for-checkbox,
p.form-row label.checkbox {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	font-weight: 600;
	cursor: pointer;
}

span.required,
abbr.required {
	color: var(--infk-err);
	text-decoration: none;
	border: 0;
}

.woocommerce-invalid input,
.woocommerce-invalid select,
.woocommerce-invalid textarea,
.woocommerce-invalid .select2-container--default .select2-selection--single {
	border-color: var(--infk-err);
}

/* Поле + бутон-око вдясно (без position: absolute - двата са в една клетка на мрежата). */
span.password-input {
	display: grid;
	align-items: center;
}

span.password-input > input,
span.password-input > .show-password-input {
	grid-area: 1 / 1;
}

span.password-input > input {
	padding-right: 52px;
}

button.show-password-input {
	justify-self: end;
	width: 44px;
	height: 44px;
	margin-right: 2px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background-color: var(--infk-muted);
	cursor: pointer;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / 22px 22px no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / 22px 22px no-repeat;
}

button.show-password-input:hover {
	background-color: var(--infk-blue);
}

button.show-password-input.display-password {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M3 3l18 18'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M3 3l18 18'/%3E%3C/svg%3E");
}

.woocommerce-password-strength {
	margin-top: 6px;
	padding: 8px 12px;
	border-radius: 10px;
	font-size: 13px;
	font-weight: 600;
}

.woocommerce-password-strength.short,
.woocommerce-password-strength.bad {
	background: var(--infk-err-bg);
	color: var(--infk-err);
}

.woocommerce-password-strength.good {
	background: var(--infk-note);
	color: var(--infk-navy);
}

.woocommerce-password-strength.strong {
	background: var(--infk-ok-bg);
	color: var(--infk-ok);
}

.woocommerce-password-hint {
	font-size: 13px;
	color: var(--infk-muted);
}

/* ---------- select2 (Страна, Област, офис на Еконт) ---------- */

.select2-container--default .select2-selection--single {
	height: 48px;
	border: 1px solid var(--infk-field);
	border-radius: 10px;
	background: #FFFFFF;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-left: 14px;
	padding-right: 36px;
	line-height: 46px;
	color: var(--infk-text);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 0;
	right: 8px;
	height: 46px;
	display: flex;
	align-items: center;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
	border-color: var(--infk-blue);
}

.select2-dropdown {
	border-color: var(--infk-field);
	border-radius: 10px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background: var(--infk-blue);
	color: #FFFFFF;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	min-height: 44px;
	border-color: var(--infk-field);
	border-radius: 10px;
}

/* ---------- Таблица и зареждане ---------- */

table.shop_table {
	width: 100%;
	border-collapse: collapse;
}

table.shop_table th,
table.shop_table td {
	padding: 12px 16px;
	border-bottom: 1px solid var(--infk-line);
	text-align: left;
	vertical-align: middle;
}

table.shop_table th {
	font-weight: 600;
}

.blockUI.blockOverlay {
	background: rgba(255, 255, 255, .6);
	cursor: wait;
}

/* ---------- Страниране (marki-dom.md, category.html → „Страници") ---------- */

nav.woocommerce-pagination ul.page-numbers {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

nav.woocommerce-pagination ul.page-numbers li {
	margin: 0;
}

nav.woocommerce-pagination a.page-numbers,
nav.woocommerce-pagination span.page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 6px;
	border: 1px solid var(--infk-line);
	border-radius: 10px;
	color: var(--infk-text);
	font-weight: 600;
}

nav.woocommerce-pagination a.page-numbers:hover {
	border-color: var(--infk-blue);
	color: var(--infk-blue);
}

nav.woocommerce-pagination span.page-numbers.current {
	border-color: var(--infk-blue);
	background: var(--infk-blue);
	color: #FFFFFF;
}

nav.woocommerce-pagination span.page-numbers.dots {
	border-color: transparent;
	color: var(--infk-muted);
}

/* ---------- Подреждане ---------- */

form.woocommerce-ordering {
	margin: 0;
}

form.woocommerce-ordering select.orderby {
	min-height: 44px;
	padding-block: 10px;
	font-size: 15px;
}

/* ---------- Цена ---------- */

.price del {
	font-size: 16px;
	font-weight: 500;
	color: var(--infk-muted);
}

.price ins {
	text-decoration: none;
}

.woo-bg--currency.amount-bgn {
	font-size: .6em;
	font-weight: 500;
	color: var(--infk-muted);
}

/* ---------- Стъпки (cart.html → „1 Количка / 2 ... / 3 Потвърждение") ---------- */

.infk-steps {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 36px;
	margin-block: 0;
	padding: 0;
	list-style: none;
}

.infk-steps li {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--infk-muted);
	font-weight: 500;
}

.infk-steps__num {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 32px;
	height: 32px;
	border-radius: 999px;
	background: var(--infk-soft);
	color: var(--infk-muted);
	font-size: 14px;
	font-weight: 600;
}

.infk-steps li[aria-current="step"],
.infk-steps li.is-current {
	color: var(--infk-text);
	font-weight: 600;
}

.infk-steps li[aria-current="step"] .infk-steps__num,
.infk-steps li.is-current .infk-steps__num {
	background: var(--infk-blue);
	color: #FFFFFF;
}