/* =============================================================================
   Assembly Network — Live Blog Styles
   ============================================================================= */

/* -----------------------------------------------------------------------------
   Override #primary width constraint so the header can break out full-width
   ----------------------------------------------------------------------------- */
.assembly-live-blog-parent-post {
    width: 100%;
}

/* Override Newspack's 1200px #primary on live blog posts only.
   The body class single-post + article class live-blog-parent-post
   gives us enough specificity without touching global layout. */
body.single-post #primary:has(.assembly-live-blog-parent-post) {
    width: 100%;
    max-width: 100%;
}

/* -----------------------------------------------------------------------------
   Suppress native unwanted inline elements
   ----------------------------------------------------------------------------- */
.assembly-live-blog-parent-post .jp-relatedposts,
.assembly-live-blog-parent-post .emp-ad {
    display: none !important;
}

/* -----------------------------------------------------------------------------
   Page background
   ----------------------------------------------------------------------------- */
.single-post:has(.assembly-live-blog-parent-post) .site-content {
    background-color: #f5f5f5;
    margin-top: 0;
}

/* -----------------------------------------------------------------------------
   Live Blog Header (replaces cover block)
   ----------------------------------------------------------------------------- */
.assembly-live-blog-header {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 200px;
    align-items: center;
    justify-content: center;
    margin-top: 0 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    /* Full-width breakout — matches Newspack alignfull behaviour */
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.single .entry-header.assembly-live-blog-header {
	padding: 0;
}

/* White overlay — mirrors the cover block's 90% white dim */
.assembly-live-blog-header__overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(255, 255, 255, 0.10);
    z-index: 0;
}

/* Inner content — constrained width, centered */
.assembly-live-blog-header__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: var(--wp--style--global--content-size, 1200px);
    margin: 0 auto;
    padding: var(--wp--preset--spacing--60, 2rem) var(--wp--preset--spacing--60, 2rem);
    text-align: center;
}

/* -----------------------------------------------------------------------------
   LIVE / LIVE COVERAGE badge
   ----------------------------------------------------------------------------- */
.cat-links.assembly-live-blog-badge {
    font-weight: 700;
    color: #ee0909;
}

/* Blinking LIVE badge */
.assembly-live-blinker {
    animation: blinker 3s linear infinite;
}

@keyframes blinker {
    50% { opacity: 0.05; }
}

/* Static ended badge */
.assembly-live-blog-badge--ended {
    color: #000000;
    animation: none;
}

.assembly-live-blog-parent-post .entry-meta a {
    color: #777777;
    text-decoration: none;
}

/* -----------------------------------------------------------------------------
   Footer
   ----------------------------------------------------------------------------- */
.assembly-live-blog-parent-post footer {
    margin: 0;
}

/* -----------------------------------------------------------------------------
   Entry feed wrapper
   ----------------------------------------------------------------------------- */
.assembly-live-blog-entries-wrap {
    margin: 0 auto;
    max-width: 96vw;
}

/* -----------------------------------------------------------------------------
   Entry cards
   ----------------------------------------------------------------------------- */
.assembly-live-blog-post {
    position: relative;
    background-color: #ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    padding: var(--wp--preset--spacing--60, 2rem);
    margin-bottom: 1rem;
	border-radius: 15px;
}

.assembly-live-blog-post p,
.assembly-live-blog-post-content p {
    font-size: 18px;
}

.assembly-live-blog-post-content li {
    font-size: 18px;
}

/* Pinned post */
.assembly-live-blog-pinned-post {
	margin-top: -24px !important;
	border: 2px solid #ccc !important;
	position: sticky;
    z-index: 1;
}

/* Non-pinned: strip border added by Newspack is-style-border */
.assembly-live-blog-post:not(.assembly-live-blog-pinned-post) {
    border: 0 !important;
}

/* Non-pinned: set margin top if first */
.assembly-live-blog-entries-wrap .assembly-live-blog-post:first-child:not(.assembly-live-blog-pinned-post) {
    margin-top: 1rem;
}

/* -----------------------------------------------------------------------------
   Entry header: headshot + title/meta row
   ----------------------------------------------------------------------------- */
.assembly-live-blog-post-header {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.assembly-live-blog-post-header-text {
    flex: 1;
    min-width: 0;
}

.assembly-live-blog-post-title-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 0.5rem;
}

.assembly-live-blog-post-title-row h2 {
    flex: 1;
    margin: 0 !important;
	font-size: 2rem !important;
}

.assembly-live-blog-post-title-row h2 a {
    text-decoration: none;
    color: inherit;
}

.assembly-live-blog-last-updated {
	margin: 0 auto 1rem;
}

.assembly-live-blog-post-header-text .entry-meta {
	margin: 0.5rem 0 0 0;
}

/* Carve out space on the h2 so long titles don't slide under the pin */
.assembly-live-blog-pinned-post .assembly-live-blog-post-title-row h2 {
    padding-right: 2.5rem;
}

/* Headshot */
.assembly-live-blog-post-headshot img {
    width: 60px !important;
    height: auto;
    border-radius: 50%;
    display: block;
}

/* Pin icon */
.assembly-live-blog-pinned-post-pin {
    position: absolute;
	top: 6px;
    right: 6px;
    font-size: 1.8rem;
    line-height: 1;
}

/* -----------------------------------------------------------------------------
   Post content wrapper
   ----------------------------------------------------------------------------- */
.assembly-live-blog-post-content {
    border: 0 !important;
    padding: 0 !important;
}

.assembly-live-blog-post-content .entry-content>*:first-child {
    margin-top: 0;
}

/* -----------------------------------------------------------------------------
   Keep reading divider
   ----------------------------------------------------------------------------- */
.assembly-live-blog-keep-reading {
    border-bottom: 1px solid #ccc;
}

/* -----------------------------------------------------------------------------
   Twitter/X embeds
   ----------------------------------------------------------------------------- */
.twitter-tweet {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* -----------------------------------------------------------------------------
   Details/summary (collapsible entries)
   ----------------------------------------------------------------------------- */
.assembly-live-blog-post details {
    border: none;
}

.assembly-live-blog-post summary {
    font-weight: 700;
    line-height: var(--newspack-theme-font-line-height-heading, 1.3);
    -webkit-font-smoothing: antialiased;
    font-family: var(--newspack-theme-font-heading, inherit);
    font-size: var(--newspack-theme-font-size-xs, 0.75rem);
    margin-left: 0;
}

/* -----------------------------------------------------------------------------
   Empty state
   ----------------------------------------------------------------------------- */
.assembly-live-blog-entries-empty {
    background: #fff;
    border: 1px dashed #ccc;
    border-radius: 4px;
}

/* =============================================================================
   Responsive
   ============================================================================= */

@media only screen and (max-width: 599px) {
    .assembly-live-blog-title {
        font-size: 2em !important;
    }
	.assembly-live-blog-post-title-row h2 {
		font-size: 1.8em !important;
	}
}

@media only screen and (min-width: 600px) {
    .assembly-live-blog-post-header {
        gap: 1em;
    }
    .assembly-live-blog-entries-wrap {
        max-width: 660px;
    }
}

@media only screen and (min-width: 782px) {
    .assembly-live-blog-post-header {
        gap: 1.5em;
    }

    .assembly-live-blog-post-headshot img {
        width: 80px !important;
    }
}