@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=Smooch+Sans:wght@400;500&display=swap');
@import url('https://cdn.jsdelivr.net/npm/air-datepicker@3.6.0/air-datepicker.css');

.pf-v5-c-masthead {
	background: #181d24;
	border-bottom: 1px solid #4B4C5B;
}

.pf-v5-c-masthead .pf-v5-c-toolbar {
	background: #181d24;
	padding-top: 26px;
    padding-bottom: 26px;
}

.pf-v5-c-masthead__brand {
    pointer-events: none !important;
    cursor: default !important;
    text-decoration: none !important;
    position: relative;
	width: 200px;
	height: 50px;
}

.pf-v5-c-masthead__brand img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
	object-fit: contain;
	object-position: left center;
	width: 100%;
	height: 100%;
}

/* .pf-v5-c-masthead__brand img:first-child {
    position: relative;
} */

.pf-v5-c-masthead__brand img.is-active {
    opacity: 1;
}

.pf-v5-c-page {
	background: #181d24;
	color: #fff;
	font-family: 'Inter Tight', sans-serif;
}

:where(:root) {
	--pf-v5-global--FontSize--2xl: 40px;
	--pf-v5-global--FontFamily--heading: 'Smooch Sans', sans-serif;
	--pf-v5-global--Color--100: #b8bcbf;
	--pf-v5-global--BackgroundColor--200: #181d24;
	--pf-v5-global--BackgroundColor--light-100: #181d24;
	--pf-v5-global--FontSize--md: 17px;
	--pf-v5-global--FontSize--xl: 32px;
	--pf-v5-global--spacer--lg: 40px;
}

.pf-v5-c-page__main-section {
	padding-top: 0;
	padding-bottom: 0;
}

.pf-v5-c-page__main-section:first-child {
	padding-top: var(--pf-v5-global--spacer--lg);
}

.pf-v5-c-page__main-section:last-child {
	padding-bottom: 100px;
}

:where(.pf-v5-theme-dark):root  {
	--pf-v5-c-page__sidebar--BackgroundColor: #181d24;
	--pf-v5-global--Color--dark-100: #b8bcbf;
}

.pf-v5-c-title {
	color: #fff;
	/* text-transform: uppercase; */
}

.pf-v5-l-grid__item:nth-child(2),
.pf-v5-c-masthead__toggle,
.pf-v5-c-page__sidebar,
.pf-v5-c-avatar {
	display: none;
}

.pf-v5-l-grid {
	width: 100%;
	display: block;
}

.pf-v5-l-grid__item {
	width: 100%;
}

h1#general {
	display: none;
}

.pf-v5-c-page__main-section .pf-v5-c-content,
.pf-v5-c-page__main-section .pf-v5-c-form {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;

	--pf-v5-c-form__helper-text--m-error--Color: #ff3131;
}

.pf-v5-c-page__main-section .pf-v5-c-form > .pf-v5-l-grid > .pf-v5-l-grid__item:first-child > section:first-child {
	margin-top: 32px !important;
}

.pf-v5-c-form-control>:is(input,select,textarea) {
	background: none;
	outline: none;
	transition: color 0.3s ease;
}

.pf-v5-c-form-control {
	background: none;
}

.pf-v5-c-form-control>:is(input,select,textarea):focus {
	color: #fff;
}

.pf-v5-c-menu-toggle {
	background: none;
}

.pf-v5-c-form-control:after,
.pf-v5-c-form-control.pf-m-disabled:after {
	/* border-color: #8a8d90;
	border-bottom-width: 1px;
	border-bottom-style: solid; */
	display: none;
}

.pf-v5-c-form-control:before {
	display: none;
}

.pf-v5-c-form-control input {
	border: 1px solid rgba(255, 255, 255, .05);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B8BCBF;
}

.pf-c-form__helper-text,
.pf-v5-c-helper-text__item-text {
	font-size: 13px;
	color: #ff3131;
	margin-top: 4px;
}

.pf-v5-c-helper-text__item-icon {
	display: none;
}

.pf-v5-c-form__actions {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 16px;
}

