/* ============================================================
   PONCA NOTICE BLOCK — Frontend Styles
   Pixel-perfect match to the supplied Container spec.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap');

/* ---- Container (matches Figma "Container" spec) ---- */
.ponca-notice {
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: var(--ponca-notice-align, flex-start);
	padding: var(--ponca-notice-padding, 48px);
	gap: var(--ponca-notice-gap-section, 20px);
	width: 100%;
	max-width: var(--ponca-notice-max-width, 1600px);
	margin: 0 auto;
	background: var(--ponca-notice-bg, #540E02);
	border-radius: var(--ponca-notice-radius, 6px);
	position: relative;
}

/* allow Gutenberg align="wide" / align="full" to stretch the wrapper */
.ponca-notice.alignwide,
.ponca-notice.alignfull {
	max-width: 100%;
}
.low-justic-same-line .container{
	display: flex;
	flex-direction: row;
	gap:20px;
}
/* ---- Icon circle (Frame 3015323) ---- */
.ponca-notice__icon-wrap {
	flex: none;
	order: 0;
	flex-grow: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--ponca-notice-icon-circle-size, 50px);
	height: var(--ponca-notice-icon-circle-size, 50px);
	background: var(--ponca-notice-icon-circle-bg, #701203);
	border-radius: var(--ponca-notice-icon-circle-radius, 100px);
	position: relative;
}

/* ---- Icon (info / warning vector) ---- */
.ponca-notice__icon-svg {
	width: var(--ponca-notice-icon-size, 24px);
	height: var(--ponca-notice-icon-size, 24px);
	display: block;
	color: var(--ponca-notice-icon-color, #DEB209); /* drives stroke + dot via currentColor */
}

.ponca-notice__icon-img {
	display: block;
	width: var(--ponca-notice-icon-size, 24px);
	height: var(--ponca-notice-icon-size, 24px);
	object-fit: contain;
}

/* ---- Text column (Frame 3015322) ---- */
.ponca-notice__text {
	flex: 1 1 auto;
	order: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0;
	gap: var(--ponca-notice-gap, 10px);
}

/* ---- Title ("Notice") ---- */
.ponca-notice__title {
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: var(--ponca-notice-title-font-family, 'Cormorant Garamond', 'Georgia', serif);
	font-style: var(--ponca-notice-title-font-style, normal);
	font-weight: var(--ponca-notice-title-font-weight, 500);
	font-size: var(--ponca-notice-title-font-size, 30px);
	line-height: var(--ponca-notice-title-line-height, 42px);
	letter-spacing: var(--ponca-notice-title-letter-spacing, -0.4px);
	color: var(--ponca-notice-title-color, #EEDCD9);
	display: flex;
	align-items: center;
}

/* ---- Body text ---- */
.ponca-notice__body {
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: var(--ponca-notice-body-font-family, 'DM Sans', 'Helvetica Neue', sans-serif);
	font-style: var(--ponca-notice-body-font-style, normal);
	font-weight: var(--ponca-notice-body-font-weight, 400);
	font-size: var(--ponca-notice-body-font-size, 18px);
	line-height: var(--ponca-notice-body-line-height, 30px);
	letter-spacing: var(--ponca-notice-body-letter-spacing, normal);
	color: var(--ponca-notice-body-color, #EEDCD9);
}
.ponca-notice__body strong{
	    color: #DEB209;
}

.ponca-notice__body strong { font-weight: 700; }
.ponca-notice__body em     { font-style: italic; }
.ponca-notice__body a {
	color: inherit;
	text-decoration: underline;
}

/* ---- Optional CTA link ---- */
.ponca-notice__link {
	font-family: var(--ponca-notice-link-font-family, 'DM Sans', 'Helvetica Neue', sans-serif);
	font-style: var(--ponca-notice-link-font-style, normal);
	font-weight: var(--ponca-notice-link-font-weight, 500);
	font-size: var(--ponca-notice-link-font-size, 16px);
	line-height: var(--ponca-notice-link-line-height, 24px);
	letter-spacing: var(--ponca-notice-link-letter-spacing, normal);
	color: var(--ponca-notice-link-color, #DEB209);
	text-decoration: var(--ponca-notice-link-decoration, none);
	transition: color 0.2s ease;
	display: inline-block;
}

.ponca-notice__link:hover,
.ponca-notice__link:focus {
	color: var(--ponca-notice-link-hover, #EEDCD9);
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
	.ponca-notice {
		padding: 28px;
		gap: 16px;
		align-items: flex-start;
	}
	.ponca-notice__icon-wrap {
		width: 44px;
		height: 44px;
	}
	.education_notice .ponca-notice__icon-wrap{
		width: 0px;
		height: 0px;
	}
	.icon-remove-from-responsive .ponca-notice__icon-wrap{
		width: 0px !important;
		height: 0px !important;
	}
	
	.ponca-notice__title {
		font-size: 24px;
		line-height: 32px;
	}
	.ponca-notice__body {
		font-size: 16px;
		line-height: 26px;
	}
}

@media (max-width: 480px) {
	.ponca-notice {
		padding: 20px;
		gap: 12px;
		flex-direction: row;
	}
	.ponca-notice__icon-wrap {
		width: 40px;
		height: 40px;
	}
	
	.ponca-notice__icon-svg,
	.ponca-notice__icon-img {
		width: 20px;
		height: 20px;
	}
	.ponca-notice__title {
		font-size: 22px;
		line-height: 28px;
	}
	.ponca-notice__body {
		font-size: 15px;
		line-height: 24px;
	}
}