/* Applied site-wide so ANY content added via the native block editor —
   extra headings, paragraphs, buttons, images added on top of a
   Sea Side plugin's shortcode — automatically matches the rest of the
   site, without Tania having to style anything by hand. */

.ssbl-page-content {
	max-width: var(--ss-max-content-width, 1100px);
	margin: 0 auto;
	padding: var(--ss-section-spacing, 48px) 24px;
	box-sizing: border-box;
	font-family: var(--ss-font-body, -apple-system, sans-serif) !important;
	color: var(--ss-color-text, #4D463D);
}

.ssbl-page-content h1,
.ssbl-page-content h2,
.ssbl-page-content h3,
.ssbl-page-content .wp-block-heading {
	font-family: var(--ss-font-heading, 'Playfair Display', serif) !important;
	color: var(--ss-color-heading, #4D463D);
}

.ssbl-page-content h1 { font-size: var(--ss-h1-size, 40px); font-weight: var(--ss-h1-weight, 700); }
.ssbl-page-content h2 { font-size: var(--ss-h2-size, 30px); font-weight: var(--ss-h2-weight, 700); }
.ssbl-page-content h3 { font-size: var(--ss-h3-size, 22px); font-weight: var(--ss-h3-weight, 600); }

.ssbl-page-content p {
	font-family: var(--ss-font-body, inherit) !important;
	font-size: var(--ss-body-size, 16px);
	line-height: var(--ss-body-line-height, 1.6);
}

.ssbl-page-content .wp-block-image img,
.ssbl-page-content figure img {
	border-radius: var(--ss-radius-image, 16px);
	height: auto;
	max-width: 100%;
}

.ssbl-page-content .wp-block-button__link {
	border-radius: var(--ss-radius-button, 999px) !important;
	padding: var(--ss-button-padding, 10px 24px) !important;
	font-family: var(--ss-font-body, inherit) !important;
	font-size: var(--ss-button-text-size, 14px);
	font-weight: 600;
	background: var(--ss-color-primary, #B96A4A);
	color: #fff;
	transition: opacity var(--ss-transition-speed, 0.2s) ease;
}

.ssbl-page-content .wp-block-button__link:hover {
	opacity: 0.9;
}

.ssbl-page-content .wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	border: 2px solid var(--ss-color-secondary, #7E8C6A);
	color: var(--ss-color-text, #4D463D);
}

.ssbl-page-content .wp-block-buttons {
	gap: var(--ss-grid-gap, 12px);
}

.ssbl-page-content .wp-block-columns {
	gap: var(--ss-grid-gap, 24px);
}

/* The plugin widgets (booking calendar, gallery, experience hero) manage
   their own width and styling internally, so give them breathing room
   from anything Tania adds above or below them in the same page. */
.ssbl-page-content > .ssbe-widget,
.ssbl-page-content > .ssg-gallery-widget,
.ssbl-page-content > .sse-widget {
	margin-left: auto;
	margin-right: auto;
}