/**
 * Feature: Adresár dodacích adries
 * Verzia:  1.0.0
 * Umiestnenie: /custom-features/adresy/adresy.css
 *
 * Polia formulára dedia vzhľad z moj-ucet-formulare.css (.form-row vnútri
 * .woocommerce-MyAccount-content) a v pokladni z pokladna.css — tu je len
 * to, čo je pre adresár vlastné: zoznam, akcie a výber v pokladni.
 */

/* === MÔJ ÚČET — ADRESÁR === */

.zz-adresy {
	margin-top: 40px;
	padding-top: 28px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	font-family: "SeasonSansTRIAL-Regular", sans-serif;
}

.zz-adresy__nadpis {
	margin: 0 0 6px;
	color: var(--awb-color6, #0a3019);
	font-size: 22px;
	font-weight: 800;
	line-height: 1.25;
}

.zz-adresy__popis {
	margin: 0 0 20px;
	font-size: 14px;
	line-height: 1.5;
	opacity: .75;
}

.zz-adresy__prazdne {
	margin: 0 0 18px;
	padding: 14px 16px;
	border: 1px dashed rgba(0, 0, 0, 0.18);
	border-radius: 12px;
	font-size: 14px;
	opacity: .8;
}

.zz-adresy__zoznam {
	margin: 0 0 20px !important;
	padding: 0 !important;
	list-style: none !important;
	display: grid;
	gap: 10px;
}

.zz-adresy__polozka {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin: 0 !important;
	padding: 14px 16px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 12px;
	background: #fff;
	list-style: none !important;
}

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

.zz-adresy__nazov {
	color: var(--awb-color6, #0a3019);
	font-size: 16px;
	font-weight: 800;
	line-height: 1.3;
}

.zz-adresy__riadok {
	font-size: 14px;
	line-height: 1.45;
	opacity: .8;
}

.zz-adresy__kontakt {
	opacity: .6;
}

.zz-adresy__akcie {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-shrink: 0;
}

.zz-adresy__zmazat {
	margin: 0;
}

.zz-adresy__odkaz {
	padding: 0;
	border: 0;
	background: none;
	color: var(--awb-color6, #0a3019);
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.zz-adresy__odkaz:hover,
.zz-adresy__odkaz:focus-visible {
	opacity: .65;
}

.zz-adresy__odkaz--zmazat {
	color: #a11;
}

.zz-adresy__pridat-riadok {
	margin: 0 !important;
}

.zz-adresy__hint {
	display: block;
	margin: 4px 0 0 2px;
	font-size: 12.5px;
	line-height: 1.4;
	opacity: .7;
}

.zz-adresy__tlacidla {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-top: 6px !important;
}

/* Natívny <select> zladený s inputmi v Mojom účte. */
.zz-adresy__select {
	width: 100%;
	height: 56px;
	padding: 18px 36px 6px 16px;
	border: 1px solid rgba(0, 0, 0, 0.22);
	border-radius: 8px;
	background-color: #fff;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='none' stroke='%230a3019' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 1l5 5 5-5'/></svg>");
	background-repeat: no-repeat;
	background-position: right 16px center;
	color: var(--awb-color6, #0a3019);
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .05em;
	appearance: none;
	-webkit-appearance: none;
}

@media (max-width: 640px) {
	.zz-adresy__polozka {
		flex-direction: column;
		gap: 10px;
	}

	.zz-adresy__akcie {
		gap: 18px;
	}
}

/* === POKLADŇA — VÝBER ADRESY === */

.zz-adresy-vyber {
	margin: 0 0 16px;
	padding: 14px 16px 12px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 12px;
	background: rgba(202, 252, 135, 0.14);
	font-family: "SeasonSansTRIAL-Regular", sans-serif;
}

.zz-adresy-vyber__riadok {
	position: relative;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.zz-adresy-vyber__riadok > label {
	display: block;
	margin: 0 0 6px 2px;
	color: var(--awb-color6, #0a3019);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .02em;
}

.zz-adresy-vyber__select {
	width: 100%;
	height: 52px;
	padding: 0 38px 0 14px;
	border: 1px solid rgba(0, 0, 0, 0.22);
	border-radius: 8px;
	background-color: #fff;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='none' stroke='%230a3019' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 1l5 5 5-5'/></svg>");
	background-repeat: no-repeat;
	background-position: right 14px center;
	color: var(--awb-color6, #0a3019);
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	appearance: none;
	-webkit-appearance: none;
}

.zz-adresy-vyber__select:focus-visible {
	border-color: var(--awb-color6, #0a3019);
	outline: none;
	box-shadow: 0 0 0 3px rgba(202, 252, 135, 0.35);
}

/* === VLASTNÝ ROZBAĽOVACÍ ZOZNAM ===
 * Rozbalený zoznam natívneho <select> kreslí operačný systém a CSS naň
 * nedosiahne. adresy.js preto postaví vlastný a natívny select schová —
 * ten ostáva v DOM, drží hodnotu a odošle sa vo formulári.
 * Bez JS trieda `ma-vlastny-vyber` nepribudne a select ostane viditeľný. */

.zz-adresy-vyber.ma-vlastny-vyber .zz-adresy-vyber__select {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.zz-vyber {
	position: relative;
	width: 100%;
}

.zz-vyber__tlacidlo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	height: 52px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid rgba(0, 0, 0, 0.22);
	border-radius: var(--zz-radius, 8px);
	background: #fff;
	color: var(--awb-color6, #0a3019);
	font-family: "SeasonSansTRIAL-Regular", sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	text-align: left;
	cursor: pointer;
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.zz-vyber__tlacidlo:focus-visible,
.zz-vyber.is-otvoreny .zz-vyber__tlacidlo {
	border-color: var(--awb-color6, #0a3019);
	outline: none;
	box-shadow: 0 0 0 3px rgba(202, 252, 135, 0.35);
}

.zz-vyber__hodnota {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* Šípka — rovnaká kresba ako v natívnych poliach pokladne. */
.zz-vyber__tlacidlo::after {
	content: "";
	flex: 0 0 12px;
	width: 12px;
	height: 8px;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='none' stroke='%230a3019' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 1l5 5 5-5'/></svg>") no-repeat center;
	transition: transform 0.18s ease;
}

.zz-vyber.is-otvoreny .zz-vyber__tlacidlo::after {
	transform: rotate(180deg);
}

/* Zoznam sa otvára až pod celým blokom adries, nie tesne pod poľom.
   Tesne pod poľom sedel na obsahu, ktorý je v bloku ešte pod ním (odkaz
   „Spravovať uložené adresy"), a prekrýval ho.

   Odsadenie dopĺňa adresy.js pri otvorení — meria skutočnú vzdialenosť od
   spodku poľa po spodok bloku. Natvrdo napísaná hodnota by prestala sedieť,
   len čo by sa ten odkaz na užšom displeji zalomil do dvoch riadkov.
   Bez JS ostáva 0 a zoznam sa správa ako predtým. */
.zz-vyber__zoznam {
	position: absolute;
	z-index: 30;
	top: calc(100% + 6px + var(--zz-vyber-odsadenie, 0px));
	left: 0;
	right: 0;
	max-height: 320px;
	margin: 0 !important;
	padding: 6px !important;
	overflow-y: auto;
	list-style: none !important;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: var(--zz-radius-lg, 12px);
	background: #fff;
	box-shadow: 0 18px 40px rgba(10, 48, 25, 0.16);
}

.zz-vyber__zoznam:focus-visible {
	outline: none;
}

.zz-vyber__polozka {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin: 0 !important;
	padding: 10px 12px;
	border-radius: 8px;
	list-style: none !important;
	color: var(--awb-color6, #0a3019);
	cursor: pointer;
}

.zz-vyber__polozka:hover,
.zz-vyber__polozka.is-zvyraznena {
	background: rgba(202, 252, 135, 0.35);
}

.zz-vyber__polozka.is-vybrana {
	background: var(--awb-color5, #cafc87);
}

.zz-vyber__nazov {
	font-family: "SeasonSansTRIAL-Regular", sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
}

.zz-vyber__popis {
	font-family: "SeasonSansTRIAL-Regular", sans-serif;
	font-size: 13px;
	line-height: 1.35;
	opacity: .7;
}

@media (prefers-reduced-motion: reduce) {
	.zz-vyber__tlacidlo,
	.zz-vyber__tlacidlo::after {
		transition: none;
	}
}

.zz-adresy-vyber__spravovat {
	margin: 8px 0 0 2px !important;
	font-size: 13px;
	line-height: 1.4;
}

.zz-adresy-vyber__spravovat a {
	color: var(--awb-color6, #0a3019);
	text-decoration: underline;
	text-underline-offset: 3px;
	opacity: .8;
}