.kc-required-note {
	/* width: 100%; */
	/* margin: 0; */
	font-size: 13px;
	color: #8a8d90;
	margin-right: auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.pf-v5-c-form__label-text {
	font-weight: normal;
	font-size: 16px;
	color: #b8bcbf;
}

.pf-v5-c-form__label .pf-v5-c-form__label-required {
	color: #b8bcbf;
}

.pf-v5-c-button.pf-m-primary {
	height: 40px;
	margin: 0;
	padding: 0;
	align-items: center;
	background-color: #bedb9a;
	color: #000;
	font-family: 'Smooch Sans', sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 0.03em;
	font-weight: 600;
	min-width: 200px;
	width: auto;
	display: flex;
	border-radius: 40px;
	/* padding-top: 8px;
	padding-bottom: 8px; */
	cursor: pointer;
	text-align: center;
	justify-content: center;
	border: 1px solid #bedb9a;
	transition: background-color .3s ease, border-color .3s ease, color .3s ease;
	text-decoration: none;
	box-sizing: border-box;
}

.pf-v5-c-button.pf-m-primary:hover {
	background-color: #d3ff9d;
	border-color: #d3ff9d;
}

.pf-v5-c-button.pf-m-link {
	height: 40px;
	margin: 0;
	padding: 0;
	font-family: 'Smooch Sans', sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 0.03em;
	font-weight: 600;
	color: #fff;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	min-width: 200px;
	width: auto;
	display: flex;
	border-radius: 40px;
	border: 1px solid #fff;
	transition: background-color .3s ease, border-color .3s ease, color .3s ease;
}

.pf-v5-c-button.pf-m-link:hover {
	background-color: #bedb9a;
	border-color: #bedb9a;
	color: #000;
}

.pf-v5-c-button.pf-m-danger {
	height: 40px;
	margin: 0;
	padding: 0;
	align-items: center;
	background-color: #FF3131;
	color: #fff;
	font-family: 'Smooch Sans', sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 0.03em;
	font-weight: 600;
	min-width: 200px;
	width: auto;
	display: flex;
	border-radius: 40px;
	/* padding-top: 8px;
	padding-bottom: 8px; */
	cursor: pointer;
	text-align: center;
	justify-content: center;
	border: 1px solid #FF3131;
	transition: background-color .3s ease, border-color .3s ease, color .3s ease;
	text-decoration: none;
	box-sizing: border-box;
}

.pf-v5-c-button.pf-m-danger:hover {
	background-color: #FF5050;
	border-color: #FF5050;
}

.pf-v5-c-form__group.pf-m-action .pf-v5-c-form__actions {
	margin: 0;
}

.pf-v5-c-button.pf-m-primary:after {
	display: none;
}

/* ── Country / State custom selects ────────────────────────────────────── */
.kc-select {
	position: relative;
	width: 100%;
	height: 42px;
}

.kc-select__head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 42px;
	padding: 8px 0.5rem;
	/* border: 1px solid #f0f0f0; */
	/* border: 1px solid #B8BCBF; */
	border: 1px solid rgba(255, 255, 255, .05);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B8BCBF;
	/* border-bottom: 1px solid #8a8d90; */
	cursor: pointer;
	transition: border-color .3s ease;
}

.kc-select:hover .kc-select__head {
	/* border-color: #b8bcbf; */
}

.kc-select:hover .kc-select__head,
.kc-select.is-open .kc-select__head {
	/* border-bottom-color: #262d36; */
}

.kc-select__value {
	font-size: 17px;
	/* color: #8a8d90; */
	color: #fff;
	letter-spacing: 0;
	line-height: 1.4;
	transition: color .3s ease;
}

.kc-select__arrow {
	flex-shrink: 0;
	width: 8px;
	transition: transform .3s ease;
	fill: #8a8d90;
}

.kc-select__arrow svg {
	display: block;
	width: 8px;
	height: auto;
	fill: currentColor;
}

.kc-select.is-open .kc-select__arrow {
	transform: rotate(180deg);
}

.kc-select__body {
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	width: 100%;
	background-color: #292d34;
	color: #fff;
	/* border: 1px solid rgba(255, 255, 255, .05); */
	border: 1px solid #B8BCBF;
	padding: 8px 16px;
	max-height: 200px;
	overflow-y: auto;
	z-index: 100;
	opacity: 0;
	pointer-events: none;
	transform: translateY(8px);
	transition: opacity .2s ease, transform .2s ease;
}

.kc-select.is-open .kc-select__body {
	opacity: 1;
	pointer-events: all;
	transform: none;
}

.kc-select__item {
	padding: 9px 0;
	font-size: 17px;
	cursor: pointer;
	transition: color .2s ease;
}

.kc-select__item:hover,
.kc-select__item.is-active {
	color: #bedb9a;
}

/* ── Validation error states ────────────────────────────────────────────── */
.kc-validation-error {
	display: none;
	margin-top: 4px;
	font-size: 13px;
}

.pf-c-form-control.kc-field-error {
	border-bottom-color: #ff3131 !important;
}

