/*
 * Table of Contents
 *
 * 1. Button and Control Styles
 * 2. Notifications and Miscellaneous Styles
 */

/* 
========================================
1. Button and Control Styles
========================================
*/

/* Buttons in widget */
.tour-guide-widget .button.button-primary {
	background-color: var(--wp-admin-theme-color);
	border-color: var(--wp-admin-theme-color);
	color: #fff;
	text-decoration: none;
	text-shadow: none;
	min-height: 30px;
	margin: 0;
	padding: 0 10px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	-webkit-appearance: none;
	border-radius: 3px;
	white-space: nowrap;
	box-sizing: border-box;
}

/* 
========================================
2. Notifications and Miscellaneous Styles
========================================
*/
/* Default styling for notices */
.tour-guide-widget-toast-notification .notice {
	background-color: #ffffff;
	border-left: 5px solid #c3c4c7; /* Default green border */
	padding: 1px 5px;
	border-radius: 3px;
}

/* Success notification style */
.tour-guide-widget-toast-notification .notice-success {
	border-color: #1e7e34; /* Darker green border */
}

.tour-guide-widget {
	font-size: var(--wp--preset--font-size--normal, "14px");
}