/**
 * Override Chartermarker widget styles on home page (Contact us in Safety section).
 * Load this after widget_pf.css so our brand colors and fields apply.
 */
/* Widget form container (inline form in .pf-card) */
.pf-app #safety .pf-card .pf-input,
.pf-app #safety .pf-card input[type="text"],
.pf-app #safety .pf-card input[type="email"],
.pf-app #safety .pf-card input[type="tel"],
.pf-app #safety .pf-card textarea,
.pf-app .pf-card .pf-input,
.pf-app .inq-form .pf-input,
.pf-app .inq-form input,
.pf-app .inq-form textarea {
	padding: 12px 14px !important;
	font-size: 15px !important;
	color: #1a202c !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 8px !important;
	transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.pf-app #safety .pf-card .pf-input:focus,
.pf-app #safety .pf-card input:focus,
.pf-app #safety .pf-card textarea:focus,
.pf-app .pf-card .pf-input:focus,
.pf-app .inq-form .pf-input:focus,
.pf-app .inq-form input:focus,
.pf-app .inq-form textarea:focus {
	outline: none !important;
	border-color: #446888 !important;
	box-shadow: 0 0 0 3px rgba(68, 104, 136, 0.2) !important;
}

/* Submit / primary button - brand blue instead of green */
.pf-app #safety .pf-card .pf-button:not(.pf-button-danger),
.pf-app .pf-card .pf-button:not(.pf-button-danger),
.pf-app .inq-form .pf-button:not(.pf-button-danger),
.pf-app #safety .pf-card button[type="submit"],
.pf-app .pf-card button[type="submit"],
.pf-app .inq-form button[type="submit"] {
	background: #446888 !important;
	background-color: #446888 !important;
	color: #ffffff !important;
	border: none !important;
	padding: 12px 24px !important;
	border-radius: 12px !important;
	font-weight: 600 !important;
	font-size: 15px !important;
	box-shadow: 0 4px 12px rgba(68, 104, 136, 0.25) !important;
	transition: all 0.3s ease !important;
}
.pf-app #safety .pf-card .pf-button:not(.pf-button-danger):hover,
.pf-app .pf-card .pf-button:not(.pf-button-danger):hover,
.pf-app .inq-form .pf-button:not(.pf-button-danger):hover,
.pf-app #safety .pf-card button[type="submit"]:hover,
.pf-app .pf-card button[type="submit"]:hover,
.pf-app .inq-form button[type="submit"]:hover {
	background: #00325f !important;
	background-color: #00325f !important;
	color: #ffffff !important;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(68, 104, 136, 0.35) !important;
}

/* Reset / danger button - neutral gray instead of red */
.pf-app #safety .pf-card .pf-button.pf-button-danger,
.pf-app .pf-card .pf-button.pf-button-danger,
.pf-app .inq-form .pf-button.pf-button-danger,
.pf-app #safety .pf-card button[type="reset"],
.pf-app .pf-card button[type="reset"],
.pf-app .inq-form button[type="reset"] {
	background: #e8ecf0 !important;
	background-color: #e8ecf0 !important;
	color: #1a202c !important;
	border: 1px solid #e2e8f0 !important;
	padding: 12px 24px !important;
	border-radius: 12px !important;
	font-weight: 600 !important;
	font-size: 15px !important;
	margin-left: 10px;
	transition: all 0.3s ease !important;
}
.pf-app #safety .pf-card .pf-button.pf-button-danger:hover,
.pf-app .pf-card .pf-button.pf-button-danger:hover,
.pf-app .inq-form .pf-button.pf-button-danger:hover,
.pf-app #safety .pf-card button[type="reset"]:hover,
.pf-app .pf-card button[type="reset"]:hover,
.pf-app .inq-form button[type="reset"]:hover {
	background: #e2e8f0 !important;
	background-color: #e2e8f0 !important;
	color: #00325f !important;
	border-color: #446888 !important;
	transform: translateY(-2px);
}

/* Bootstrap-style buttons if widget uses them */
.pf-app #safety .pf-card .btn-success,
.pf-app #safety .pf-card .btn-primary,
.pf-app .pf-card .btn-success,
.pf-app .pf-card .btn-primary,
.pf-app .inq-form .btn-success,
.pf-app .inq-form .btn-primary {
	background: #446888 !important;
	background-color: #446888 !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 12px !important;
	padding: 12px 24px !important;
	font-weight: 600 !important;
}
.pf-app #safety .pf-card .btn-danger,
.pf-app .pf-card .btn-danger,
.pf-app .inq-form .btn-danger {
	background: #e8ecf0 !important;
	background-color: #e8ecf0 !important;
	color: #1a202c !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	padding: 12px 24px !important;
	font-weight: 600 !important;
}

/* Labels in contact card */
.pf-app #safety .pf-card label,
.pf-app .pf-card form label,
.pf-app .inq-form label {
	color: #00325f !important;
	font-weight: 600 !important;
	font-size: 14px !important;
}