/* =============================================================
 * Ponca Relinquishment Forms — frontend styles
 * Class prefix: .ponca-rf
 * ============================================================= */

.ponca-rf {
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	isolation: isolate;
	padding: var(--rf-pad-top, 96px) var(--rf-pad-x, 48px) var(--rf-pad-bottom, 96px);
}

.ponca-rf *,
.ponca-rf *::before,
.ponca-rf *::after { box-sizing: border-box; }

.ponca-rf::before,
.ponca-rf::after,
.ponca-rf__row::before,
.ponca-rf__row::after,
.ponca-rf__group::before,
.ponca-rf__group::after { content: none !important; }

.ponca-rf__bg-img {
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image: var(--rf-bg-img, none);
	background-size: var(--rf-bg-size, cover);
	background-position: var(--rf-bg-pos, center center);
	background-repeat: var(--rf-bg-repeat, no-repeat);
}
.ponca-rf__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: var(--rf-overlay, rgba(255, 253, 246, 0.6));
	pointer-events: none;
}

.ponca-rf__container {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: var(--rf-max, 1600px);
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: var(--rf-section-title-gap, 40px);
}
.Enrollment_forms .ponca-er__container{
	border-bottom: 1px solid #A7A7A7;
	padding-bottom:var(--er-pad-bottom)
}
.ponca-rf__groups .ponca-rf__group{
	border-bottom: 1px solid #A7A7A7;
	padding-bottom:40px
}
.ponca-rf__group:last-child {
    border-bottom: 0;
	padding-bottom:0px
}
.ponca-rf__header {
	display: flex;
	flex-direction: column;
}
.ponca-rf__eyebrow,
.ponca-rf__section-title,
.ponca-rf__section-description { margin: 0; padding: 0; }

.ponca-rf__eyebrow + .ponca-rf__section-title { margin-top: 14px; }

