/* Reverse columns on desktop */
.editor-styles-wrapper .is-style-reverse {
	flex-direction: row-reverse !important;
}

/* Photograph style — white border, slightly rounded, layered shadow */
.editor-styles-wrapper .is-style-photograph img:not(.mysammys-ornament) {
	border: 0.8rem solid #fff;
	border-radius: 0.25rem;
	box-shadow: 0px 4px 4px 0px #00000040, 10px 10px 20px 0px #00000040;
}

.editor-styles-wrapper .mysammys-ornament {
	border: none !important;
	box-shadow: none !important;
}

/* Rounded image style — force square aspect ratio */
.editor-styles-wrapper .is-style-rounded img {
	aspect-ratio: 1;
	object-fit: cover;
}

/* Headline style — MD Nichrome 700, title case */
.editor-styles-wrapper .is-style-headline,
.editor-styles-wrapper h1.is-style-headline,
.editor-styles-wrapper h2.is-style-headline,
.editor-styles-wrapper h3.is-style-headline,
.editor-styles-wrapper h4.is-style-headline,
.editor-styles-wrapper h5.is-style-headline,
.editor-styles-wrapper h6.is-style-headline,
.editor-styles-wrapper p.is-style-headline {
	font-family: "MD Nichrome", Georgia, serif !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
	text-transform: capitalize !important;
}

/* Annotated style — Albert Sans 800, uppercase, rounded border */
.editor-styles-wrapper .is-style-annotated,
.editor-styles-wrapper h1.is-style-annotated,
.editor-styles-wrapper h2.is-style-annotated,
.editor-styles-wrapper h3.is-style-annotated,
.editor-styles-wrapper h4.is-style-annotated,
.editor-styles-wrapper h5.is-style-annotated,
.editor-styles-wrapper h6.is-style-annotated,
.editor-styles-wrapper p.is-style-annotated {
	font-family: "Albert Sans", sans-serif !important;
	font-weight: 800 !important;
	font-size: 1.125rem !important;
	text-transform: uppercase !important;
	border: 2px solid currentColor !important;
	border-radius: 100px !important;
	padding: 0.25em 1em !important;
	display: inline-block !important;
}

/* Subheadline style — Albert Sans 800, underlined with offset */
.editor-styles-wrapper .is-style-subheadline,
.editor-styles-wrapper h1.is-style-subheadline,
.editor-styles-wrapper h2.is-style-subheadline,
.editor-styles-wrapper h3.is-style-subheadline,
.editor-styles-wrapper h4.is-style-subheadline,
.editor-styles-wrapper h5.is-style-subheadline,
.editor-styles-wrapper h6.is-style-subheadline,
.editor-styles-wrapper p.is-style-subheadline {
	font-family: "Albert Sans", sans-serif !important;
	font-weight: 800 !important;
	font-size: 1.125rem !important;
	text-transform: uppercase !important;
	text-decoration: underline !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 0.5rem !important;
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/*
 * Section: Secondary (Red bg) — outline button override
 * White border + white text instead of the default red outline
 */
.is-style-section-secondary .wp-block-button.is-style-outline .wp-block-button__link,
.is-style-section-secondary .wp-element-button.is-style-outline {
	border-color: #ffffff;
	color: #ffffff;
	background: transparent;
}

.is-style-section-secondary .wp-block-button.is-style-outline .wp-block-button__link:hover,
.is-style-section-secondary .wp-element-button.is-style-outline:hover {
	border-color: #ffffff;
	color: #DF231D;
	background: #ffffff;
}
