/**
 * Gutenberg block styling for the blog single template.
 * Applies whenever an editor picks the matching Block Style variation
 * from the block toolbar (Quote -> "Artisan Quote Box",
 * Gallery -> "Blog Gallery Grid", Video -> "Blog Video Player").
 */

/* ---- Quote block: "Artisan Quote Box" ---- */
.blog-content .wp-block-quote.is-style-aa-quote-box {
	background: #FAF7F4;
	border-left: 4px solid #A17354;
	position: relative;
	padding: 15px 25px 15px;
	margin: 24px 0;
}

.blog-content .wp-block-quote.is-style-aa-quote-box p {
	margin: 0 0 5px;
	font-size: 18px;
	line-height: 28px;
	color: #A17354;
	font-family: 'Outfit Regular', sans-serif;
}

.blog-content .wp-block-quote.is-style-aa-quote-box cite {
	font-size: 18px;
	line-height: 28px;
	color: #333333;
	font-style: normal;
	display: block;
}

/* ---- Gallery block: "Blog Gallery Grid" ---- */
.blog-content .wp-block-gallery.is-style-aa-blog-gallery {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin: 24px 0;
}

.blog-content .wp-block-gallery.is-style-aa-blog-gallery .wp-block-image {
	/* Override core's flex-layout gallery CSS, which shrinks each
	   figure to its image's intrinsic size instead of filling the grid cell. */
	width: 100% !important;
	height: 220px;
	margin: 0;
	overflow: hidden;
	border-radius: 10px;
}

.blog-content .wp-block-gallery.is-style-aa-blog-gallery .wp-block-image img {
	width: 100% !important;
	height: 100% !important;
	max-width: none;
	object-fit: cover;
	display: block;
	transition: .4s;
}

.blog-content .wp-block-gallery.is-style-aa-blog-gallery .wp-block-image:hover img {
	transform: scale(1.08);
}

/* ---- Video block: "Blog Video Player" ---- */
.blog-content .wp-block-video.is-style-aa-video-player {
	margin: 24px 0 0;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}

.blog-content .wp-block-video.is-style-aa-video-player video,
.blog-content .wp-block-embed.is-style-aa-video-player iframe {
	width: 100%;
	display: block;
}

/* ---- Base paragraph/list rhythm to match the design's body copy ---- */
.blog-content p,
.blog-content .wp-block-list li {
	color: #1F1F1F;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 24px;
	font-family: 'Outfit Regular', sans-serif;
}

.blog-content .wp-block-list {
	list-style: none;
	padding: 0;
	margin: 0 0 24px;
}

.blog-content .wp-block-list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 14px;
}

/* Green checkmark bullet to match the design (replaces the default disc).
   Scoped to unordered (bullet) lists so numbered lists keep their numbers. */
/* .blog-content ul.wp-block-list li::before,
.blog-content ul:not(.wp-block-list) li::before {
	content: "";
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin-top: 5px;
	background: url('../images/tick-product-detail-icon.svg') no-repeat center center;
	background-size: contain;
} */

.blog-detail-body .blog-content ul{
	list-style-type: disc !important;
	list-style-image: none !important;
	padding-left: 20px;
	margin: 0;
}
.blog-detail-body .blog-content ul li{
	display: list-item;
	list-style-type: disc !important;
	list-style-image: none !important;
}

.blog-content ul li::before {
	content: none !important;
	background-image: none !important;
}