/**
 * Queen Moremi — Authentic child deltas only.
 * Prefer Authentic Customizer for layout, colors, archive mode, and header.
 * Selectors mirror snapshot markup (wp-theme-authentic), not a full Authentic fork.
 */

/* -------------------------------------------------------------------------
 * HEADER — motivated by queenmoremi.com/index.html, queenmoremi.com/category/beauty/index.html
 * Structure: .site-header > .header.header-center.header-light.header-background + .navbar-primary.navbar-center
 * ------------------------------------------------------------------------- */

.site-header .header .bsa-items {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.35rem 0.75rem;
}

.navbar-primary.navbar-center .navbar {
	justify-content: space-between;
}

/* Keep centered nav group visually balanced when search is present (snapshot menu-main-1). */
.navbar-primary.navbar-center .navbar-nav {
	margin-left: auto;
	margin-right: auto;
}

/* -------------------------------------------------------------------------
 * LAYOUT / CONTENT COLUMN — motivated by layout-hints body_class layout-sidebar-right
 * on queenmoremi.com/index.html, queenmoremi.com/about-queen-moremi/index.html
 * Do not hard-override global max-width here; nudge main vs sidebar gap only at desktop.
 * ------------------------------------------------------------------------- */

@media (min-width: 992px) {
	.layout-sidebar-right .site-content > .container > .main-content {
		padding-right: 0.5rem;
	}

	.layout-sidebar-right .sidebar-area {
		padding-left: 0.5rem;
	}
}

/* Full-width template: queenmoremi.com/contact/index.html (body layout-fullwidth). */
.layout-fullwidth .site-content > .container > .main-content {
	max-width: 100%;
}

/* -------------------------------------------------------------------------
 * ARCHIVE CARD DENSITY — motivated by queenmoremi.com/index.html (archive-list archive-compact),
 * queenmoremi.com/category/beauty/index.html (same pattern + page-header-type-small)
 * ------------------------------------------------------------------------- */

.post-archive.archive-list.archive-compact .post-list .entry-header {
	margin-bottom: 0.35rem;
}

.post-archive.archive-list.archive-compact .post-list .post-excerpt {
	margin-top: 0.25rem;
	line-height: 1.55;
}

.post-archive.archive-list.archive-compact .post-list .post-meta {
	margin-top: 0.35rem;
}

/* Category “small” page header rhythm: queenmoremi.com/category/beauty/index.html */
.archive.category .page-header.page-header-small {
	margin-bottom: 1.75rem;
}

/* -------------------------------------------------------------------------
 * SINGLE — motivated by queenmoremi.com/2017/09/an-afternoon-of-bonding-with-bold-beautiful-ladies-see-fun-photos-from-about-that-curvy-life-x-ma-bellos-fashion-day-out/index.html
 * (.post-main, MashShare .mashsb-container)
 * ------------------------------------------------------------------------- */

.single .post-main > .entry-content > *:first-child {
	margin-top: 0;
}

.single .post-main .mashsb-container {
	margin: 1.25rem 0 1.5rem;
}

.single .post-main .post-tags,
.single .post-main .navigation.pagination {
	margin-top: 1.5rem;
}

/* -------------------------------------------------------------------------
 * PAGE (simple header) — motivated by queenmoremi.com/about-queen-moremi/index.html
 * ------------------------------------------------------------------------- */

.page-header-simple .page-header + .site-content .content-area .entry-content > .alignwide:first-child,
.page-header-simple .page-header + .site-content .content-area .entry-content > *:first-child {
	margin-top: 0;
}

/* -------------------------------------------------------------------------
 * FOOTER DENSITY — motivated by queenmoremi.com/index.html (.footer-section .footer-sidebars)
 * ------------------------------------------------------------------------- */

.site-footer .footer-sidebars {
	display: block;
}

@media (min-width: 768px) {
	.site-footer .footer-sidebars {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		column-gap: 1.75rem;
		row-gap: 1.25rem;
		align-items: start;
	}
}

.site-footer .sidebar-footer .title-widget {
	margin-bottom: 0.65rem;
}

.site-footer .sidebar-footer .widget-content,
.site-footer .sidebar-footer .textwidget {
	line-height: 1.65;
}

/* -------------------------------------------------------------------------
 * PLUGIN / WIDGETS — fingerprints from layout-hints.json + snapshot DOM
 * queenmoremi.com/index.html (sb_instagram, ctf_smash), category/beauty (twitter widget),
 * single reference (mashsb)
 * ------------------------------------------------------------------------- */

/* Smash Balloon Instagram Feed — class from snapshot/plugins */
#sb_instagram .sbi_photo_wrap {
	border-radius: 0;
}

/* Custom Twitter Feeds / legacy twitter widget blocks in footer */
.widget .ctf-tweets,
.widget #wds,
.widget #wds-tweets {
	word-break: break-word;
}

/* Contact Form 7 — queenmoremi.com/contact/index.html */
.wpcf7 form .wpcf7-response-output {
	margin: 1.25em 0 0;
}