.kc-select.kc-field-error .kc-select__head {
	border-bottom-color: #ff3131;
}

.pf-v5-c-menu {
	/* --pf-v5-c-menu--BackgroundColor: #262d36;
    --pf-v5-c-menu__list-item--hover--BackgroundColor: #262d36;
    --pf-v5-c-menu__list-item--focus-within--BackgroundColor: #262d36; */
	background-color: #292d34;
	/* border: 1px solid rgba(255, 255, 255, .05); */
	border: 1px solid #B8BCBF;

    /* border-radius: 4px; */
    padding: 8px 16px;
    max-height: 200px;
	box-shadow: none;
	inset: 4px auto auto 0px !important;
}

.pf-v5-c-menu-toggle {
	border: 1px solid rgba(255, 255, 255, .05);
	border-bottom: 1px solid #B8BCBF;
	transition: color .3s ease;
}

.pf-v5-c-menu-toggle__text {
	color: #fff;
}

.pf-v5-c-menu-toggle:before {
	display: none;
}

.pf-v5-c-input-group {
	gap: 40px;
}

.pf-v5-c-input-group .pf-v5-c-form-control {
	flex: 1;
}

.pf-v5-c-input-group .pf-v5-c-button {
	padding-left: 20px;
	padding-right: 20px;
}

.pf-v5-c-form-control {
	--pf-v5-c-form-control--ColumnGap: 0;
}

.pf-v5-c-menu-toggle:after {
	display: none;
}

.pf-v5-c-menu-toggle.pf-m-expanded {
	/* --pf-v5-c-menu-toggle--Color: #fff; */
}

.pf-v5-c-menu-toggle.pf-m-expanded .pf-v5-c-menu-toggle__toggle-icon {
	transform: rotate(180deg);
}

.pf-v5-c-form-control>:is(input,select,textarea) {
	color: #fff;
}

.pf-v5-c-menu__list {
	padding: 0;
}

.pf-v5-c-menu__list-item {
	padding: 6px 0;
    font-size: 16px;
    cursor: pointer;
	color: #fff;
    transition: color .2s ease;
	background: none !important;
}

.pf-v5-c-menu__item {
	padding: 0;
}

.pf-v5-c-menu__list-item:hover {
	color: #bedb9a;
}

.pf-v5-c-menu-toggle__toggle-icon svg {
	display: none;
}

.pf-v5-c-menu-toggle__toggle-icon {
	transition: transform .3s ease;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1.35547L4 5.35547L0 1.35547L0.71 0.645469L4 3.93547L7.29 0.645469L8 1.35547Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	width: 8px;
	height: 6px;
}

.pf-v5-u-pb-lg {
	font-size: var(--pf-v5-global--FontSize--md);
    font-weight: var(--pf-v5-global--FontWeight--normal);
    color: var(--pf-v5-global--Color--100);
    /* font-family: var(--pf-v5-global--FontFamily--heading); */
}

.pf-v5-c-title.pf-m-xl {
	font-size: 32px;
	margin-bottom: .5rem;
	text-transform: none;
	width: 100%;
	border-top: 1px solid rgba(255, 255, 255, .2);
	padding-top: var(--pf-v5-global--spacer--lg);
}

.pf-v5-u-pb-lg {
	padding-bottom: 0;
	padding-block-end: 30px !important;
}

.pf-v5-c-page__main-section {
	margin-left: 40px;
	margin-right: 40px;
	border-left: 1px solid #4B4C5B;
	border-right: 1px solid #4B4C5B;
}

.pf-v5-c-toolbar__item .pf-v5-c-button.pf-m-link.pf-m-inline {
	text-decoration: none;
	display: flex;
	align-items: center;
	padding: 0 20px;
}

.pf-v5-c-toolbar__item {
	margin-right: 0;
	margin-left: 20px;
}


.pf-v5-c-alert {
	--pf-v5-c-alert--m-inline--m-danger--BackgroundColor: #F0F1F2;
	--pf-v5-c-alert--m-danger--BorderTopColor: #FF3131;
	--pf-v5-c-alert--m-danger__icon--Color: #FF3131;
	--pf-v5-c-alert--m-danger__title--Color: #FF3131;
}

.pf-v5-c-alert.pf-m-inline .pf-v5-c-alert__title {
	font-size: 24px;
	line-height: 1.1;
	font-family: 'Smooch Sans', sans-serif;
}

.pf-v5-c-alert.pf-m-inline .pf-v5-c-alert__icon {
	margin-top: 5px;
}

.pf-v5-c-alert.pf-m-inline .pf-v5-c-alert__description {
	font-size: 17px;
	color: #151515;
}

