/**
 * EDDWP Content Box Block Styles
 *
 * Styles for paragraph and group block content boxes.
 *
 * @since <next-version>
 */

/* ==========================================================================
   Base Styles - Applied to both paragraph and group blocks
   ========================================================================== */

.is-style-eddwp-info,
.is-style-eddwp-warning,
.is-style-eddwp-success,
.is-style-eddwp-error {
	padding: 24px 32px;
	border-width: 1px;
	border-style: solid;
}

/* ==========================================================================
   Info Box - Blue theme
   ========================================================================== */

.is-style-eddwp-info {
	background-color: #EFF6FF;
	border-color: #BFDBFE;
}

.is-style-eddwp-info a {
	color: #2563EB;
	text-decoration: underline;
}

.is-style-eddwp-info a:hover {
	text-decoration: none;
}

/* ==========================================================================
   Warning Box - Yellow/Amber theme
   ========================================================================== */

.is-style-eddwp-warning {
	background-color: #FFFBEB;
	border-color: #FDE68A;
}

.is-style-eddwp-warning a {
	color: #D97706;
	text-decoration: underline;
}

.is-style-eddwp-warning a:hover {
	text-decoration: none;
}

/* ==========================================================================
   Success Box - Green theme
   ========================================================================== */

.is-style-eddwp-success {
	background-color: #F0FDF4;
	border-color: #BBF7D0;
}

.is-style-eddwp-success a {
	color: #16A34A;
	text-decoration: underline;
}

.is-style-eddwp-success a:hover {
	text-decoration: none;
}

/* ==========================================================================
   Error Box - Red theme
   ========================================================================== */

.is-style-eddwp-error {
	background-color: #FEF2F2;
	border-color: #FECACA;
}

.is-style-eddwp-error a {
	color: #DC2626;
	text-decoration: underline;
}

.is-style-eddwp-error a:hover {
	text-decoration: none;
}

/* ==========================================================================
   Extended Variant - Group Block Inner Styles
   ========================================================================== */

/* Inner element spacing for group blocks. */
.wp-block-group.is-style-eddwp-info > * + *,
.wp-block-group.is-style-eddwp-warning > * + *,
.wp-block-group.is-style-eddwp-success > * + *,
.wp-block-group.is-style-eddwp-error > * + * {
	margin-top: 16px;
}

/* Content box heading styles. */
.wp-block-group.is-style-eddwp-info .eddwp-content-box-heading,
.wp-block-group.is-style-eddwp-warning .eddwp-content-box-heading,
.wp-block-group.is-style-eddwp-success .eddwp-content-box-heading,
.wp-block-group.is-style-eddwp-error .eddwp-content-box-heading {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #171717;
	margin-top: 0;
	margin-bottom: 0;
}

/* Body text styles. */
.wp-block-group.is-style-eddwp-info > p,
.wp-block-group.is-style-eddwp-warning > p,
.wp-block-group.is-style-eddwp-success > p,
.wp-block-group.is-style-eddwp-error > p {
	font-weight: 500;
	color: #292929;
	margin-top: 16px;
	margin-bottom: 0;
}

/* Read more link styles. */
.eddwp-read-more-wrapper {
	margin-bottom: 0 !important;
}

.eddwp-read-more {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none !important;
}

.eddwp-read-more:hover {
	text-decoration: underline !important;
}

.eddwp-read-more-arrow {
	font-size: 16px;
	line-height: 1;
}

/* Type-specific read more colors. */
.is-style-eddwp-info .eddwp-read-more {
	color: #2563EB;
}

.is-style-eddwp-warning .eddwp-read-more {
	color: #D97706;
}

.is-style-eddwp-success .eddwp-read-more {
	color: #16A34A;
}

.is-style-eddwp-error .eddwp-read-more {
	color: #DC2626;
}