/**
 * Fenomer Quote Form — dodatkowe style do modal wyceny dla firm.
 * Baza (.fnm-modal, .fnm-field, .fnm-btn-primary itp.) jest w reservation-form.css.
 */

/* ============================================================ */
/* TRIGGER BUTTON                                                */
/* ============================================================ */
.fnm-quote-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 28px;
	background: #e3ff00;
	color: #1e1e1e;
	border: none;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 700;
	font-family: inherit;
	cursor: pointer;
	transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
	box-shadow: 0 4px 12px rgba(227, 255, 0, 0.25);
}
.fnm-quote-btn:hover {
	background: #f0ff4d;
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(227, 255, 0, 0.35);
}

/* ============================================================ */
/* SELECT                                                        */
/* ============================================================ */
.fnm-select {
	width: 100%;
	padding: 12px 36px 12px 14px;
	border: 1.5px solid #e5e7eb;
	border-radius: 8px;
	font-size: 15px;
	font-family: inherit;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%230F172A' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
	transition: border-color 0.15s;
}
.fnm-select:focus {
	outline: none;
	border-color: #e3ff00;
	box-shadow: 0 0 0 3px rgba(227, 255, 0, 0.2);
}

/* ============================================================ */
/* OVERRIDE: kolor akcentu zgodny z brandem Fenomer (#e3ff00)   */
/* ============================================================ */
#fnm-quote-modal .fnm-field input:focus {
	border-color: #e3ff00;
	box-shadow: 0 0 0 3px rgba(227, 255, 0, 0.2);
}
#fnm-quote-modal .fnm-btn-primary {
	background: #e3ff00;
	color: #1e1e1e;
}
#fnm-quote-modal .fnm-btn-primary:hover:not(:disabled) {
	background: #f0ff4d;
}
#fnm-quote-modal .fnm-btn-primary.fnm-loading::after {
	border-color: #1e1e1e;
	border-top-color: transparent;
}