.pf-v5-c-alert.pf-m-inline {
	background: #F0F1F2;
}

.pf-v5-c-expandable-section {
	margin-top: 40px;
}

.pf-v5-c-expandable-section__toggle {
	outline: none;
}

.pf-v5-c-expandable-section__toggle-text {
	color: #b8bcbf;
	transition: color .3s ease;
}

.pf-v5-c-expandable-section__toggle:hover .pf-v5-c-expandable-section__toggle-text {
	color: #fff;
}

h1#user-address-information,
h1#address {
	/* display: none; */
}

h1#user-address-information + .pf-v5-c-form,
h1#address + .pf-v5-c-form {
	/* border-top: 1px solid rgba(255, 255, 255, .2);
    padding-top: var(--pf-v5-global--spacer--lg); */
}

h1#user-address-information + .pf-v5-c-form > p:first-child,
h1#address + .pf-v5-c-form > p:first-child {
	/* display: none; */
}

.pf-v5-l-grid__item.pf-m-12-col-on-sm.pf-m-8-col-on-md > section:nth-child(2) > h1 {
	margin-bottom: 24px;
}

.pf-v5-l-grid__item.pf-m-12-col-on-sm.pf-m-8-col-on-md > section:nth-child(2) > h1 + .pf-v5-c-form > p:first-child {
	display: none;
}

h1#user-address-information {
	margin-bottom: 27px;
	line-height: 1.3;
}

.pf-v5-c-form.pf-m-horizontal .pf-v5-c-form__group.pf-m-action {
	margin-top: 16px;
}

[id="attributes.locale"] + .pf-v5-c-menu .pf-v5-c-menu__list-item:first-child {
	display: none !important;
}

@media (width >= 1200px) {
    .pf-v5-c-toolbar__item {
		margin-right: 0;
		margin-left: 20px;
	}
}

@media screen and (max-width: 1200px) {
	.pf-v5-c-page__main-section {
		padding-left: 40px;
		padding-right: 40px;
	}

	.pf-v5-c-page>.pf-v5-c-masthead {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media screen and (max-width: 760px) {

	h1#user-address-information {
		margin-top: 24px;
	}

	.pf-v5-c-page__main-section {
		margin-left: 16px;
		margin-right: 16px;
		padding-left: 32px;
		padding-right: 32px;
	}

	.pf-v5-c-page>.pf-v5-c-masthead {
		padding-left: 16px;
		padding-right: 16px;
	}

	.pf-v5-c-form__group.pf-m-action .pf-v5-c-form__actions {
		margin-top: 40px;
		flex-direction: column;
	}

	.pf-v5-c-form__actions .pf-v5-c-button {
		width: 100%;
	}

	.pf-v5-c-toolbar__item .pf-v5-c-button.pf-m-link.pf-m-inline {
		/* display: none; */
		width: 100%;
	}

	.pf-v5-c-masthead .pf-v5-c-toolbar__content-section {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left {
		margin-left: auto;
		margin-right: 0;
		position: absolute;
		top: 21px;
		right: 16px;
	}

	.pf-v5-c-masthead__brand {
		align-self: flex-start;
	}

	.pf-v5-c-masthead .pf-v5-c-toolbar {
		padding: 0;
		position: static;
	}

	.pf-v5-c-toolbar__content {
		position: static;
		margin-top: 16px;
		padding-bottom: 16px;
	}

	.pf-v5-c-masthead__content {
		/* grid-column-end: 1; */
		grid-column: none;
	}

	.pf-v5-c-page>.pf-v5-c-masthead {
		display: flex;
		flex-wrap: wrap;
		padding-top: 16px;
	}

	.pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		justify-content: stretch;
	}

	.pf-v5-c-input-group {
		flex-wrap: wrap;
		gap: 20px;
	}

	.pf-v5-c-input-group .pf-v5-c-form-control {
		width: 100%;
	}

	.pf-v5-c-input-group .pf-v5-c-button {
		width: 100%;
	}

	.pf-v5-c-alert.pf-m-inline .pf-v5-c-button {
		width: 100%;
	}
}

.pf-v5-c-alert.pf-m-success .pf-v5-c-alert__title { color: #3e8635; }
.pf-v5-c-alert.pf-m-info .pf-v5-c-alert__title    { color: #2b9af3; }
.pf-v5-c-alert .pf-v5-c-alert__action .pf-v5-c-button:hover { color: #ffffff; }

#update-email-btn svg { display: none; }

.pf-v5-c-spinner { display: none !important; }