/* Module 028 device 04 — cascading address selects (Block checkout) */
.wc-block-components-address-form.woosuite-cascade-active > .wc-block-components-address-form__city,
.wc-block-components-address-form.woosuite-cascade-active > .wc-block-components-address-form__state,
.wc-block-components-address-form.woosuite-cascade-active > .wc-block-components-address-form__postcode,
.wc-block-components-address-form.woosuite-cascade-active > .wc-block-components-address-form__woosuite-kecamatan,
.wc-block-components-address-form.woosuite-cascade-active > .wc-block-components-address-form__woosuite-kelurahan {
	display: none !important;
}
.woosuite-cascade__slot { display: block; width: 100%; }
.woosuite-cascade { display: flex; flex-wrap: wrap; gap: 0 var(--wc-form-gap, 16px); }
.woosuite-cascade__field { position: relative; flex: 1 1 calc(50% - 8px); min-width: 200px; margin-bottom: var(--wc-form-gap, 16px); }
.woosuite-cascade__field:first-child { flex-basis: 100%; }
.woosuite-cascade__label {
	position: absolute; left: 10px; top: 6px; transform: scale(0.82); transform-origin: top left;
	font-size: 16px; line-height: 22px; color: #757575; pointer-events: none; z-index: 1; white-space: nowrap;
}
.woosuite-cascade__field:not(.is-active) .woosuite-cascade__select { color: #757575; }
.woosuite-cascade__select,
.woosuite-cascade__readonly {
	width: 100%; box-sizing: border-box; height: 50px; padding: 21px 32px 5px 9px; margin: 0;
	border: 1px solid rgba(43, 45, 47, 0.8); border-radius: 4px;
	background: #fff; color: inherit; font-size: 16px; line-height: 22px; font-family: inherit;
	appearance: none; -webkit-appearance: none;
}
.woosuite-cascade__select {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23757575' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 0.8em center; cursor: pointer;
}
.woosuite-cascade__select:disabled { opacity: 0.55; cursor: not-allowed; }
.woosuite-cascade__select:focus { outline: 2px solid var(--wc-form-border-color-focus, #1e1e1e); outline-offset: -1px; }
.woosuite-cascade__readonly { color: var(--wc-form-color-text, #1e1e1e); background: #f7f7f7; }
.woosuite-cascade__postcode:not(.is-active) .woosuite-cascade__readonly { color: #757575; }
@media (max-width: 600px) { .woosuite-cascade__field { flex-basis: 100%; } }