/* Doc Category Card Block */
.wp-block-fixsignatures-doc-category-card {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	background: var(--wp--preset--color--surface, #ffffff);
	padding: 1.5rem;
	border-radius: var(--wp--custom--border-radius--xl, 0.75rem);
	border: 1px solid var(--wp--preset--color--border, #e7edf3);
	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	transition: all 0.2s ease;
}

.wp-block-fixsignatures-doc-category-card:hover {
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	transform: translateY(-4px);
	text-decoration: none;
}

/* Icon container */
.fixsig-doc-category-card__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: var(--wp--custom--border-radius--lg, 0.5rem);
	margin-bottom: 1.25rem;
	transition: all 0.2s ease;
}

.fixsig-doc-category-card__icon .material-symbols-outlined {
	font-size: 24px;
	transition: color 0.2s ease;
}

/* Title */
.fixsig-doc-category-card__title {
	font-size: var(--wp--preset--font-size--lg, 1.125rem);
	font-weight: 700;
	color: var(--wp--preset--color--text-primary, #0f172a);
	margin: 0 0 0.5rem 0;
	transition: color 0.2s ease;
	text-decoration: none;
}

.wp-block-fixsignatures-doc-category-card:hover .fixsig-doc-category-card__title {
	text-decoration: none;
}

/* Description */
.fixsig-doc-category-card__description {
	font-size: var(--wp--preset--font-size--sm, 0.875rem);
	color: var(--wp--preset--color--text-secondary, #475569);
	line-height: 1.6;
	margin: 0 0 1rem 0;
	flex: 1;
}

/* Action link with arrow */
.fixsig-doc-category-card__action {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	font-size: var(--wp--preset--font-size--sm, 0.875rem);
	font-weight: 600;
	margin-top: auto;
}

.fixsig-doc-category-card__action .material-symbols-outlined {
	font-size: 16px;
	transition: transform 0.2s ease;
}

.wp-block-fixsignatures-doc-category-card:hover .fixsig-doc-category-card__action .material-symbols-outlined {
	transform: translateX(4px);
}

/* ==========================================================================
   COLOR VARIANTS
   ========================================================================== */

/* Blue (Primary - default) */
.fixsig-doc-category-card--blue .fixsig-doc-category-card__icon {
	background: rgba(19, 127, 236, 0.1);
	color: #137fec;
}
.fixsig-doc-category-card--blue .fixsig-doc-category-card__action {
	color: #137fec;
}
.wp-block-fixsignatures-doc-category-card.fixsig-doc-category-card--blue:hover .fixsig-doc-category-card__icon {
	background: #137fec;
	color: #ffffff;
}
.wp-block-fixsignatures-doc-category-card.fixsig-doc-category-card--blue:hover .fixsig-doc-category-card__title {
	color: #137fec;
}

/* Emerald (Admin Guides) */
.fixsig-doc-category-card--emerald .fixsig-doc-category-card__icon {
	background: rgba(16, 185, 129, 0.1);
	color: #10b981;
}
.fixsig-doc-category-card--emerald .fixsig-doc-category-card__action {
	color: #10b981;
}
.wp-block-fixsignatures-doc-category-card.fixsig-doc-category-card--emerald:hover .fixsig-doc-category-card__icon {
	background: #10b981;
	color: #ffffff;
}
.wp-block-fixsignatures-doc-category-card.fixsig-doc-category-card--emerald:hover .fixsig-doc-category-card__title {
	color: #10b981;
}

/* Purple (Signature Editor) */
.fixsig-doc-category-card--purple .fixsig-doc-category-card__icon {
	background: rgba(139, 92, 246, 0.1);
	color: #8b5cf6;
}
.fixsig-doc-category-card--purple .fixsig-doc-category-card__action {
	color: #8b5cf6;
}
.wp-block-fixsignatures-doc-category-card.fixsig-doc-category-card--purple:hover .fixsig-doc-category-card__icon {
	background: #8b5cf6;
	color: #ffffff;
}
.wp-block-fixsignatures-doc-category-card.fixsig-doc-category-card--purple:hover .fixsig-doc-category-card__title {
	color: #8b5cf6;
}

/* Orange (Integrations) */
.fixsig-doc-category-card--orange .fixsig-doc-category-card__icon {
	background: rgba(249, 115, 22, 0.1);
	color: #f97316;
}
.fixsig-doc-category-card--orange .fixsig-doc-category-card__action {
	color: #f97316;
}
.wp-block-fixsignatures-doc-category-card.fixsig-doc-category-card--orange:hover .fixsig-doc-category-card__icon {
	background: #f97316;
	color: #ffffff;
}
.wp-block-fixsignatures-doc-category-card.fixsig-doc-category-card--orange:hover .fixsig-doc-category-card__title {
	color: #f97316;
}

/* Pink (API Reference) */
.fixsig-doc-category-card--pink .fixsig-doc-category-card__icon {
	background: rgba(236, 72, 153, 0.1);
	color: #ec4899;
}
.fixsig-doc-category-card--pink .fixsig-doc-category-card__action {
	color: #ec4899;
}
.wp-block-fixsignatures-doc-category-card.fixsig-doc-category-card--pink:hover .fixsig-doc-category-card__icon {
	background: #ec4899;
	color: #ffffff;
}
.wp-block-fixsignatures-doc-category-card.fixsig-doc-category-card--pink:hover .fixsig-doc-category-card__title {
	color: #ec4899;
}

/* Slate (Troubleshooting) */
.fixsig-doc-category-card--slate .fixsig-doc-category-card__icon {
	background: rgba(100, 116, 139, 0.1);
	color: #64748b;
}
.fixsig-doc-category-card--slate .fixsig-doc-category-card__action {
	color: #64748b;
}
.wp-block-fixsignatures-doc-category-card.fixsig-doc-category-card--slate:hover .fixsig-doc-category-card__icon {
	background: #64748b;
	color: #ffffff;
}
.wp-block-fixsignatures-doc-category-card.fixsig-doc-category-card--slate:hover .fixsig-doc-category-card__title {
	color: #475569;
}