.ponca-rf__eyebrow {
	color: var(--rf-eyebrow-color, #DEB209);
	font-family: var(--rf-eyebrow-font-family);
	font-size: var(--rf-eyebrow-font-size);
	line-height: var(--rf-eyebrow-line-height);
	font-style: var(--rf-eyebrow-font-style);
	font-weight: var(--rf-eyebrow-font-weight);
	letter-spacing: var(--rf-eyebrow-letter-spacing);
	text-transform: var(--rf-eyebrow-text-transform);
}

.ponca-rf__section-title {
	color: var(--rf-section-title-color, #0D0F0E);
	font-family: var(--rf-section-title-font-family);
	font-size: var(--rf-section-title-font-size);
	line-height: var(--rf-section-title-line-height);
	font-style: var(--rf-section-title-font-style);
	font-weight: var(--rf-section-title-font-weight);
	letter-spacing: var(--rf-section-title-letter-spacing);
	text-transform: var(--rf-section-title-text-transform);
}

.ponca-rf__section-description {
	margin-top: var(--rf-section-desc-top, 24px);
	max-width: var(--rf-section-desc-max, 1232px);
	color: var(--rf-section-desc-color, #474747);
	font-family: var(--rf-section-desc-font-family);
	font-size: var(--rf-section-desc-font-size);
	line-height: var(--rf-section-desc-line-height);
	font-style: var(--rf-section-desc-font-style);
	font-weight: var(--rf-section-desc-font-weight);
	letter-spacing: var(--rf-section-desc-letter-spacing);
	text-transform: var(--rf-section-desc-text-transform);
}
.ponca-rf__section-description a {
	color: var(--rf-section-desc-link, #B28E07);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.ponca-rf__section-description a:hover { text-decoration: none; }
.ponca-rf__section-description strong { font-weight: 600; }
.ponca-rf__section-description em { font-style: italic; }

/* ---------- Groups ---------- */

.ponca-rf__groups {
	display: flex;
	flex-direction: column;
	gap: var(--rf-groups-gap, 40px);
}

.ponca-rf__group {
	display: flex;
	flex-direction: column;
	gap: var(--rf-group-title-gap, 20px);
}

.ponca-rf__group-title {
	margin: 0;
	padding: 0;
	color: var(--rf-group-title-color, #0D0F0E);
	font-family: var(--rf-group-title-font-family);
	font-size: var(--rf-group-title-font-size);
	line-height: var(--rf-group-title-line-height);
	font-style: var(--rf-group-title-font-style);
	font-weight: var(--rf-group-title-font-weight);
	letter-spacing: var(--rf-group-title-letter-spacing);
	text-transform: var(--rf-group-title-text-transform);
}

/* ---------- Document rows ---------- */

.ponca-rf__rows {
	display: flex;
	flex-direction: column;
}

.ponca-rf__row {
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: clamp(1rem, 4vw, 120px);
	padding: var(--rf-row-pad, 24px);
	background: var(--rf-row-bg, #FFFFFF);
	border: var(--rf-row-bw, 1px) solid var(--rf-row-bc, #F3F3F3);
	border-top-width: 0;
}
.ponca-rf__row:first-child {
	border-top-width: var(--rf-row-bw, 1px);
	border-top-left-radius:  var(--rf-row-radius, 6px);
	border-top-right-radius: var(--rf-row-radius, 6px);
}
.ponca-rf__row:last-child {
	border-bottom-left-radius:  var(--rf-row-radius, 6px);
	border-bottom-right-radius: var(--rf-row-radius, 6px);
}
.ponca-rf__row:only-child { border-radius: var(--rf-row-radius, 6px); }

.ponca-rf__row-left {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--rf-row-gap, 24px);
	min-width: 0;
}

.ponca-rf__icon-circle {
	flex-shrink: 0;
	width:  var(--rf-icon-size, 50px);
	height: var(--rf-icon-size, 50px);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	background: var(--rf-icon-bg-active, rgba(222, 178, 9, 0.1));
}
.ponca-rf__icon-circle--locked { background: var(--rf-icon-bg-locked, #F4F4F4); }
.ponca-rf__icon-svg { display: block; width: 24px; height: 24px; }
.ponca-rf__icon-svg--lock {
	width: 20px;
	height: 20px;
	color: var(--rf-icon-locked-color, #848484);
	stroke: currentColor;
	fill: none;
}
.ponca-rf__icon-custom {
	display: block;
	max-width: 28px;
	max-height: 28px;
	object-fit: contain;
}

.ponca-rf__row-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 6px;
	min-width: 0;
}
.ponca-rf__row-title {
	margin: 0;
	padding: 0;
	color: var(--rf-title-color, #0D0F0E);
	font-family: var(--rf-title-font-family);
	font-size: var(--rf-title-font-size);
	line-height: var(--rf-title-line-height);
	font-style: var(--rf-title-font-style);
	font-weight: var(--rf-title-font-weight);
	letter-spacing: var(--rf-title-letter-spacing);
	text-transform: var(--rf-title-text-transform);
}
.ponca-rf__row-subtitle {
	margin: 0;
	padding: 0;
	color: var(--rf-sub-color, #848484);
	font-family: var(--rf-sub-font-family);
	font-size: var(--rf-sub-font-size);
	line-height: var(--rf-sub-line-height);
	font-style: var(--rf-sub-font-style);
	font-weight: var(--rf-sub-font-weight);
	letter-spacing: var(--rf-sub-letter-spacing);
	text-transform: var(--rf-sub-text-transform);
}
.ponca-rf__row-subtitle a {
	color: var(--rf-sub-link, #B28E07);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.ponca-rf__row-subtitle a:hover { text-decoration: none; }

.ponca-rf__row-btn,
.ponca-rf__row-badge {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: var(--rf-btn-pad, 6px 16px);
	border: var(--rf-btn-bw, 1px) solid var(--rf-btn-bc, #B28E07);
	border-radius: var(--rf-btn-radius, 100px);
	background: var(--rf-btn-bg, transparent);
	color: var(--rf-btn-text, #B28E07);
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.2s ease, color 0.2s ease;
	font-family: var(--rf-btn-font-family);
	font-size: var(--rf-btn-font-size);
	line-height: var(--rf-btn-line-height);
	font-style: var(--rf-btn-font-style);
	font-weight: var(--rf-btn-font-weight);
	letter-spacing: var(--rf-btn-letter-spacing);
	text-transform: var(--rf-btn-text-transform);
}
.ponca-rf__row-btn:hover,
.ponca-rf__row-btn:focus-visible {
	background: var(--rf-btn-hover-bg, #FAF3DA);
	color: var(--rf-btn-hover-text, #B28E07);
}
.ponca-rf__row-btn:hover .ponca-rf__row-btn-icon svg * {
	stroke: var(--rf-btn-hover-text, #B28E07);
}
.ponca-rf__row-btn:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

.ponca-rf__row-badge {
	border-color: var(--rf-btn-locked-bc, #848484);
	color:        var(--rf-btn-locked-text, #848484);
	background:   var(--rf-btn-locked-bg, transparent);
	cursor: default;
}

.ponca-rf__row-btn-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width:  var(--rf-btn-icon-size, 20px);
	height: var(--rf-btn-icon-size, 20px);
	color: var(--rf-btn-icon-color, #B28E07);
	flex-shrink: 0;
}
.ponca-rf__row-btn-icon svg { width: 100%; height: 100%; display: block; }
.ponca-rf__row-btn-icon-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* ---------- Footer decorative image ---------- */

.ponca-rf__footer-img {
	position: absolute;
	left: 0; right: 0; bottom: 0;
	height: var(--rf-fimg-h, 83px);
	background-image: var(--rf-fimg-url, none);
	background-size: var(--rf-fimg-size, auto 100%);
	background-position: var(--rf-fimg-pos, bottom center);
	background-repeat: var(--rf-fimg-repeat, repeat-x);
	opacity: var(--rf-fimg-opacity, 1);
	pointer-events: none;
	z-index: 1;
}
.ponca-rf.alignfull.Forms_section.wp-block-ponca-relinquishment-forms .ponca-rf__container:before{
	content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #A7A7A7;
    position: absolute;
    top: -60px;
    left: 0;
}
.container.ponca-ft__container:before{
	content: "";
    display: block;
    width:  var(--container-max);
    height: 1px;
    background-color: #A7A7A7;
    position: absolute;
    top: 60px;
}
.paregraph_content{
	max-width: 1504px;
}
.ponca-member_sec .ponca-rf__groups .ponca-rf__group {
	padding-bottom:0px;
	border-bottom:none;
}
/* ---------- Responsive ---------- */

@media (max-width: 1100px) {
	.ponca-rf { padding: clamp(3rem, 5vw + 1rem, 6rem) clamp(1.25rem, 3vw, 3rem); }
	.ponca-rf__row { gap: clamp(1rem, 3vw, 2rem); }
}
@media (max-width: 768px) {
	.ponca-rf__row { flex-direction: column; align-items: flex-start; }
	.ponca-rf__row-btn, .ponca-rf__row-badge { align-self: flex-start; padding: 6px 10px!important;
        gap:4px }
	.ponca-rf.alignfull.Forms_section.wp-block-ponca-relinquishment-forms .ponca-rf__container:before{
		top:-64px;
		display: none;
	}
	.container.ponca-ft__container:before{
		top:0;
		display:none
	}
}
@media (prefers-reduced-motion: reduce) {
	.ponca-rf__row-btn { transition: none !important; }
}

/* ==========================================================================
   Optional second row button ("view page"), shown before the download button.
   Off unless switched on per document in the block settings.
   ========================================================================== */

/* Holds both buttons so the row still has two flex children and its
   space-between layout is unchanged. With the extra button switched off this
   wrapper contains only the download button and nothing moves. */
.ponca-rf__row-actions {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: var(--rf-btn2-gap, 12px);
}

/* The reverse of the download button: filled where that one is outlined,
   and it swaps to the outlined look on hover. */
.ponca-rf__row-btn--alt {
	border-color: var(--rf-btn2-bc, #B28E07);
	background: var(--rf-btn2-bg, #B28E07);
	color: var(--rf-btn2-text, #FFFFFF);
}

.ponca-rf__row-btn--alt:hover,
.ponca-rf__row-btn--alt:focus-visible {
	background: var(--rf-btn2-hover-bg, transparent);
	color: var(--rf-btn2-hover-text, #B28E07);
}

/* The icon needs its own colour, or it keeps the download button's gold and
   disappears against the filled background. */
.ponca-rf__row-btn--alt .ponca-rf__row-btn-icon {
	color: var(--rf-btn2-icon, #FFFFFF);
}

.ponca-rf__row-btn--alt .ponca-rf__row-btn-icon svg * {
	stroke: var(--rf-btn2-icon, #FFFFFF);
}

.ponca-rf__row-btn--alt:hover .ponca-rf__row-btn-icon,
.ponca-rf__row-btn--alt:focus-visible .ponca-rf__row-btn-icon {
	color: var(--rf-btn2-hover-icon, #B28E07);
}

.ponca-rf__row-btn--alt:hover .ponca-rf__row-btn-icon svg *,
.ponca-rf__row-btn--alt:focus-visible .ponca-rf__row-btn-icon svg * {
	stroke: var(--rf-btn2-hover-icon, #B28E07);
}

@media (max-width: 782px) {
	.ponca-rf__row-actions { gap: 8px; flex-wrap: wrap; }
}