/* Popup container */
.wpdesk-rating-popup {
	position: fixed;
	left: 16px;
	bottom: 16px;
	z-index: 99999;
	max-width: 360px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
	Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
}

.wpdesk-rating-card {
	background: #ffffff;
	color: #1e1e1e;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 8px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
	padding: 16px;
}

.wpdesk-rating-title {
	margin: 0 0 8px;
	font-size: 18px;
	line-height: 1.3;
}

.wpdesk-rating-subtitle {
	margin: 0 0 12px;
	color: #555555;
	font-size: 14px;
}

.wpdesk-rating-stars {
	display: flex;
	gap: 6px;
}

.wpdesk-rating-star {
	appearance: none;
	border: none;
	background: transparent;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
	color: #dddddd;
	transition: transform 150ms ease, color 150ms ease, text-shadow 150ms ease;
}

.wpdesk-rating-star:hover {
	transform: scale(1.1) rotate(-2deg);
}

.wpdesk-rating-star.active {
	color: #f5a623; /* golden */
	text-shadow: 0 0 10px rgba(245, 166, 35, 0.4);
}

.wpdesk-rating-error {
	margin-top: 8px;
	color: #b00020;
	font-size: 13px;

	.wpdesk-rating-close-link {
		margin-left: 12px;
		background: none;
		border: 0;
		padding: 0;
		color: #2271b1;
		text-decoration: underline;
		cursor: pointer;
	}
}

.wpdesk-rating-loading {
	margin-top: 8px;
	color: #888888;
	font-size: 13px;
}

.wpdesk-rating-form {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 12px;
}

.wpdesk-rating-form label span {
	display: block;
	margin-bottom: 4px;
	font-size: 13px;
	color: #444444;
}

.wpdesk-rating-form textarea,
.wpdesk-rating-form input[type="email"] {
	width: 100%;
	padding: 8px;
	border: 1px solid #d0d7de;
	border-radius: 6px;
	font-size: 14px;
}

.wpdesk-rating-actions {
    display: flex;
    justify-content: flex-end;
}

.wpdesk-btn-primary {
    background: #0073aa;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 8px 12px;
    cursor: pointer;
}

.wpdesk-btn-secondary {
    background: transparent;
    color: #2271b1;
    border: none;
    border-radius: 6px;
    padding: 8px 12px;
    cursor: pointer;

	&.grey {
		color: #bbb;
	}
}

.wpdesk-rating-thanks {
	margin: 0;
}

p.submit {
	padding-bottom: 100px;
}