/* Scoped to only this plugin's settings container to avoid affecting other plugins */


/* Wizard progress bar styling */
.vault-cms-wizard .wizard-progress {
	margin-bottom: 1.5rem;
}

.vault-cms-wizard .progress-bar {
	width: 100%;
	height: 12px !important;
	background: var(--background-modifier-border);
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: flex-start !important;
}

.vault-cms-wizard .progress-fill {
	height: 12px !important;
	background: var(--interactive-accent) !important;
	transition: width 0.3s ease;
	border-radius: 4px;
	min-width: 2px;
	min-height: 12px !important;
	opacity: 1;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
}

.vault-cms-wizard .progress-text {
	text-align: center;
	font-size: 0.875rem;
	color: var(--text-muted);
}

.vault-cms-wizard .wizard-footer {
	margin-top: 2rem;
	padding-top: 1rem;
	border-top: 1px solid var(--background-modifier-border);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.vault-cms-wizard .wizard-buttons {
	display: flex;
	gap: 0.625rem;
	justify-content: flex-end;
}

.vault-cms-wizard .wizard-content {
	margin-bottom: 1rem;
}

/* Reduce scroll jumping when toggles insert/remove rows in the Content types step */
.vault-cms-wizard .content-type-step-content {
	overflow-anchor: none;
}

.vault-cms-wizard .wizard-skip-button {
	opacity: 0.6;
}

.vault-cms-wizard .wizard-checkbox-label {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.85rem;
	color: var(--text-muted);
	cursor: pointer;
}

.vault-cms-wizard .wizard-checkbox-label input[type="checkbox"] {
	cursor: pointer;
}

/* Editable name input styling - match native Obsidian input */
.vault-cms-editable-name {
	font-size: 1.2em;
	font-weight: 600;
	color: var(--text-normal);
}

.vault-cms-editable-name input.mod-text-input {
	border: none;
	background: transparent;
	box-shadow: none;
	padding: 0;
	margin: 0;
	font-size: inherit;
	font-family: inherit;
	color: inherit;
	width: auto;
	min-width: 200px;
}

.vault-cms-editable-name input.mod-text-input:focus {
	border: none;
	box-shadow: none;
	outline: none;
	background: transparent;
}

/* Spacing between content types */
.vault-cms-wizard .vault-cms-ct-block {
	margin-top: 2.5rem;
}

.vault-cms-wizard .vault-cms-section-header + .vault-cms-ct-block {
	margin-top: 0.5rem;
}

.vault-cms-wizard .vault-cms-section-desc {
	margin-bottom: 24px;
}

/* Fix missing top border/spacing when settings are wrapped in slots */
.vault-cms-wizard .vault-cms-attachment-extra-slot {
	margin-bottom: 18px;
}

.vault-cms-wizard .vault-cms-attachment-extra-slot:not(:empty) > .setting-item {
	border-top: 1px solid var(--background-modifier-border) !important;
	padding-top: 18px !important;
}


/*

This CSS file will be included with your plugin, and
available in the app when your plugin is enabled.

If your plugin does not need CSS, delete this file.

*/