/* PK Loan Calculator — front-end styles (glass / brand gold) */

.pk-loan-calc{
	--pk-accent:#F59000;
	--pk-line:rgba(245,144,0,.85);
	position:relative;
	margin:0 auto;
	border-radius:18px;
	overflow:hidden;
	color:#fff;
	background:rgba(20,24,32,.38);
	-webkit-backdrop-filter:blur(16px) saturate(125%);
	backdrop-filter:blur(16px) saturate(125%);
	border:1px solid rgba(255,255,255,.16);
	box-shadow:0 18px 45px rgba(0,0,0,.4);
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	line-height:1.3;
}
.pk-loan-calc *{ box-sizing:border-box; }

/* Top bar — only the Clear action, right aligned */
.pk-loan-calc__bar{
	display:flex;
	justify-content:flex-end;
	padding:12px 16px 0;
}
.pk-loan-calc__bar-btn{
	background:none;
	border:0;
	padding:4px 2px;
	font-size:13px;
	font-weight:700;
	letter-spacing:.04em;
	text-transform:uppercase;
	color:var(--pk-accent);
	cursor:pointer;
	line-height:1;
}
.pk-loan-calc__bar-btn:hover{ opacity:.8; }

/* Body */
.pk-loan-calc__body{ padding:14px 16px 18px; }
.pk-loan-calc__row{
	display:flex;
	align-items:center;
	gap:12px;
	margin-bottom:13px;
}
.pk-loan-calc__row:last-child{ margin-bottom:0; }
.pk-loan-calc__label{
	flex:0 0 96px;
	text-align:right;
	font-size:13px;
	font-weight:600;
	color:rgba(255,255,255,.92);
	margin:0;
	line-height:1.2;
}

.pk-loan-calc__input{
	flex:1 1 auto;
	width:100%;
	background:rgba(255,255,255,.96);
	border:0;
	border-radius:7px;
	padding:9px 12px;
	font-size:15px;
	font-weight:700;
	color:#1f2733;
	text-align:center;
	outline:none;
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
}
.pk-loan-calc__input:focus{ box-shadow:0 0 0 2px var(--pk-accent); }
.pk-loan-calc__input.is-locked{
	background:rgba(255,255,255,.28);
	color:rgba(255,255,255,.7);
	cursor:not-allowed;
}

/* Duration */
.pk-loan-calc__duration{
	flex:1 1 auto;
	display:flex;
	gap:12px;
}
.pk-loan-calc__duration-col{
	flex:1 1 0;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:5px;
}
.pk-loan-calc__duration-head{
	font-size:12px;
	font-weight:600;
	color:rgba(255,255,255,.92);
}

/* Pay frequency segmented control */
.pk-loan-calc__freq{
	flex:1 1 auto;
	display:flex;
	background:rgba(255,255,255,.14);
	border-radius:20px;
	padding:3px;
}
.pk-loan-calc__freq-btn{
	flex:1 1 0;
	border:0;
	background:none;
	border-radius:16px;
	padding:7px 4px;
	font-size:12px;
	font-weight:600;
	color:rgba(255,255,255,.9);
	cursor:pointer;
	transition:background .15s ease,color .15s ease;
}
.pk-loan-calc__freq-btn.is-active{
	background:var(--pk-accent);
	color:#fff;
	box-shadow:0 1px 3px rgba(0,0,0,.25);
}
.pk-loan-calc__freq.is-locked .pk-loan-calc__freq-btn{ cursor:not-allowed; }

/* Results */
.pk-loan-calc__results{
	padding:11px 18px;
	border-top:2px solid var(--pk-line);
}
.pk-loan-calc__results--secondary{ padding-bottom:18px; }
.pk-loan-calc__result{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:5px 0;
}
.pk-loan-calc__result-label{
	font-size:14px;
	font-weight:600;
	color:rgba(255,255,255,.85);
}
.pk-loan-calc__result-value{
	font-size:15px;
	font-weight:700;
	color:#fff;
}
/* Highlight the headline figure in brand gold */
.pk-loan-calc__results:first-of-type .pk-loan-calc__result:first-child .pk-loan-calc__result-value{
	color:var(--pk-accent);
	font-size:17px;
}

@media (max-width:400px){
	.pk-loan-calc__label{ flex-basis:84px; font-size:12px; }
	.pk-loan-calc__input{ font-size:14px; }
}