/* TODO (block-first): Refactor notice styles to use block.json styles + theme.json custom properties. Current selectors target legacy .page-section and .simple-callout-inner class names from ftm-page-sections. */

/*--------------------------------------------------------------
# Site Notices
--------------------------------------------------------------*/
.site-notice-remove {
	text-decoration: none;
}

.site-notice-remove .ftmicon-close::before {
	content: "\f00d";
}

.site-notice.header_cart .ftm-site-notice {
    border-radius: 10px;
    overflow: hidden;
}

.site-notice.top {
	position: relative;

	& .ftm-site-notice.has-background {
		max-width: none;
		border-radius: 0;
		padding-top: var(--space-small);
		padding-bottom: var(--space-small);	
	}
}

.site-notice.top .page-section {
	padding: 0;
	margin: 0;
}

.site-notice.top .page-section-inner {
    width: 100%;
    max-width: 100%;
    border-radius: 0;
    padding: 10px;
}

.site-notice.top .site-notice-remove {
	position: absolute;
	top: var(--space-normal);
	right: var(--gutter-width);
	color: var(--color-white);
}

.site-notice.top .simple-callout-inner p,
.site-notice.top .ftm-site-notice p {
	margin-top: 0;
	margin-bottom: 0;	
}