/**
 * Info Notice Pattern Styles
 *
 * @package Hundeschule_TT5_Child
 * @since 1.0.0
 */

/* Pattern Container - py-8 md:py-12 */
.hs-info-notice-pattern {
	padding-top: 2rem; /* py-8 */
	padding-bottom: 2rem; /* py-8 */
	margin: 0;
}

@media (min-width: 768px) {
	.hs-info-notice-pattern {
		padding-top: 3rem; /* md:py-12 */
		padding-bottom: 3rem; /* md:py-12 */
	}
}

/* Container - max-w-6xl mx-auto px-4 sm:px-6 lg:px-16 */
.hs-info-notice-container {
	max-width: 72rem; /* max-w-6xl */
	margin-left: auto;
	margin-right: auto;
	padding-left: 1rem; /* px-4 */
	padding-right: 1rem; /* px-4 */
}

@media (min-width: 640px) {
	.hs-info-notice-container {
		padding-left: 1.5rem; /* sm:px-6 */
		padding-right: 1.5rem; /* sm:px-6 */
	}
}

@media (min-width: 1024px) {
	.hs-info-notice-container {
		padding-left: 4rem; /* lg:px-16 */
		padding-right: 4rem; /* lg:px-16 */
	}
}

/* Info Notice Block Styles */
.wp-block-hundeschule-info-notice {
	margin: 0;
	padding: 0;
}

.hs-info-notice {
	margin: 0;
	padding: 0;
}

/* Notice Wrapper - bgColor borderColor border-2 rounded-[20px] md:rounded-[30px] p-4 md:p-6 flex gap-3 md:gap-4 */
.hs-info-notice__wrapper {
	display: flex;
	gap: 0.75rem; /* gap-3 */
	border-width: 2px;
	border-style: solid;
	border-radius: 1.25rem; /* rounded-[20px] */
	padding: 1rem; /* p-4 */
}

@media (min-width: 768px) {
	.hs-info-notice__wrapper {
		gap: 1rem; /* md:gap-4 */
		border-radius: 1.875rem; /* md:rounded-[30px] */
		padding: 1.5rem; /* md:p-6 */
	}
}

/* Icon Wrapper - w-9 h-9 md:w-10 md:h-10 bgColor rounded-xl flex items-center justify-center flex-shrink-0 */
.hs-info-notice__icon {
	width: 2.25rem; /* w-9 */
	height: 2.25rem; /* h-9 */
	border-radius: 0.75rem; /* rounded-xl */
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

@media (min-width: 768px) {
	.hs-info-notice__icon {
		width: 2.5rem; /* md:w-10 */
		height: 2.5rem; /* md:h-10 */
	}
}

.hs-info-notice__icon svg {
	width: 1.25rem; /* w-5 */
	height: 1.25rem; /* h-5 */
}

/* Content - flex-1 min-w-0 */
.hs-info-notice__content {
	flex: 1;
	min-width: 0;
}

/* Title - text-sm md:text-base mb-2 */
.hs-info-notice__title {
	margin: 0 0 0.5rem 0; /* mb-2 */
	font-size: 0.85rem; /* text-sm */
	font-weight: 500;
	line-height: 1.5;
}

@media (min-width: 768px) {
	.hs-info-notice__title {
		font-size: 1rem; /* md:text-base */
	}
}

/* Message - text-xs md:text-sm text-gray-700 leading-relaxed */
.hs-info-notice__message {
	margin: 0;
	font-size: 0.75rem; /* text-xs */
	line-height: 1.75; /* leading-relaxed */
	color: #374151; /* text-gray-700 */
}

@media (min-width: 768px) {
	.hs-info-notice__message {
		font-size: 0.85rem; /* md:text-sm */
	}
}

/* Color Classes - Info (Blue) */
.hs-info-notice__wrapper.bg-blue-50 {
	background-color: #eff6ff;
}

.hs-info-notice__wrapper.border-blue-200 {
	border-color: #bfdbfe;
}

.hs-info-notice__icon.text-blue-500 {
	color: #3b82f6;
}

.hs-info-notice__icon.text-blue-500 svg {
	color: #3b82f6;
	stroke: #3b82f6;
}

/* Color Classes - Warning (Orange) */
.hs-info-notice__wrapper.bg-orange-50 {
	background-color: #fff7ed;
}

.hs-info-notice__wrapper.border-orange-200 {
	border-color: #fed7aa;
}

.hs-info-notice__icon.text-orange-500 {
	color: #f97316;
}

.hs-info-notice__icon.text-orange-500 svg {
	color: #f97316;
	stroke: #f97316;
}

/* Color Classes - Success (Green) */
.hs-info-notice__wrapper.bg-green-50 {
	background-color: #f0fdf4;
}

.hs-info-notice__wrapper.border-green-200 {
	border-color: #bbf7d0;
}

.hs-info-notice__icon.text-green-500 {
	color: #22c55e;
}

.hs-info-notice__icon.text-green-500 svg {
	color: #22c55e;
	stroke: #22c55e;
}