/* ==========================================================================
   Block Styles — Portfolio Theme
   Alleen CSS die blok-stijlen (is-style-*) en WordPress core overrides vereisen.
   Design tokens komen uit theme.json, layout uit de block editor.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Group: Card
   -------------------------------------------------------------------------- */
.wp-block-group.is-style-card {
	background: #ffffff;
	border: 1px solid hsl(30, 20%, 88%);
	border-radius: 0.375rem;
	box-shadow: 0 0.125rem 0.5rem rgba(85, 85, 85, 0.08);
	transition: box-shadow 0.22s ease, transform 0.22s ease;
}

.wp-block-group.is-style-card:hover {
	box-shadow: 0 0.25rem 1.25rem rgba(85, 85, 85, 0.12);
	transform: translateY(-2px);
}

/* --------------------------------------------------------------------------
   Button: Outline
   -------------------------------------------------------------------------- */
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	border: 2px solid currentColor;
}

/* --------------------------------------------------------------------------
   Button: Pill / Tag
   -------------------------------------------------------------------------- */
.wp-block-button.is-style-pill .wp-block-button__link {
	border-radius: 999px;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

/* --------------------------------------------------------------------------
   List: Checkmarks
   -------------------------------------------------------------------------- */
.wp-block-list.is-style-checkmark-list {
	list-style: none;
	padding-left: 0;
}

.wp-block-list.is-style-checkmark-list li {
	padding-left: 1.75rem;
	position: relative;
}

.wp-block-list.is-style-checkmark-list li::before {
	content: '✓';
	position: absolute;
	left: 0;
	color: hsl(150, 40%, 83%);
	font-weight: 700;
}

/* --------------------------------------------------------------------------
   List: Plain
   -------------------------------------------------------------------------- */
.wp-block-list.is-style-plain-list {
	list-style: none;
	padding-left: 0;
}

.wp-block-list.is-style-plain-list li {
	padding-left: 0;
}

/* --------------------------------------------------------------------------
   Image: Rounded
   -------------------------------------------------------------------------- */
.wp-block-image.is-style-rounded img {
	border-radius: 0.75rem;
}

/* --------------------------------------------------------------------------
   Separator: Thick
   -------------------------------------------------------------------------- */
.wp-block-separator.is-style-thick {
	border-top-width: 3px;
}

/* --------------------------------------------------------------------------
   Button: hover lift (alle knoppen)
   -------------------------------------------------------------------------- */
.wp-block-button__link {
	transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.wp-block-button__link:hover {
	transform: translateY(-1px);
}

/* --------------------------------------------------------------------------
   Admin bar — sticky header offset
   -------------------------------------------------------------------------- */
.admin-bar .site-header {
	top: var(--wp-admin--admin-bar--height, 32px);
}