/**
 * Klaro Cookie Consent - Frontend Styles
 *
 * Minimal CSS overrides that inherit from WordPress theme styles.
 * Only override what's necessary for readability and functionality.
 */

/* Hide "Realized with Klaro!" branding */
.cm-powered-by,
.cookie-modal .cm-powered-by,
.cookie-notice .cm-powered-by {
	display: none !important;
}

/* Inherit font family from WordPress theme */
.cookie-modal,
.cookie-notice,
.cookie-modal *,
.cookie-notice * {
	font-family: inherit;
}

/* Ensure modal has good readability */
.cookie-modal {
	font-size: inherit;
	line-height: 1.5;
}

/* Make buttons match theme better - minimal override */
.cookie-modal .cm-btn,
.cookie-notice .cm-btn {
	font-family: inherit;
	border-radius: 3px;
	transition: opacity 0.2s ease;
}

.cookie-modal .cm-btn:hover,
.cookie-notice .cm-btn:hover {
	opacity: 0.9;
}

/* Ensure category toggles are visible and accessible */
.cookie-modal .cm-list-input {
	cursor: pointer;
}

.cookie-modal .cm-list-title {
	cursor: pointer;
	user-select: none;
}

/* Improve spacing for better readability */
.cookie-modal .cm-list-description {
	margin-top: 0.5em;
	line-height: 1.4;
}

/* Make sure the modal is properly centered and responsive */
@media (max-width: 768px) {
	.cookie-modal {
		max-width: 95%;
		margin: 10px auto;
	}
}