/* ── PFW Widget 1: URL Bar + Popup ───────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}

/* Honeypot */
.pfwup-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}

/* ── BAR ─────────────────────────────────────────────────────────────────── */
.pfwup-bar{
	display:flex;align-items:center;flex-wrap:wrap;
	gap:24px;background:#0d0d0d;padding:24px 40px;
	width:100%;
}
.pfwup-bar__text{
	flex:0 0 auto;max-width:260px;margin:0;
	color:#fff;font-size:11px;font-weight:700;
	letter-spacing:.08em;line-height:1.6;text-transform:uppercase;
}
.pfwup-bar__input{
	flex:1 1 200px;min-width:0;
	background:#1a1a1a;border:1px solid #2a2a2a;
	color:#fff;font-size:15px;padding:14px 20px;
	outline:none;transition:border-color .2s;
}
@media screen and (max-width:786px){
	
	.pfwup-bar__input{
	flex:1 1 0px;
	
	}
}

.pfwup-bar__input::placeholder{color:#888}
.pfwup-bar__input:focus{border-color:#C2FF83;outline:none}
.pfwup-bar__btn{
	display:inline-flex;align-items:stretch;
	background:#C2FF83;color:#000;border:none;cursor:pointer;
	font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
	white-space:nowrap;transition:background .2s,color .2s;padding:0;outline:none;
}
.pfwup-bar__btn:hover{background:#a8e86a}
.pfwup-bar__btn:focus-visible{outline:2px solid #C2FF83;outline-offset:2px}
.pfwup-bar__btn-label{display:flex;align-items:center;padding:16px 28px}
.pfwup-bar__btn-icon{
	display:flex;align-items:center;justify-content:center;
	padding:0 18px;border-left:1px solid rgba(0,0,0,.2);font-size:17px;
}

/* ── OVERLAY ─────────────────────────────────────────────────────────────── */
.pfwup-overlay{
	display:none;position:fixed;inset:0;z-index:999999;
	background:rgba(0,0,0,.82);align-items:center;justify-content:center;
	padding:20px;overflow-y:auto;
}
.pfwup-overlay.pfwup-open{display:flex}

/* ── MODAL ───────────────────────────────────────────────────────────────── */
.pfwup-modal{
	position:relative;background:#181818;border-radius:8px;
	padding:48px;width:100%;max-width:520px;
	animation:pfwupIn .2s ease;
}
@keyframes pfwupIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}

.pfwup-modal__close{
	position:absolute;top:16px;right:16px;
	background:#333;border:none;border-radius:50%;color:#fff;
	cursor:pointer;font-size:13px;width:32px;height:32px;
	display:flex;align-items:center;justify-content:center;
	transition:background .2s;
}
.pfwup-modal__close:hover{background:#555}
.pfwup-modal__title{margin:0 0 8px;font-size:30px;font-weight:700;color:#C2FF83;line-height:1.2}
.pfwup-modal__subtitle{margin:0 0 24px;color:#ccc;font-size:15px;font-weight:600;line-height:1.5}

/* ── FIELDS ──────────────────────────────────────────────────────────────── */
.pfwup-modal__fields{display:flex;flex-direction:column;gap:20px}
.pfwup-field-wrap{display:flex;flex-direction:column;gap:4px}
.pfwup-field{
	width:100%;background:transparent;border:none;border-bottom:1px solid #444;
	color:#fff;font-size:15px;padding:10px 0;
	outline:none;transition:border-color .2s;font-family:inherit;resize:vertical;
}
.pfwup-field::placeholder{color:#666}
.pfwup-field:focus{border-bottom-color:#C2FF83}
.pfwup-field.pfwup-error{border-bottom-color:#ff4444}
.pfwup-errmsg{color:#ff4444;font-size:12px;display:none}
.pfwup-errmsg.visible{display:block}
textarea.pfwup-field{min-height:90px}

/* ── FOOTER ──────────────────────────────────────────────────────────────── */
.pfwup-modal__footer{
	display:flex;align-items:center;justify-content:space-between;
	flex-wrap:wrap;gap:16px;margin-top:8px;
}

/* ── RATING ──────────────────────────────────────────────────────────────── */
.pfwup-rating{display:flex;align-items:center;gap:12px}
.pfwup-rating__badge{
	background:#C2FF83;color:#000;font-size:20px;font-weight:900;
	width:48px;height:48px;border-radius:8px;
	display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.pfwup-rating__info{display:flex;flex-direction:column;line-height:1.3}
.pfwup-rating__score{color:#fff;font-size:18px;font-weight:700}
.pfwup-rating__stars{color:#C2FF83;font-size:13px;letter-spacing:2px}
.pfwup-rating__label{color:#aaa;font-size:11px}

/* ── SUBMIT BTN ──────────────────────────────────────────────────────────── */
.pfwup-submit{
	display:inline-flex;align-items:stretch;background:#C2FF83;color:#000;
	border:none;cursor:pointer;font-size:12px;font-weight:700;
	letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;
	transition:background .2s;padding:0;outline:none;flex-shrink:0;
}
.pfwup-submit:hover{background:#a8e86a}
.pfwup-submit:focus-visible{outline:2px solid #C2FF83;outline-offset:2px}
.pfwup-submit.loading{opacity:.65;pointer-events:none}
.pfwup-submit-label{display:flex;align-items:center;padding:16px 28px}
.pfwup-submit-icon{
	display:flex;align-items:center;justify-content:center;
	padding:0 16px;border-left:1px solid rgba(0,0,0,.2);font-size:16px;
}

/* ── MSG ─────────────────────────────────────────────────────────────────── */
.pfwup-msg{margin:8px 0 0;font-size:14px;min-height:18px;text-align:center}
.pfwup-msg.ok{color:#C2FF83}
.pfwup-msg.err{color:#ff4444}

/* ── RESPONSIVE ──────────────────────────────────────────────────────────── */
@media(max-width:768px){
	.pfwup-bar{flex-direction:column;align-items:stretch;padding:24px 20px}
	.pfwup-bar__text{max-width:100%}
	.pfwup-bar__btn{width:100%;justify-content:space-between}
	.pfwup-modal{padding:32px 20px}
	.pfwup-modal__footer{flex-direction:column;align-items:flex-start}
	.pfwup-submit{width:100%;justify-content:space-between}
}

/* ── FA Icon system additions ─────────────────────────────────────────────── */
.pfwup-bar__btn.pfwup-has-icon{padding:0}
.pfwup-bar__btn:not(.pfwup-has-icon){padding:0}
.pfwup-bar__btn:not(.pfwup-has-icon) .pfwup-bar__btn-label{padding:16px 28px;display:flex;align-items:center}

.pfwup-bar__btn-icon{display:flex;align-items:center;justify-content:center;padding:0 16px}
.pfwup-bar__btn-icon.pfwup-icon-divider{border-left:1px solid rgba(0,0,0,.2)}
.pfwup-icon-left.pfwup-icon-divider{border-left:none;border-right:1px solid rgba(0,0,0,.2)}
.pfwup-bar__btn-icon i{font-size:16px;color:#000;transition:color .2s,font-size .2s}

.pfwup-submit.pfwup-has-icon{padding:0}
.pfwup-submit:not(.pfwup-has-icon){padding:0}
.pfwup-submit:not(.pfwup-has-icon) .pfwup-submit-label{padding:16px 28px;display:flex;align-items:center}
.pfwup-submit-icon{display:flex;align-items:center;justify-content:center;padding:0 16px}
.pfwup-submit-icon.pfwup-icon-divider{border-left:1px solid rgba(0,0,0,.2)}
.pfwup-submit-icon.pfwup-icon-left.pfwup-icon-divider{border-left:none;border-right:1px solid rgba(0,0,0,.2)}
.pfwup-submit-icon i{font-size:16px;color:#000;transition:color .2s,font-size .2s}