/* ============================================================
   Blog (/blog/) — content area copied from the live
   boqueriarestaurant.com/blog/ (measured at 1360px).
   ============================================================ */
.boq-blog { --blog-red: #b72033; --blog-ink: #000; --blog-grey: #555; background: var(--cream); }

/* Heading: BLOG / — WHAT'S NEW? — / —★— */
.boq-blog__head { text-align: center; padding: 64px var(--gutter) 70px; }
html body .boq-blog__title { font-family: var(--font-display); font-size: 90px; line-height: 1; letter-spacing: 0.01em; text-transform: uppercase; color: var(--blog-ink); margin: 0 0 22px; }
html body .boq-blog__subtitle { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0 auto 6px; max-width: none;
	font-family: var(--font-display); font-size: 32px; line-height: 1.1; text-transform: uppercase; color: var(--blog-ink); }
.boq-blog__subtitle::before, .boq-blog__subtitle::after { content: ''; width: 75px; height: 5px; background: var(--blog-red); }
html body .boq-blog__star { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 auto; max-width: none; font-size: 20px; line-height: 1; color: var(--blog-ink); }
.boq-blog__star::before, .boq-blog__star::after { content: ''; width: 90px; height: 1px; background: var(--blog-ink); }

/* Full-width banner: the Blog page's Featured image, tiled vertically as on the live site */
/* Full-width banner: the Blog page's Featured image with the live site's parallax (fixed background) */
.boq-blog__banner { height: 535px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
/* Phones/tablets don't support fixed backgrounds (iOS ignores them) — scroll normally there */
@media (max-width: 1024px), (hover: none) { .boq-blog__banner { background-attachment: scroll; } }

/* Main column + sidebar (1170px container: 835 | 54 gap | 281) */
.boq-blog__inner { max-width: 1170px; margin-inline: auto; padding: 97px var(--gutter) 60px; box-sizing: content-box;
	display: grid; grid-template-columns: minmax(0, 835fr) minmax(0, 281fr); column-gap: 54px; align-items: start; }

/* Post */
.boq-post { margin: 0 0 100px; }
html body .boq-post__title { font-family: var(--font-display); font-size: 17.5px; line-height: 1.2; letter-spacing: 0.01em; text-transform: uppercase; margin: 0; }
html body .boq-post__title a { color: var(--blog-ink); text-decoration: none; }
.boq-post__bar { display: block; width: 50px; height: 8px; background: var(--blog-red); margin: 22px 0 28px; }
.boq-post__image { display: block; text-align: center; margin: 0 0 30px; }
.boq-post__image img { display: inline-block; max-width: 100%; height: auto; vertical-align: top; }
html body .boq-post__excerpt, html body .boq-post__excerpt p { font-family: var(--font-body); font-size: 18px; line-height: 1.5; color: var(--blog-ink); max-width: none; }
.boq-post__excerpt p { margin: 0 0 20px; }
.boq-post__excerpt .more-link { display: none; }
html body .boq-post__more { text-align: center; margin: 25px 0 0; max-width: none; }
html body .boq-post__button {
	display: inline-flex; align-items: center; justify-content: center; min-width: 98px; height: 41px; padding: 0 18px; box-sizing: border-box;
	border: 2px solid var(--blog-red); border-radius: 0; background: transparent; color: var(--blog-red);
	font-family: var(--font-display); font-size: 11.5px; letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none;
}
html body .boq-post__button:hover { background: var(--blog-red); color: var(--cream); }

/* Pagination: small red-bordered boxes */
.boq-blog__pagination { text-align: center; margin: -40px 0 0; }
html body .boq-blog__pagination .page-numbers {
	display: inline-block; min-width: 25px; height: 31px; padding: 0 5px; margin: 0 2px; box-sizing: border-box; border: 1px solid var(--blog-red); vertical-align: middle;
	font-family: var(--font-display); font-size: 17px; line-height: 29px; color: var(--blog-ink); text-decoration: none; text-transform: uppercase;
}
html body .boq-blog__pagination .page-numbers.current, html body .boq-blog__pagination .page-numbers.dots { border-color: transparent; }
html body .boq-blog__pagination .page-numbers.current { font-size: 14.5px; }
html body .boq-blog__pagination a.page-numbers:hover { background: var(--blog-red); color: var(--cream); }

/* Sidebar */
.boq-widget { padding: 0 0 34px; margin: 0 0 34px; border-bottom: 1px solid #ddd; }
.boq-widget:last-child { border-bottom: 0; }
html body .boq-widget__title { font-family: var(--font-display); font-size: 23.5px; line-height: 1.1; text-transform: uppercase; color: var(--blog-ink); margin: 0 0 22px; }
.boq-widget.widget_text .boq-widget__title { padding-bottom: 22px; border-bottom: 1px solid #999; }
html body .boq-widget, html body .boq-widget p { font-family: var(--font-body); font-size: 18px; line-height: 1.5; color: var(--blog-ink); max-width: none; }
.boq-widget p { margin: 0; }
.boq-widget ul { list-style: none; margin: 0; padding: 0; }
.boq-widget li { margin: 0; padding: 0; border: 0; }
html body .boq-widget.widget_categories a { font-size: 16px; line-height: 27px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--blog-grey); text-decoration: none; }
html body .boq-widget.widget_recent_entries li { margin: 0 0 10px; line-height: 1.15; }
html body .boq-widget.widget_recent_entries a { font-size: 16px; letter-spacing: 0.03em; color: var(--blog-red); text-decoration: none; }
.boq-widget.widget_media_image { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.boq-widget.widget_media_image img { display: block; width: 100%; height: auto; }
html body .boq-widget.widget_nav_menu a { display: block; font-size: 18px; line-height: 37px; letter-spacing: 0.03em; color: var(--blog-red); text-decoration: none; }
html body .boq-widget a:hover { text-decoration: underline; }

/* Smaller screens */
@media (max-width: 849px) {
	.boq-blog__inner { grid-template-columns: 1fr; row-gap: 40px; padding-top: 60px; }
	html body .boq-blog__title { font-size: 60px; }
	.boq-blog__banner { height: 300px; }
}

/* Flatsome widget list styling off (dividers, spacing) */
html body .boq-widget ul li, html body .boq-widget.widget_nav_menu ul li { border: 0 !important; margin: 0; padding: 0; }
html body .boq-widget.widget_categories li { line-height: 27px; }
html body .boq-widget.widget_recent_entries ul li { margin: 0 0 10px; }
/* Live header is 80px; ours is 72px — keep BLOG at the same height on the page */
.boq-blog__head { padding-top: 72px; }