/**
 * Block Style Variations
 *
 * Custom styles for Gutenberg block style variations.
 *
 * @package Mama360
 */

/* Paragraph block with left border */
.wp-block-paragraph.is-style-left-border,
p.is-style-left-border {
	border-left: 4px solid; /* Color comes from inline style */
	padding-left: 1rem !important;
	margin-left: 0 !important;
}

/* core/columns — block style "Has gap" (matches js/block-editor.js registerBlockStyle) */
.wp-block-columns.is-style-has-gap {
	gap: clamp(3.75rem, 2.857rem + 2.381vw, 8rem);
}

/* core/columns — block style "Has gap" (matches js/block-editor.js registerBlockStyle) */
.wp-block-columns.is-style-has-gap {
	gap: clamp(3.75rem, 2.857rem + 2.381vw, 8rem);
}

@media (width <= 782px) {
  .wp-block-columns.reverse-order-mobile {
    flex-direction: column-reverse;
  }
}


/* core/image — block style "square-440-cover" (matches js/block-editor.js) */
.wp-block-image.is-style-square-440-cover {
	width: 440px;
	max-width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 16px;
}

.wp-block-image.is-style-square-440-cover > a {
	display: block;
	height: 100%;
}

.wp-block-image.is-style-square-440-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	display: block;
}

/* core/media-text — block style "square-440-cover" (matches js/block-editor.js) */
.wp-block-media-text.is-style-square-440-cover .wp-block-media-text__media {
	max-width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 16px;
}

.wp-block-media-text.is-style-square-440-cover .wp-block-media-text__media img,
.wp-block-media-text.is-style-square-440-cover .wp-block-media-text__media video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	display: block;
}

/* core/button — optional trailing arrow (Inspector toggle; SVG uses currentColor) */
.wp-block-button.m360-has-arrow .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 12px;
}

.wp-block-button.m360-has-arrow {
  width: 100%;

  @media (width >= 768px){
    width: unset;
  }
}


.wp-block-button.m360-has-arrow .m360-wp-button-arrow {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
}