:root {
	/* stylelint-disable function-url-quotes */
	--lock-icon: url("data:image/svg+xml,%3Csvg width='17' height='22' viewBox='0 0 17 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.275 21.3407C1.64933 21.3407 1.11375 21.118 0.66825 20.6725C0.22275 20.227 0 19.6914 0 19.0658V9.20925C0 8.58358 0.22275 8.048 0.66825 7.6025C1.11375 7.157 1.64933 6.93425 2.275 6.93425H3.1135V5.10775C3.1135 3.69242 3.609 2.48733 4.6 1.4925C5.591 0.497499 6.79208 0 8.20325 0C9.61442 0 10.8155 0.497499 11.8065 1.4925C12.7975 2.48733 13.293 3.69242 13.293 5.10775V6.93425H14.1315C14.7572 6.93425 15.2927 7.157 15.7382 7.6025C16.1838 8.048 16.4065 8.58358 16.4065 9.20925V19.0658C16.4065 19.6914 16.1838 20.227 15.7382 20.6725C15.2927 21.118 14.7572 21.3407 14.1315 21.3407H2.275ZM2.275 19.0658H14.1315V9.20925H2.275V19.0658ZM8.20325 16.1375C8.75325 16.1375 9.22408 15.9417 9.61575 15.55C10.0074 15.1583 10.2032 14.6875 10.2032 14.1375C10.2032 13.5875 10.0074 13.1167 9.61575 12.725C9.22408 12.3333 8.75325 12.1375 8.20325 12.1375C7.65325 12.1375 7.18242 12.3333 6.79075 12.725C6.39908 13.1167 6.20325 13.5875 6.20325 14.1375C6.20325 14.6875 6.39908 15.1583 6.79075 15.55C7.18242 15.9417 7.65325 16.1375 8.20325 16.1375ZM5.3885 6.93425H11.018V5.10775C11.018 4.32092 10.7452 3.65208 10.1997 3.10125C9.65425 2.55042 8.98875 2.275 8.20325 2.275C7.41775 2.275 6.75225 2.55042 6.20675 3.10125C5.66125 3.65208 5.3885 4.32092 5.3885 5.10775V6.93425Z' fill='%23989391'/%3E%3C/svg%3E");
}

.field-label {
	font-size: var(--wp--preset--font-size--default);
	font-weight: 700;
	color: var(--wp--preset--color--copy-black);
	line-height: 24px;
	margin-bottom: var(--wp--preset--spacing--xxxsmall) !important;
}

/* Read-only field container */
.readonly-field {
	position: relative;
	display: flex;
	align-items: center;
	width: 50%;
}

/* Read-only input styling */
.readonly-input {
	width: 100%;
	padding:
		var(--wp--preset--spacing--xsmall) var(--wp--preset--spacing--small)
		var(--wp--preset--spacing--xsmall) var(--wp--preset--spacing--medium);
	border: 1px solid var(--wp--preset--color--neutral-4);
	border-radius: 8px;
	background-color: var(--wp--preset--color--neutral-1);
	color: var(--wp--preset--color--neutral-6);
	font-size: var(--wp--preset--font-size--default);
	font-family: var(--wp--preset--font-family--body);
	line-height: 24px;
	cursor: not-allowed;
	transition: none;
}

.readonly-input::placeholder {
	color: var(--wp--preset--color--neutral-4);
}

/* Lock icons */
.lock-icon,
.lock-icon-inline {
	pointer-events: none;
	background-image: var(--lock-icon);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/* Lock icon in input fields */
.lock-icon {
	position: absolute;
	right: var(--wp--preset--spacing--small);
	width: 17px;
	height: 22px;
}

/* Lock icon inline with checkboxes */
.lock-icon-inline {
	width: 14px;
	height: 18px;
	flex-shrink: 0;
}

/* Field group spacing - consolidated for all sections */
.personal-info-fields .wp-block-group,
.contact-info-fields .wp-block-group,
.address-fields .wp-block-group,
.media-fields .wp-block-group,
.employment-fields .wp-block-group,
.additional-responsibilities-fields .wp-block-group {
	margin-bottom: var(--wp--preset--spacing--small);
	margin-top: 0;
	gap: 0;
}

.user-membership-info {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--xsmall);
	flex-wrap: wrap;
	margin-top: var(--wp--preset--spacing--xsmall);
	font-size: var(--wp--preset--font-size--medium-paragraph);
}

/* Membership details styling */
.membership-details-fields .wp-block-group {
	margin-bottom: var(--wp--preset--spacing--small);
	display: flex;
	flex-direction: row;
}

.membership-details-fields p {
	color: var(--wp--preset--color--copy-black);
	font-size: var(--wp--preset--font-size--medium-paragraph);
	line-height: 30px;
}

/* Checkbox field */
.checkbox-field {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--xsmall);
	padding: 0;
	margin-top: 0;
}

.checkbox-field input[type="checkbox"] {
	appearance: none;
	margin: 0;
	cursor: not-allowed;
	width: 18px;
	height: 18px;
	border: 1px solid var(--wp--preset--color--neutral-6);
	flex-shrink: 0;
	border-radius: 3px;
}

.checkbox-field input[type="checkbox"]:checked {
	border-color: var(--wp--preset--color--neutral-5);
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 0H2C0.9 0 0 0.9 0 2V16C0 17.1 0.9 18 2 18H16C17.1 18 18 17.1 18 16V2C18 0.9 17.1 0 16 0ZM7.71 13.29C7.32 13.68 6.69 13.68 6.3 13.29L2.71 9.7C2.32 9.31 2.32 8.68 2.71 8.29C3.1 7.9 3.73 7.9 4.12 8.29L7 11.17L13.88 4.29C14.27 3.9 14.9 3.9 15.29 4.29C15.68 4.68 15.68 5.31 15.29 5.7L7.71 13.29Z' fill='%23989391'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.checkbox-field label {
	font-size: var(--wp--preset--font-size--medium-paragraph);
	color: var(--wp--preset--color--neutral-6);
	cursor: not-allowed;
	line-height: 30px;
}

.checkbox-field label[for="intl-postcode"] {
	color: var(--wp--preset--color--copy-black);
}

/* Communication preferences fields */
.communication-preferences-fields .wp-block-group {
	margin-bottom: var(--wp--preset--spacing--xsmall);
}

.communication-preferences-fields .checkbox-field {
	margin-bottom: var(--wp--preset--spacing--small);
}

/* Locked field with tooltip message */
.locked-field-with-message {
	position: relative;
}

.locked-field-with-message:hover .field-lock-message {
	opacity: 1;
}


@media (max-width: 768px) {

	.wp-block-rcpharm-tabs .tabs-content {
		padding: 0;
	}

	.wp-block-rcpharm-tabs .accordion-panel {
		padding: var(--wp--preset--spacing--large);
	}

	.readonly-field {
		width: 100%;
	}
}