/* Styles for VB Manuals Plugin */

/* Container for buttons and messages */
.vb-manuals-container,
.vb-manuals-admin-container {
	margin: 20px 0;
	padding: 15px;
	border: 1px solid #e0e0e0;
	background-color: #f9f9f9;
	border-radius: 4px;
    line-height: 1.6; /* Prevent buttons overlapping text */
    position: relative; /* Context for absolute positioning if needed */
}

/* Buttons (Frontend & Admin Gutenberg Button Component) */
.vb-manuals-generate-button,
.vb-manuals-view-button,
.vb-manuals-admin-container .components-button { /* Target Gutenberg button */
	display: inline-block;
	margin-right: 10px;
	padding: 8px 15px;
	border: 1px solid transparent;
	border-radius: 3px;
	text-decoration: none;
	cursor: pointer;
	font-size: 13px;
	line-height: 1.5;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
    vertical-align: middle; /* Align buttons nicely */
}

/* Generate Button Specific Styles */
.vb-manuals-generate-button,
.vb-manuals-admin-container .components-button.is-primary { /* Gutenberg primary */
	background-color: #0073aa; /* WP Blue */
	border-color: #0073aa;
	color: #fff;
}

.vb-manuals-generate-button:hover,
.vb-manuals-admin-container .components-button.is-primary:hover {
	background-color: #005a87;
	border-color: #005a87;
    color: #fff;
}

/* View Button Specific Styles */
.vb-manuals-view-button,
.vb-manuals-admin-container .components-button.is-secondary { /* Gutenberg secondary */
	background-color: #4CAF50; /* Green */
	border-color: #4CAF50;
	color: white;
}

.vb-manuals-view-button:hover,
.vb-manuals-admin-container .components-button.is-secondary:hover {
	background-color: #45a049;
	border-color: #45a049;
    color: white;
}

/* Initially hidden view button (handled by inline style in PHP/JS too) */
.vb-manuals-view-button[href="#"] {
	/* display: none; */ /* Can be handled by JS adding/removing style attr */
    opacity: 0.7;
    cursor: default;
    pointer-events: none; /* Prevent clicking if no URL */
}

/* Disabled Button State */
.vb-manuals-generate-button:disabled,
.vb-manuals-admin-container .components-button:disabled {
	background-color: #a0a5aa;
	border-color: #a0a5aa;
	color: #fff;
	cursor: not-allowed;
    opacity: 0.7;
}
.vb-manuals-admin-container .components-button.is-busy {
    /* Style for Gutenberg busy state if needed */
}


/* Message Area */
.vb-manuals-message {
	margin-top: 10px;
	padding: 10px;
	border-radius: 3px;
	font-size: 13px;
	display: block; /* Ensure it takes full width below buttons */
    clear: both; /* Prevent floating issues */
}

.vb-manuals-success {
	background-color: #dff0d8;
	border: 1px solid #d6e9c6;
	color: #3c763d;
}

.vb-manuals-error {
	background-color: #f2dede;
	border: 1px solid #ebccd1;
	color: #a94442;
}


/* Specific styles for admin editor container if needed */
.vb-manuals-admin-container .vb-manuals-message {
    margin-left: 0; /* Align message under buttons in admin */
}

/* Styles for settings page (can be moved to a separate admin CSS if it grows) */
.wrap .form-table th {
    width: 200px; /* Adjust label width */
}
.wrap .form-table p.description {
    font-style: italic;
    color: #666;
}