/* Форма подачи/правки отзыва о магазине — стиль «мир логотипа» (крем/латунь). */

.fnf-rv-form-wrap{
	max-width:640px;margin:0 auto 36px;padding:24px 26px 22px;
	background:#FCF8EF;border:1px solid #E4D9C3;border-radius:6px;
	box-shadow:0 1px 6px rgba(28,22,13,.06);
}
.fnf-rv-form-title{
	margin:0 0 6px;font-family:"Playfair Display",Georgia,serif;
	font-size:1.5em;color:#1c160d;font-weight:600;text-align:center;
}
.fnf-rv-form-intro{margin:0 0 18px;text-align:center;color:#5a4d3a;font-size:.95em;line-height:1.5;}

/* выбор заказа */
.fnf-rv-order-field{margin:0 0 16px;}
.fnf-rv-order-field select{
	width:100%;box-sizing:border-box;padding:10px 12px;
	border:1px solid #d8cdb6;border-radius:5px;background:#fffdf8;
	font-size:.95em;color:#2c2419;
}
.fnf-rv-order-field select:focus{outline:none;border-color:#C9A96E;box-shadow:0 0 0 3px rgba(201,169,110,.18);}
.fnf-rv-order-fixed{margin:0 0 16px;font-size:.86em;color:#7a6f5e;}
.fnf-rv-order-fixed strong{color:#5a4d3a;}

/* рейтинг — отдельный обязательный пункт над «Your review» */
.fnf-rv-rating-field{margin:0 0 16px;}
.fnf-rv-label{display:block;font-size:.86em;font-weight:600;color:#5a4d3a;margin-bottom:6px;}
.fnf-rv-hint{display:block;margin-top:6px;font-size:.78em;color:#9a8e79;}

/* звёздный выбор: DOM-порядок 5→1, row-reverse → визуально 1→5; неактивные серые */
.fnf-rv-stars{
	border:0;margin:0;padding:0;
	display:inline-flex;flex-direction:row-reverse;gap:5px;
}
.fnf-rv-stars input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;}
.fnf-rv-stars label{
	color:#c4c4c4;font-size:2.1em;line-height:1;cursor:pointer;
	transition:color .12s ease,transform .12s ease;
}
.fnf-rv-stars label:hover,
.fnf-rv-stars label:hover ~ label,
.fnf-rv-stars input:checked ~ label{color:#C9A96E;}
.fnf-rv-stars label:hover{transform:scale(1.12);}
.fnf-rv-stars input:focus-visible + label{outline:2px solid #876a39;outline-offset:2px;border-radius:3px;}

.fnf-rv-form .fnf-field{margin:0 0 16px;}
.fnf-rv-form label{display:block;font-size:.86em;font-weight:600;color:#5a4d3a;margin-bottom:5px;}
.fnf-rv-req{color:#a8392f;}
.fnf-rv-count{float:right;font-weight:400;color:#9a8e79;font-size:.92em;}
.fnf-rv-form textarea{
	width:100%;box-sizing:border-box;padding:11px 13px;
	border:1px solid #d8cdb6;border-radius:5px;background:#fffdf8;
	font-size:.96em;line-height:1.5;color:#2c2419;resize:vertical;
}
.fnf-rv-form textarea:focus{outline:none;border-color:#C9A96E;box-shadow:0 0 0 3px rgba(201,169,110,.18);}

.fnf-rv-as{margin:0 0 16px;font-size:.84em;color:#7a6f5e;}
.fnf-rv-as strong{color:#5a4d3a;}

.fnf-rv-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

.fnf-rv-form #fnf-rv-submit{width:100%;}
.fnf-rv-form #fnf-rv-submit[disabled]{opacity:.6;cursor:default;}

.fnf-rv-result{margin-top:14px;padding:12px 14px;border-radius:5px;font-size:.92em;line-height:1.45;}
.fnf-rv-result.is-ok{background:rgba(125,150,90,.12);border:1px solid rgba(125,150,90,.4);color:#46562c;}
.fnf-rv-result.is-err{background:rgba(168,57,47,.08);border:1px solid rgba(168,57,47,.35);color:#8a2f26;}

/* нот-блок для тех, кто не может писать отзыв */
.fnf-rv-note{
	max-width:560px;margin:0 auto 32px;padding:14px 18px;text-align:center;
	background:rgba(201,169,110,.08);border:1px solid #E4D9C3;border-radius:6px;
	color:#5a4d3a;font-size:.92em;line-height:1.5;
}
.fnf-rv-note a{color:#876a39;font-weight:600;}

/* модальное «окошко» формы */
body.fnf-rv-modal-open{overflow:hidden;}
.fnf-rv-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px;overflow-y:auto;}
.fnf-rv-modal__overlay{position:fixed;inset:0;background:rgba(28,22,13,.55);}
.fnf-rv-modal__dialog{position:relative;z-index:1;width:100%;max-width:640px;margin:auto;}
.fnf-rv-modal__dialog .fnf-rv-form-wrap{margin:0;box-shadow:0 12px 40px rgba(28,22,13,.28);}
/* Reset Flatsome's button styles (padding/min-height/line-height/appearance
   inflate the box → border-radius:50% renders as a black oval). Force a clean
   square so the radius gives a true circle; flex-centre the × glyph. */
.fnf-rv-modal__dialog .fnf-rv-modal__close{
	position:absolute;top:-14px;right:-14px;
	display:flex !important;align-items:center;justify-content:center;
	width:38px !important;height:38px !important;min-width:0 !important;min-height:0 !important;
	max-width:38px !important;padding:0 !important;margin:0 !important;
	border:0 !important;border-radius:50% !important;box-sizing:border-box !important;
	background:#1c160d !important;color:#FCF8EF !important;
	font-size:22px !important;line-height:1 !important;font-weight:400 !important;
	text-transform:none !important;letter-spacing:0 !important;text-align:center;
	cursor:pointer;box-shadow:0 2px 10px rgba(28,22,13,.45);
	-webkit-appearance:none !important;appearance:none !important;transition:background .15s ease;
}
.fnf-rv-modal__dialog .fnf-rv-modal__close:hover{background:#3a2f1d !important;}
.fnf-rv-modal__dialog .fnf-rv-modal__close:focus-visible{outline:2px solid #C9A96E !important;outline-offset:2px;}
@media(max-width:480px){
	.fnf-rv-modal__dialog .fnf-rv-modal__close{top:6px;right:6px;background:rgba(28,22,13,.9) !important;}
}