/*
Theme Name: Sensory Dispensary
Author: WordPress Telex
Description: A dark, moody, immersive WordPress block theme inspired by a 1970s record store back room. Warm amber light cuts through deep shadows, vinyl bins overflow, and faded concert posters line the walls. Analog warmth meets digital craft.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: sensory-dispensary
Tags: block-theme, full-site-editing, dark, music, editorial
*/

/* === WordPress Admin Bar Support === */
#wpadminbar {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    z-index: 99999 !important;
}

/* === Vinyl Grain Overlay === */
body::before {
    content: '';
    position: fixed;
    inset: 0;
    background:
        radial-gradient(ellipse 80% 50% at 15% 25%, rgba(80, 60, 30, 0.06) 0%, transparent 60%),
        radial-gradient(ellipse 60% 80% at 85% 75%, rgba(60, 45, 20, 0.04) 0%, transparent 60%);
    pointer-events: none;
    z-index: -1;
}

body::after {
    content: '';
    position: fixed;
    inset: 0;
    background-image:
        radial-gradient(circle 1px at 20% 30%, rgba(255,255,255,0.015) 0%, transparent 100%),
        radial-gradient(circle 1px at 60% 70%, rgba(255,255,255,0.01) 0%, transparent 100%),
        radial-gradient(circle 1px at 80% 20%, rgba(255,255,255,0.012) 0%, transparent 100%),
        radial-gradient(circle 1px at 40% 80%, rgba(255,255,255,0.008) 0%, transparent 100%);
    pointer-events: none;
    z-index: -1;
}

/* === Smoky Texture Background === */
.wp-site-blocks {
    position: relative;
    z-index: 1;
}

/* === Surface Panel Treatment === */
.surface-panel {
    background: rgba(24, 24, 24, 0.88);
    position: relative;
}

.surface-panel::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        repeating-linear-gradient(
            0deg,
            transparent 0px,
            transparent 1px,
            rgba(255, 255, 255, 0.005) 1px,
            rgba(255, 255, 255, 0.005) 2px
        );
    pointer-events: none;
    opacity: 0.5;
}

/* === Amber Rule === */
.amber-rule {
    border: none;
    height: 1px;
    background-color: #c07218;
    opacity: 0.55;
    margin: 0;
    width: 100%;
}

/* === Top Edge Glow === */
.top-edge-glow {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(192, 114, 24, 0.1) 20%, rgba(192, 114, 24, 0.1) 80%, transparent);
}

/* === Hero Image Strip === */
.hero-image-strip {
    position: relative;
    overflow: hidden;
}

.hero-image-strip::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(10, 10, 10, 0.3) 0%, transparent 25%, transparent 75%, rgba(10, 10, 10, 0.4) 100%),
        linear-gradient(0deg, rgba(140, 90, 30, 0.12) 0%, rgba(100, 70, 20, 0.06) 50%, rgba(80, 50, 15, 0.10) 100%);
    pointer-events: none;
    z-index: 2;
    mix-blend-mode: multiply;
}

.hero-image-strip::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,
        rgba(10, 10, 10, 0.6) 0%,
        transparent 8%,
        transparent 92%,
        rgba(10, 10, 10, 0.6) 100%
    );
    pointer-events: none;
    z-index: 3;
}

.hero-image-strip img {
    filter: sepia(0.35) saturate(0.7) brightness(0.65) contrast(1.1);
}

/* === Navigation Styles === */
.nav-main a {
    font-family: 'Franklin Gothic Medium', 'Franklin Gothic Demi', 'Arial Narrow', 'Trebuchet MS', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    text-decoration: none;
    transition: color 0.2s ease;
}

.nav-main a:hover {
    color: #c07218 !important;
}

.nav-sub a {
    font-family: 'Franklin Gothic Book', 'Arial Narrow', 'Trebuchet MS', 'Segoe UI', sans-serif;
    letter-spacing: 0.04em;
    text-decoration: none;
    transition: color 0.2s ease;
    font-size: 0.875rem;
}

.nav-sub a:hover {
    color: #c07218 !important;
}

/* === Bottom Fade === */
.bottom-fade {
    height: 40px;
    background: linear-gradient(180deg, rgba(24, 24, 24, 0.90), transparent);
    position: relative;
    z-index: 1;
}

/* === Section Divider === */
.section-amber-divider {
    border: none;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(192, 114, 24, 0.35) 20%, rgba(192, 114, 24, 0.35) 80%, transparent);
    margin: 0;
}

/* === Card Hover Effects === */
.record-card {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    border: 1px solid rgba(255, 255, 255, 0.04);
}

.record-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(192, 114, 24, 0.1);
}

/* === Post Meta Styling === */
.post-meta {
    font-family: 'Franklin Gothic Book', 'Arial Narrow', 'Trebuchet MS', sans-serif;
    font-size: 0.875rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

/* === Featured Tag === */
.featured-tag {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', 'Trebuchet MS', sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: #c07218;
    border: 1px solid rgba(192, 114, 24, 0.4);
    padding: 3px 10px;
    display: inline-block;
}

/* === Blockquote Styling === */
.wp-block-quote {
    border-left: 2px solid #c07218 !important;
    padding-left: 1.25rem;
}

.wp-block-quote p {
    font-style: italic;
    color: #a0a0a0;
}

/* === Link Styles === */
a {
    color: #d4882a;
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover {
    color: #c07218;
}

/* === Equal Cards for Grid Layout === */
.equal-cards > .wp-block-column {
    display: flex;
    flex-direction: column;
    flex-grow: 0;
}

.equal-cards > .wp-block-column > .wp-block-group {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.equal-cards .cta-bottom {
    margin-top: auto;
    justify-content: center;
}

/* === Section Widths === */
/* Overrides the max-width the parent constrained group emits for its children
   (1280px for Long Players, 800px for the rest). Targets every direct child so
   the separator, heading, description, query and 'view all' link share one
   left edge. !important is required: the generated layout rule matches at the
   same specificity but is printed after this stylesheet. */
.long-players-section > * {
    max-width: var(--wp--custom--width--grid) !important;
    margin-left: auto;
    margin-right: auto;
}

.singles-home-section > *,
.bin-diving-section > *,
.needle-drop-section > * {
    max-width: var(--wp--custom--width--section) !important;
    margin-left: auto;
    margin-right: auto;
}

/* === Long Players Grid === */
.long-players-grid.is-layout-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0.75rem;
}

/* Featured top row: first two posts span two columns each, filling row 1
   (514px vs the 251px standard tile). Reset to a single column at 900px
   and below -- a span of 2 in a 3-column grid orphans the third cell. */
.long-players-grid.is-layout-grid li:nth-child(-n+2) {
    grid-column: span 2;
}

.long-players-grid.is-layout-grid li:nth-child(-n+2) .lp-card {
    aspect-ratio: 2 / 1;
}

.long-players-grid .lp-card {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    border: 1px solid rgba(255, 255, 255, 0.04);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.long-players-grid .lp-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(192, 114, 24, 0.15);
}

.long-players-grid .lp-card:hover img {
    filter: sepia(0.1) saturate(0.85) brightness(0.9) contrast(1.05);
    transform: scale(1.05);
}

.long-players-grid .lp-card img,
.long-players-grid .lp-card .wp-block-post-featured-image,
.long-players-grid .lp-card .wp-block-post-featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: sepia(0.15) saturate(0.75) brightness(0.8) contrast(1.05);
    transition: filter 0.3s ease, transform 0.4s ease;
}

.long-players-grid .lp-card .wp-block-post-featured-image {
    position: absolute;
    inset: 0;
    margin: 0;
    overflow: hidden;
    z-index: 1;
}

.long-players-grid .lp-card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2.5rem 0.75rem 0.75rem;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 35%, rgba(0,0,0,0) 55%);
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.long-players-grid .lp-card-overlay .lp-title,
.long-players-grid .lp-card-overlay .wp-block-post-title {
    font-family: Barlow, 'Franklin Gothic Book', 'Trebuchet MS', 'Segoe UI', sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0.04em;
    color: #f2f2f2;
    line-height: 1.3;
    margin: 0;
}

.long-players-grid .lp-card-overlay .lp-title a,
.long-players-grid .lp-card-overlay .wp-block-post-title a {
    color: #f2f2f2;
    text-decoration: none;
}

.long-players-grid .lp-card-overlay .lp-title a:hover,
.long-players-grid .lp-card-overlay .wp-block-post-title a:hover {
    color: #c07218;
}

.long-players-grid .lp-card-overlay .lp-date,
.long-players-grid .lp-card-overlay .wp-block-post-date {
    font-family: Barlow, 'Franklin Gothic Book', 'Trebuchet MS', sans-serif;
    font-size: 0.625rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #7a7a7a;
    margin-top: 0.25rem;
}

@media (max-width: 900px) {
    .long-players-grid.is-layout-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .long-players-grid.is-layout-grid li:nth-child(-n+2) {
        grid-column: span 1;
    }

    .long-players-grid.is-layout-grid li:nth-child(-n+2) .lp-card {
        aspect-ratio: 1 / 1;
    }
}

@media (max-width: 640px) {
    .long-players-grid.is-layout-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 380px) {
    .long-players-grid.is-layout-grid {
        grid-template-columns: 1fr !important;
    }
}

/* === Singles Section — Home Page Social Cards === */
.singles-home-card {
    background: rgba(30, 30, 30, 0.65);
    border: 1px solid rgba(255, 255, 255, 0.06);
    position: relative;
    transition: background 0.25s ease, border-color 0.25s ease;
    cursor: pointer;
}

.singles-home-card:hover {
    background: rgba(38, 38, 38, 0.8);
    border-color: rgba(255, 255, 255, 0.1);
}

/* Singles Home Cards — link entire card to archive */
.singles-archive-link {
    cursor: pointer;
    position: relative;
}

.singles-archive-link a {
    pointer-events: none;
}

/* Home page avatar placeholder — smaller than archive version */
.singles-home-avatar-placeholder {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(192, 114, 24, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.singles-home-avatar-placeholder svg {
    width: 18px;
    height: 18px;
    color: rgba(192, 114, 24, 0.4);
}

/* Home feed layout */
.singles-home-feed {
    display: flex;
    flex-direction: column;
}

/* === Singles Media Type Icons === */
.singles-media-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    margin-left: 0.4rem;
    color: rgba(192, 114, 24, 0.5);
    opacity: 0.7;
    transition: opacity 0.2s ease, color 0.2s ease;
    position: relative;
    top: -1px;
}

.singles-archive-link:hover .singles-media-icon {
    opacity: 1;
    color: rgba(192, 114, 24, 0.8);
}

.singles-media-icon svg {
    display: block;
}

.single-card-avatar {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.single-card-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: sepia(0.2) saturate(0.8) brightness(0.8);
}

.single-card-content {
    flex: 1;
    min-width: 0;
}

.single-card-text {
    font-family: Lora, Georgia, 'Palatino Linotype', serif;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.55;
    color: #d0d0d0;
    margin: 0 0 0.5rem 0;
}

.single-card-tags {
    font-family: 'Barlow Condensed', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: #c07218;
    margin: 0 0 0.35rem 0;
}

.single-card-tags a {
    color: #c07218;
    text-decoration: none;
    transition: color 0.2s ease;
}

.single-card-tags a:hover {
    color: #d4882a;
}

.single-card-meta {
    font-family: Barlow, 'Franklin Gothic Book', 'Trebuchet MS', sans-serif;
    font-size: 0.8125rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #7a7a7a;
    margin: 0;
}

/* === Single Post Featured Image Constraint === */
.single-post-content-wrapper .wp-block-post-featured-image,
.wp-block-post-featured-image.single-featured-constrained {
    display: flex;
    justify-content: center;
}

.single-post-content-wrapper .wp-block-post-featured-image img,
.single-featured-constrained img {
    max-height: 600px;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* === Single Post Tag Links — Readable Size === */
.single-post-content-wrapper .wp-block-post-terms,
.single-post-content-wrapper .wp-block-post-terms a,
.single-post-content-wrapper + .wp-block-group .wp-block-post-terms,
.single-post-content-wrapper + .wp-block-group .wp-block-post-terms a {
    font-size: 0.875rem !important;
    letter-spacing: 0.04em;
}

/* Tagged: section below post content */
.single-post-content + .wp-block-group .wp-block-post-terms,
.single-post-content + .wp-block-group .wp-block-post-terms a {
    font-size: 0.875rem !important;
    letter-spacing: 0.04em;
}

/* === Single Post Content === */
.single-post-content .wp-block-post-content {
    font-family: Lora, Georgia, 'Palatino Linotype', serif;
    font-size: 1.0625rem;
    line-height: 1.75;
    color: #d0d0d0;
}

.single-post-content .wp-block-post-content p {
    margin-bottom: 1.5rem;
}

.single-post-content .wp-block-post-content h2,
.single-post-content .wp-block-post-content h3 {
    color: #f2f2f2;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
}

.single-post-content .wp-block-post-content blockquote,
.single-post-content .wp-block-post-content .wp-block-quote {
    border-left: 2px solid #c07218 !important;
    padding-left: 1.5rem;
    margin-left: 0;
    margin-right: 0;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.single-post-content .wp-block-post-content blockquote p,
.single-post-content .wp-block-post-content .wp-block-quote p {
    font-family: Lora, Georgia, 'Palatino Linotype', serif;
    font-style: italic;
    color: #a0a0a0;
    font-size: 1rem;
    line-height: 1.8;
}

.single-post-content .wp-block-post-content .wp-block-embed {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.single-post-content .wp-block-post-content .wp-block-embed .wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.single-post-content .wp-block-post-content .wp-block-embed .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Constrain inline images within post content */
.single-post-content .wp-block-post-content img {
    max-height: 500px;
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.single-post-content .wp-block-post-content .wp-block-image {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.single-post-content .wp-block-post-content .wp-block-image img {
    max-height: 500px;
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.single-post-content .wp-block-post-content .wp-block-image.size-full img,
.single-post-content .wp-block-post-content .wp-block-image.size-large img {
    width: 100%;
    object-fit: cover;
}

/* === Post Navigation === */
.single-post-nav .wp-block-post-navigation-link {
    font-family: 'Barlow Condensed', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif;
}

.post-nav-prev .post-navigation-link__label {
    display: block;
    font-size: 0.6875rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #5e5e5e;
    margin-bottom: 0.35rem;
}

.post-nav-next {
    text-align: right;
}

.post-nav-next .post-navigation-link__label {
    display: block;
    font-size: 0.6875rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #5e5e5e;
    margin-bottom: 0.35rem;
}

.wp-block-post-navigation-link .post-navigation-link__title {
    font-family: 'Playfair Display', Georgia, 'Palatino Linotype', serif;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.3;
    display: block;
    margin-top: 0.25rem;
}

/* === Related Post Cards === */
.related-post-card {
    background: rgba(24, 24, 24, 0.6);
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
    overflow: hidden;
}

.related-post-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(192, 114, 24, 0.1);
    background: rgba(30, 30, 30, 0.8);
}

.related-post-card .wp-block-post-featured-image {
    margin: 0;
    overflow: hidden;
}

.related-post-card .wp-block-post-featured-image img {
    filter: sepia(0.25) saturate(0.7) brightness(0.65) contrast(1.1);
    transition: filter 0.3s ease, transform 0.4s ease;
    display: block;
    width: 100%;
    object-fit: cover;
}

.related-post-card:hover .wp-block-post-featured-image img {
    filter: sepia(0.15) saturate(0.8) brightness(0.75) contrast(1.1);
    transform: scale(1.05);
}

/* === Sounds Preview Cards === */
.sounds-preview-cards .related-post-card img {
    filter: sepia(0.25) saturate(0.7) brightness(0.65) contrast(1.1);
    transition: filter 0.3s ease, transform 0.4s ease;
}

.sounds-preview-cards .related-post-card:hover img {
    filter: sepia(0.15) saturate(0.8) brightness(0.75) contrast(1.1);
    transform: scale(1.05);
}

.sounds-preview-cards .related-post-card .wp-block-image {
    overflow: hidden;
    margin: 0;
}

/* === Sounds Page RSOTD — Constrain Featured Images === */
.sounds-rsotd-cards .related-post-card .wp-block-post-featured-image img,
.sounds-rsotd-cards .wp-block-post-featured-image img,
.sounds-rsotd-cards img {
    width: 100% !important;
    height: 180px !important;
    max-height: 180px !important;
    object-fit: cover !important;
    aspect-ratio: auto !important;
}

.sounds-rsotd-cards .related-post-card .wp-block-post-featured-image,
.sounds-rsotd-cards .wp-block-post-featured-image {
    max-height: 180px !important;
    overflow: hidden !important;
    margin: 0 !important;
}

/* Override any inline aspect-ratio on RSOTD images */
.sounds-rsotd-cards .related-post-card .wp-block-post-featured-image img[style*="aspect-ratio"],
.sounds-rsotd-cards .wp-block-post-featured-image img[style] {
    aspect-ratio: auto !important;
    height: 180px !important;
    max-height: 180px !important;
}

/* === Archive Banner === */
.archive-banner {
    position: relative;
    overflow: hidden;
}

.archive-banner::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(10, 10, 10, 0.15) 0%, transparent 30%, transparent 70%, rgba(10, 10, 10, 0.3) 100%),
        linear-gradient(90deg, rgba(10, 10, 10, 0.4) 0%, transparent 15%, transparent 85%, rgba(10, 10, 10, 0.4) 100%);
    pointer-events: none;
    z-index: 1;
}

.archive-banner .wp-block-cover__inner-container {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    min-height: 200px;
    padding-bottom: 1.5rem;
}

.archive-banner .wp-block-query-title {
    font-family: 'Barlow Condensed', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif;
    margin: 0;
}

.archive-banner .taxonomy-description,
.archive-banner .wp-block-term-description {
    margin-top: 0.5rem;
}

/* === Archive Grid === */
.archive-grid.is-layout-grid {
    gap: 0.75rem;
}

.archive-card {
    background: rgba(24, 24, 24, 0.6);
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
    overflow: hidden;
}

.archive-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(192, 114, 24, 0.12);
    background: rgba(30, 30, 30, 0.8);
}

.archive-card .wp-block-post-featured-image {
    margin: 0;
    overflow: hidden;
}

.archive-card .wp-block-post-featured-image img {
    filter: sepia(0.25) saturate(0.7) brightness(0.65) contrast(1.1);
    transition: filter 0.3s ease, transform 0.4s ease;
    display: block;
    width: 100%;
    object-fit: cover;
}

.archive-card:hover .wp-block-post-featured-image img {
    filter: sepia(0.15) saturate(0.8) brightness(0.75) contrast(1.1);
    transform: scale(1.05);
}

@media (max-width: 900px) {
    .archive-grid.is-layout-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 600px) {
    .archive-grid.is-layout-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* === Archive Pagination === */
.archive-pagination {
    gap: 0.5rem;
}

.archive-pagination .wp-block-query-pagination-numbers .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.5rem;
    font-family: 'Barlow Condensed', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #7a7a7a;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(24, 24, 24, 0.4);
    transition: all 0.2s ease;
}

.archive-pagination .wp-block-query-pagination-numbers .page-numbers:hover {
    color: #c07218;
    border-color: rgba(192, 114, 24, 0.3);
    background: rgba(192, 114, 24, 0.06);
}

.archive-pagination .wp-block-query-pagination-numbers .page-numbers.current {
    color: #f2f2f2;
    border-color: #c07218;
    background: rgba(192, 114, 24, 0.15);
}

/* === Singles Archive Feed (static fallback) === */
.singles-feed {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.singles-feed-card {
    display: flex;
    gap: 1rem;
    padding: 1.5rem;
    padding-left: 1.75rem;
    background: rgba(24, 24, 24, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.03);
    position: relative;
    transition: background 0.2s ease;
}

.singles-feed-card:hover {
    background: rgba(30, 30, 30, 0.8);
}

.singles-feed-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
}

.singles-feed-card.accent-amber::before { background: #c07218; }
.singles-feed-card.accent-rust::before { background: #8b4513; }
.singles-feed-card.accent-sage::before { background: #5a6e4e; }
.singles-feed-card.accent-slate::before { background: #5c6670; }
.singles-feed-card.accent-wine::before { background: #722f37; }
.singles-feed-card.accent-indigo::before { background: #4b5a8c; }
.singles-feed-card.accent-copper::before { background: #a0522d; }
.singles-feed-card.accent-moss::before { background: #4a6741; }

.singles-feed-avatar {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.singles-feed-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: sepia(0.2) saturate(0.8) brightness(0.8);
}

.singles-feed-body {
    flex: 1;
    min-width: 0;
}

.singles-feed-text {
    font-family: Lora, Georgia, 'Palatino Linotype', serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #d0d0d0;
    margin: 0 0 0.75rem 0;
}

.singles-feed-image {
    margin: 0.75rem 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.singles-feed-image img {
    width: 100%;
    height: auto;
    max-height: 320px;
    object-fit: cover;
    display: block;
    filter: sepia(0.2) saturate(0.75) brightness(0.7) contrast(1.05);
    transition: filter 0.3s ease;
}

.singles-feed-card:hover .singles-feed-image img {
    filter: sepia(0.1) saturate(0.85) brightness(0.8) contrast(1.05);
}

.singles-feed-tags {
    font-family: 'Barlow Condensed', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: #c07218;
    margin: 0 0 0.4rem 0;
}

.singles-feed-tags a {
    color: #c07218;
    text-decoration: none;
    transition: color 0.2s ease;
}

.singles-feed-tags a:hover {
    color: #d4882a;
}

.singles-feed-meta {
    font-family: Barlow, 'Franklin Gothic Book', 'Trebuchet MS', sans-serif;
    font-size: 0.875rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #7a7a7a;
    margin: 0;
}

/* === Singles Archive Dynamic Feed === */
.singles-archive-feed {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.singles-feed-card-dynamic {
    position: relative;
    transition: background 0.2s ease;
    background: rgba(24, 24, 24, 0.6);
}

.singles-feed-card-dynamic:hover {
    background: rgba(30, 30, 30, 0.8);
}

/* Rotating colored left border accents */
.singles-feed-card-dynamic::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #c07218;
}

.singles-feed-card-dynamic:nth-child(8n+1)::before { background: #c07218; }
.singles-feed-card-dynamic:nth-child(8n+2)::before { background: #5a6e4e; }
.singles-feed-card-dynamic:nth-child(8n+3)::before { background: #722f37; }
.singles-feed-card-dynamic:nth-child(8n+4)::before { background: #4b5a8c; }
.singles-feed-card-dynamic:nth-child(8n+5)::before { background: #a0522d; }
.singles-feed-card-dynamic:nth-child(8n+6)::before { background: #5c6670; }
.singles-feed-card-dynamic:nth-child(8n+7)::before { background: #8b4513; }
.singles-feed-card-dynamic:nth-child(8n+8)::before { background: #4a6741; }

/* Hide the author name column visually but keep layout for avatar */
.singles-feed-card-dynamic .singles-avatar-col {
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

/* Post content styling within Singles feed */
.singles-feed-card-dynamic .singles-full-content {
    font-family: Lora, Georgia, 'Palatino Linotype', serif;
    font-size: 1rem;
    line-height: 1.6;
    color: #d0d0d0;
}

.singles-feed-card-dynamic .singles-full-content p {
    margin-bottom: 0.75rem;
}

.singles-feed-card-dynamic .singles-full-content p:last-child {
    margin-bottom: 0;
}

/* Images within Singles post content */
.singles-feed-card-dynamic .singles-full-content .wp-block-image,
.singles-feed-card-dynamic .singles-full-content img {
    max-width: 400px;
    height: auto;
    border: 1px solid rgba(255, 255, 255, 0.06);
    filter: sepia(0.2) saturate(0.75) brightness(0.7) contrast(1.05);
    transition: filter 0.3s ease;
    cursor: pointer;
    display: block;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.singles-feed-card-dynamic:hover .singles-full-content img {
    filter: sepia(0.1) saturate(0.85) brightness(0.8) contrast(1.05);
}

.singles-feed-card-dynamic .singles-full-content figure {
    margin: 0.75rem 0;
}

.singles-feed-card-dynamic .singles-full-content figcaption {
    font-family: Barlow, 'Franklin Gothic Book', 'Trebuchet MS', sans-serif;
    font-size: 0.8125rem;
    color: #7a7a7a;
    margin-top: 0.35rem;
}

/* Embedded videos within Singles */
.singles-feed-card-dynamic .singles-full-content .wp-block-embed {
    margin: 0.75rem 0;
}

.singles-feed-card-dynamic .singles-full-content .wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.singles-feed-card-dynamic .singles-full-content .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Links within Singles content get a subtle underline */
.singles-feed-card-dynamic .singles-full-content a {
    color: #d4882a;
    text-decoration: underline;
    text-decoration-color: rgba(212, 136, 42, 0.3);
    text-underline-offset: 2px;
    transition: text-decoration-color 0.2s ease;
}

.singles-feed-card-dynamic .singles-full-content a:hover {
    text-decoration-color: rgba(212, 136, 42, 0.8);
}

/* Hashtags display */
.singles-feed-card-dynamic .singles-hashtags {
    margin-top: 0.75rem;
}

.singles-feed-card-dynamic .singles-hashtags a {
    color: #c07218;
    text-decoration: none;
    transition: color 0.2s ease;
}

.singles-feed-card-dynamic .singles-hashtags a:hover {
    color: #d4882a;
}

/* Date styling */
.singles-feed-card-dynamic .singles-date {
    margin-top: 0.4rem;
}

/* Lightbox-style cursor on images */
.singles-feed-card-dynamic .singles-full-content img {
    cursor: zoom-in;
}

/* === Singles Archive Pagination === */
.singles-pagination {
    gap: 0.5rem;
}

.singles-pagination .wp-block-query-pagination-numbers .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.5rem;
    font-family: 'Barlow Condensed', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #7a7a7a;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(24, 24, 24, 0.4);
    transition: all 0.2s ease;
}

.singles-pagination .wp-block-query-pagination-numbers .page-numbers:hover {
    color: #c07218;
    border-color: rgba(192, 114, 24, 0.3);
    background: rgba(192, 114, 24, 0.06);
}

.singles-pagination .wp-block-query-pagination-numbers .page-numbers.current {
    color: #f2f2f2;
    border-color: #c07218;
    background: rgba(192, 114, 24, 0.15);
}

/* === Standard Page Content === */
.page-content .wp-block-post-content {
    font-family: Lora, Georgia, 'Palatino Linotype', serif;
    font-size: 1.0625rem;
    line-height: 1.75;
    color: #d0d0d0;
}

.page-content .wp-block-post-content p {
    margin-bottom: 1.5rem;
}

.page-content .wp-block-post-content h2,
.page-content .wp-block-post-content h3 {
    color: #f2f2f2;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
}

.page-content .wp-block-post-content h4 {
    color: #f2f2f2;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
}

.page-content .wp-block-post-content blockquote,
.page-content .wp-block-post-content .wp-block-quote {
    border-left: 2px solid #c07218 !important;
    padding-left: 1.5rem;
    margin-left: 0;
    margin-right: 0;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.page-content .wp-block-post-content blockquote p,
.page-content .wp-block-post-content .wp-block-quote p {
    font-family: Lora, Georgia, 'Palatino Linotype', serif;
    font-style: italic;
    color: #a0a0a0;
    font-size: 1rem;
    line-height: 1.8;
}

.page-content .wp-block-post-content ul,
.page-content .wp-block-post-content ol {
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
}

.page-content .wp-block-post-content li {
    margin-bottom: 0.5rem;
}

.page-content .wp-block-post-content img {
    border: 1px solid rgba(255, 255, 255, 0.06);
}

/* === Contact Form Styling === */
.page-content input[type="text"],
.page-content input[type="email"],
.page-content input[type="url"],
.page-content input[type="tel"],
.page-content input[type="search"],
.page-content input[type="number"],
.page-content textarea,
.page-content select {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #e8e8e8;
    font-family: Barlow, 'Franklin Gothic Book', 'Trebuchet MS', 'Segoe UI', sans-serif;
    font-size: 0.9375rem;
    padding: 0.65rem 0.85rem;
    width: 100%;
    outline: none;
    transition: border-color 0.25s ease, background 0.25s ease;
    letter-spacing: 0.015em;
    line-height: 1.5;
    -webkit-appearance: none;
    appearance: none;
}

.page-content input[type="text"]:focus,
.page-content input[type="email"]:focus,
.page-content input[type="url"]:focus,
.page-content input[type="tel"]:focus,
.page-content input[type="search"]:focus,
.page-content input[type="number"]:focus,
.page-content textarea:focus,
.page-content select:focus {
    border-color: rgba(192, 114, 24, 0.5);
    background: rgba(255, 255, 255, 0.06);
    box-shadow: 0 0 0 1px rgba(192, 114, 24, 0.15);
}

.page-content input::placeholder,
.page-content textarea::placeholder {
    color: #7a7a7a;
    font-style: italic;
}

.page-content textarea {
    min-height: 150px;
    resize: vertical;
}

.page-content label {
    font-family: 'Barlow Condensed', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #a0a0a0;
    display: block;
    margin-bottom: 0.4rem;
}

.page-content input[type="submit"],
.page-content button[type="submit"],
.page-content .wp-block-button__link {
    background: #c07218;
    color: #0a0a0a;
    border: none;
    font-family: 'Barlow Condensed', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 0.7rem 2rem;
    cursor: pointer;
    transition: background 0.25s ease, transform 0.15s ease;
    display: inline-block;
    text-decoration: none;
}

.page-content input[type="submit"]:hover,
.page-content button[type="submit"]:hover,
.page-content .wp-block-button__link:hover {
    background: #d4882a;
    transform: translateY(-1px);
}

.page-content input[type="submit"]:active,
.page-content button[type="submit"]:active,
.page-content .wp-block-button__link:active {
    transform: translateY(0);
}

/* Jetpack / Contact Form 7 / generic form compatibility */
.page-content .wp-block-jetpack-contact-form label,
.page-content .wpcf7 label {
    font-family: 'Barlow Condensed', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #a0a0a0;
}

.page-content .wp-block-jetpack-contact-form .wp-block-jetpack-button button,
.page-content .wpcf7 input[type="submit"] {
    background: #c07218;
    color: #0a0a0a;
    border: none;
    font-family: 'Barlow Condensed', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 0.7rem 2rem;
    cursor: pointer;
    transition: background 0.25s ease;
}

.page-content .wp-block-jetpack-contact-form .wp-block-jetpack-button button:hover,
.page-content .wpcf7 input[type="submit"]:hover {
    background: #d4882a;
}

/* === Search Results === */
.search-results-bar .wp-block-search__inside-wrapper {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0;
}

.search-results-bar .wp-block-search__input {
    background: transparent;
    border: none;
    color: #e8e8e8;
    font-family: 'Franklin Gothic Book', 'Arial Narrow', 'Trebuchet MS', 'Segoe UI', sans-serif;
    padding: 8px 14px;
}

.search-results-bar .wp-block-search__input::placeholder {
    color: #7a7a7a;
    font-style: italic;
}

.search-results-bar .wp-block-search__input:focus {
    outline: none;
    box-shadow: none;
}

.search-results-bar .wp-block-search__button {
    background: transparent;
    border: none;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    color: #7a7a7a;
    padding: 8px 12px;
    cursor: pointer;
    transition: color 0.2s ease;
}

.search-results-bar .wp-block-search__button:hover {
    color: #c07218;
}

.search-results-bar .wp-block-search__button svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.search-results-feed {
    display: flex;
    flex-direction: column;
}

.search-result-item {
    transition: background 0.2s ease;
}

.search-result-item:hover {
    background: rgba(255, 255, 255, 0.015);
}

.search-result-item:first-child {
    padding-top: 0;
}

.search-result-thumb .wp-block-post-featured-image {
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.search-result-thumb .wp-block-post-featured-image img {
    filter: sepia(0.25) saturate(0.7) brightness(0.65) contrast(1.1);
    transition: filter 0.3s ease;
    display: block;
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.search-result-item:hover .search-result-thumb .wp-block-post-featured-image img {
    filter: sepia(0.15) saturate(0.8) brightness(0.75) contrast(1.1);
}

.search-result-item .wp-block-post-excerpt {
    margin: 0;
}

.search-result-item .wp-block-post-excerpt__excerpt {
    margin: 0;
}

@media (max-width: 520px) {
    .search-result-thumb {
        display: none;
    }
}

/* === Comments Section === */
.single-post-comments .wp-block-comments-title {
    font-family: 'Playfair Display', Georgia, 'Palatino Linotype', serif;
}

.single-post-comments .comment-item:first-child {
    padding-top: 0;
}

.single-post-comments .comment-item:last-child {
    border-bottom: none;
}

.single-post-comments .wp-block-avatar img {
    border-radius: 50%;
    filter: sepia(0.15) saturate(0.8) brightness(0.85);
}

.single-post-comments .wp-block-comment-content p {
    margin-bottom: 0.5rem;
}

.single-post-comments .wp-block-comment-content p:last-child {
    margin-bottom: 0;
}

/* Comment Form Styling */
.single-post-comments .comment-respond {
    margin-top: 2.5rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
}

.single-post-comments .comment-respond .comment-reply-title {
    font-family: 'Barlow Condensed', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: #a0a0a0;
    margin-bottom: 1.5rem;
}

.single-post-comments .comment-respond .comment-reply-title small {
    font-family: 'Barlow Condensed', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif;
    font-size: 0.625rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-left: 0.75rem;
}

.single-post-comments .comment-respond .comment-reply-title small a {
    color: #c07218;
}

.single-post-comments .comment-form label {
    font-family: 'Barlow Condensed', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #a0a0a0;
    display: block;
    margin-bottom: 0.4rem;
}

.single-post-comments .comment-form input[type="text"],
.single-post-comments .comment-form input[type="email"],
.single-post-comments .comment-form input[type="url"],
.single-post-comments .comment-form textarea {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #e8e8e8;
    font-family: Barlow, 'Franklin Gothic Book', 'Trebuchet MS', 'Segoe UI', sans-serif;
    font-size: 0.9375rem;
    padding: 0.65rem 0.85rem;
    width: 100%;
    outline: none;
    transition: border-color 0.25s ease, background 0.25s ease;
    letter-spacing: 0.015em;
    line-height: 1.5;
    -webkit-appearance: none;
    appearance: none;
    margin-bottom: 1.25rem;
}

.single-post-comments .comment-form input[type="text"]:focus,
.single-post-comments .comment-form input[type="email"]:focus,
.single-post-comments .comment-form input[type="url"]:focus,
.single-post-comments .comment-form textarea:focus {
    border-color: rgba(192, 114, 24, 0.5);
    background: rgba(255, 255, 255, 0.06);
    box-shadow: 0 0 0 1px rgba(192, 114, 24, 0.15);
}

.single-post-comments .comment-form input::placeholder,
.single-post-comments .comment-form textarea::placeholder {
    color: #7a7a7a;
    font-style: italic;
}

.single-post-comments .comment-form textarea {
    min-height: 150px;
    resize: vertical;
}

.single-post-comments .comment-form .comment-form-comment,
.single-post-comments .comment-form .comment-form-author,
.single-post-comments .comment-form .comment-form-email,
.single-post-comments .comment-form .comment-form-url {
    margin-bottom: 0;
}

.single-post-comments .comment-form .form-submit {
    margin-top: 0.5rem;
}

.single-post-comments .comment-form input[type="submit"] {
    background: #c07218;
    color: #0a0a0a;
    border: none;
    font-family: 'Barlow Condensed', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 0.7rem 2rem;
    cursor: pointer;
    transition: background 0.25s ease, transform 0.15s ease;
    display: inline-block;
    -webkit-appearance: none;
    appearance: none;
}

.single-post-comments .comment-form input[type="submit"]:hover {
    background: #d4882a;
    transform: translateY(-1px);
}

.single-post-comments .comment-form input[type="submit"]:active {
    transform: translateY(0);
}

.single-post-comments .comment-form .logged-in-as,
.single-post-comments .comment-form .comment-notes {
    font-family: Barlow, 'Franklin Gothic Book', 'Trebuchet MS', 'Segoe UI', sans-serif;
    font-size: 0.8125rem;
    color: #7a7a7a;
    letter-spacing: 0.02em;
    margin-bottom: 1.5rem;
}

.single-post-comments .comment-form .logged-in-as a,
.single-post-comments .comment-form .comment-notes a {
    color: #c07218;
}

.single-post-comments .comment-form .required-field-message {
    font-size: 0.8125rem;
    color: #7a7a7a;
}

/* Nested / threaded comments indent */
.single-post-comments .wp-block-comment-template .wp-block-comment-template {
    padding-left: 1.5rem;
    border-left: 1px solid rgba(192, 114, 24, 0.15);
    margin-left: 1rem;
}

/* No comments yet state */
.single-post-comments .no-comments {
    font-family: Lora, Georgia, 'Palatino Linotype', serif;
    font-size: 0.9375rem;
    font-style: italic;
    color: #5e5e5e;
    margin-bottom: 2rem;
}

/* === Hide Singles Titles (fallback CSS) === */
.singles-home-section .wp-block-post-title,
.singles-archive-feed .wp-block-post-title,
.status-post-wrapper .wp-block-post-title,
.more-singles-feed .wp-block-post-title {
    display: none !important;
}

/* === Single (Status) Template === */
.status-post-wrapper .status-post-content {
    position: relative;
    transition: background 0.2s ease;
}

.status-post-wrapper .status-full-content {
    font-family: Lora, Georgia, 'Palatino Linotype', serif;
    font-size: 1rem;
    line-height: 1.65;
    color: #d0d0d0;
}

.status-post-wrapper .status-full-content p {
    margin-bottom: 0.85rem;
}

.status-post-wrapper .status-full-content p:last-child {
    margin-bottom: 0;
}

.status-post-wrapper .status-full-content img {
    max-width: 100%;
    height: auto;
    border: 1px solid rgba(255, 255, 255, 0.06);
    filter: sepia(0.15) saturate(0.8) brightness(0.75) contrast(1.05);
    display: block;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.status-post-wrapper .status-full-content .wp-block-embed {
    margin: 0.75rem 0;
}

.status-post-wrapper .status-full-content .wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.status-post-wrapper .status-full-content .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.status-post-wrapper .status-full-content a {
    color: #d4882a;
    text-decoration: underline;
    text-decoration-color: rgba(212, 136, 42, 0.3);
    text-underline-offset: 2px;
    transition: text-decoration-color 0.2s ease;
}

.status-post-wrapper .status-full-content a:hover {
    text-decoration-color: rgba(212, 136, 42, 0.8);
}

/* More Singles compact cards */
.more-singles-feed {
    display: flex;
    flex-direction: column;
}

.more-singles-card {
    transition: background 0.2s ease;
    background: rgba(24, 24, 24, 0.4);
}

.more-singles-card:hover {
    background: rgba(30, 30, 30, 0.7);
}

/* Rotating left-border colors on More Singles cards */
.more-singles-card:nth-child(8n+1) { border-left-color: #c07218 !important; }
.more-singles-card:nth-child(8n+2) { border-left-color: #5a6e4e !important; }
.more-singles-card:nth-child(8n+3) { border-left-color: #722f37 !important; }
.more-singles-card:nth-child(8n+4) { border-left-color: #4b5a8c !important; }
.more-singles-card:nth-child(8n+5) { border-left-color: #a0522d !important; }
.more-singles-card:nth-child(8n+6) { border-left-color: #5c6670 !important; }
.more-singles-card:nth-child(8n+7) { border-left-color: #8b4513 !important; }
.more-singles-card:nth-child(8n+8) { border-left-color: #4a6741 !important; }

/* While You're Here card */
.while-here-card {
    background: rgba(24, 24, 24, 0.6);
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
    overflow: hidden;
}

.while-here-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(192, 114, 24, 0.1);
    background: rgba(30, 30, 30, 0.8);
}

.while-here-card .wp-block-post-featured-image {
    margin: 0;
    overflow: hidden;
    flex-shrink: 0;
    width: 120px;
    height: 120px;
}

.while-here-card .wp-block-post-featured-image img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    display: block;
    filter: sepia(0.25) saturate(0.7) brightness(0.65) contrast(1.1);
    transition: filter 0.3s ease, transform 0.4s ease;
}

.while-here-card:hover .wp-block-post-featured-image img {
    filter: sepia(0.15) saturate(0.8) brightness(0.75) contrast(1.1);
    transform: scale(1.05);
}

/* Footer === */
.wp-site-blocks > footer {
    margin-block-start: 0;
}

/* === Last.fm Icon === */
.lastfm-icon-link {
    display: inline-flex;
    align-items: center;
    color: #c07218;
    opacity: 0.6;
    transition: opacity 0.25s ease, color 0.25s ease;
    line-height: 1;
}

.lastfm-icon-link:hover {
    opacity: 1;
    color: #d4882a;
}

.lastfm-icon {
    display: block;
    width: 32px;
    height: 32px;
}

/* === Footer Jetpack Subscribe Form === */
.footer-jetpack-subscribe .wp-block-jetpack-subscriptions__container {
    display: flex;
    flex-direction: row;
    gap: 0;
}

.footer-jetpack-subscribe .wp-block-jetpack-subscriptions__container > div {
    flex: 1;
}

.footer-jetpack-subscribe input[type="email"],
.footer-jetpack-subscribe .wp-block-jetpack-subscriptions__container input[type="email"] {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-right: none !important;
    border-radius: 0 !important;
    color: #e8e8e8 !important;
    font-family: 'Franklin Gothic Book', 'Arial Narrow', 'Trebuchet MS', 'Segoe UI', sans-serif !important;
    font-size: 0.875rem !important;
    letter-spacing: 0.02em;
    padding: 0.5rem 0.75rem !important;
    width: 100% !important;
    outline: none !important;
    transition: border-color 0.2s ease;
    -webkit-appearance: none;
    appearance: none;
    height: auto !important;
    line-height: 1.4 !important;
}

.footer-jetpack-subscribe input[type="email"]::placeholder,
.footer-jetpack-subscribe .wp-block-jetpack-subscriptions__container input[type="email"]::placeholder {
    color: #7a7a7a !important;
    font-style: italic;
}

.footer-jetpack-subscribe input[type="email"]:focus,
.footer-jetpack-subscribe .wp-block-jetpack-subscriptions__container input[type="email"]:focus {
    border-color: rgba(192, 114, 24, 0.4) !important;
    box-shadow: none !important;
}

.footer-jetpack-subscribe button[type="submit"],
.footer-jetpack-subscribe .wp-block-jetpack-subscriptions__container button[type="submit"],
.footer-jetpack-subscribe input[type="submit"],
.footer-jetpack-subscribe .wp-block-button__link {
    background: #c07218 !important;
    color: #0a0a0a !important;
    border: 1px solid #c07218 !important;
    border-radius: 0 !important;
    font-family: 'Barlow Condensed', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    padding: 0.5rem 1rem !important;
    cursor: pointer;
    transition: background 0.25s ease, transform 0.15s ease;
    white-space: nowrap;
    line-height: 1.4 !important;
    height: auto !important;
}

.footer-jetpack-subscribe button[type="submit"]:hover,
.footer-jetpack-subscribe .wp-block-jetpack-subscriptions__container button[type="submit"]:hover,
.footer-jetpack-subscribe input[type="submit"]:hover,
.footer-jetpack-subscribe .wp-block-button__link:hover {
    background: #d4882a !important;
    border-color: #d4882a !important;
    transform: translateY(-1px);
}

/* Success/error message styling */
.footer-jetpack-subscribe .wp-block-jetpack-subscriptions__response,
.footer-jetpack-subscribe .jetpack-subscribe-modal__response {
    font-family: Barlow, 'Franklin Gothic Book', 'Trebuchet MS', sans-serif;
    font-size: 0.8125rem;
    color: #a0a0a0;
    margin-top: 0.5rem;
}

.footer-jetpack-subscribe .wp-block-jetpack-subscriptions__response a {
    color: #c07218;
}

/* Ensure the form stays in a row */
.footer-jetpack-subscribe form {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 0;
}

.footer-jetpack-subscribe .wp-block-jetpack-subscriptions__use-newline {
    display: flex;
    flex-direction: row !important;
    align-items: stretch;
    gap: 0;
}

/* Legacy footer subscribe form (keeping for backward compatibility) */
.footer-subscribe-form {
    margin: 0;
}

.footer-subscribe-field {
    display: flex;
    align-items: center;
}

.footer-subscribe-field input[type="email"] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-right: none;
    color: #e8e8e8;
    font-family: 'Franklin Gothic Book', 'Arial Narrow', 'Trebuchet MS', 'Segoe UI', sans-serif;
    font-size: 0.875rem;
    letter-spacing: 0.02em;
    padding: 0.5rem 0.75rem;
    width: 100%;
    outline: none;
    transition: border-color 0.2s ease;
    -webkit-appearance: none;
    appearance: none;
}

.footer-subscribe-field input[type="email"]::placeholder {
    color: #7a7a7a;
    font-style: italic;
}

.footer-subscribe-field input[type="email"]:focus {
    border-color: rgba(192, 114, 24, 0.4);
}

.footer-subscribe-field button {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-left: none;
    color: #7a7a7a;
    padding: 0.5rem 0.65rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: color 0.2s ease, border-color 0.2s ease;
    line-height: 1;
}

.footer-subscribe-field button:hover {
    color: #c07218;
    border-color: rgba(192, 114, 24, 0.4);
}

.footer-subscribe-field input[type="email"]:focus + button {
    border-color: rgba(192, 114, 24, 0.4);
}

/* === Global Image Cover Enforcement === */
.lp-card img,
.archive-card img,
.related-post-card img,
.explore-recent-card img,
.search-result-thumb img,
.single-card-avatar img,
.singles-feed-avatar img,
.record-card img,
.wp-block-post-featured-image img {
    object-fit: cover;
}

/* === Separator Styling === */
.wp-block-separator.is-style-dots {
    color: #c07218;
}

/* === Scroll Margin for Sticky Nav === */
[id] {
    scroll-margin-top: 80px;
}

/* === Explore / Tag Cloud === */
.explore-cloud {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.5rem 1rem;
    padding: 2rem 0;
}

.explore-cloud a {
    font-family: 'Barlow Condensed', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #c07218;
    text-decoration: none;
    display: inline-block;
    padding: 0.2em 0.35em;
    transition: color 0.25s ease, transform 0.25s ease, text-shadow 0.3s ease;
    position: relative;
    line-height: 1.3;
}

.explore-cloud a:hover {
    color: #d4882a;
    transform: scale(1.08);
    text-shadow: 0 0 18px rgba(192, 114, 24, 0.35), 0 0 4px rgba(192, 114, 24, 0.15);
}

.explore-cloud a.tag-xl {
    font-size: 2rem;
}

.explore-cloud a.tag-lg {
    font-size: 1.5rem;
}

.explore-cloud a.tag-md {
    font-size: 1.125rem;
}

.explore-cloud a.tag-sm {
    font-size: 0.9375rem;
    font-weight: 500;
    opacity: 0.75;
}

.explore-cloud a.tag-xs {
    font-size: 0.8125rem;
    font-weight: 500;
    opacity: 0.6;
}

.explore-cloud a.tag-xl:hover,
.explore-cloud a.tag-lg:hover {
    text-shadow: 0 0 24px rgba(192, 114, 24, 0.45), 0 0 6px rgba(192, 114, 24, 0.2);
}

/* Staggered fade-in for tag cloud items */
@keyframes tagFadeIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.explore-cloud a {
    animation: tagFadeIn 0.4s ease both;
}

.explore-cloud a:nth-child(1) { animation-delay: 0.05s; }
.explore-cloud a:nth-child(2) { animation-delay: 0.08s; }
.explore-cloud a:nth-child(3) { animation-delay: 0.11s; }
.explore-cloud a:nth-child(4) { animation-delay: 0.14s; }
.explore-cloud a:nth-child(5) { animation-delay: 0.17s; }
.explore-cloud a:nth-child(6) { animation-delay: 0.20s; }
.explore-cloud a:nth-child(7) { animation-delay: 0.23s; }
.explore-cloud a:nth-child(8) { animation-delay: 0.26s; }
.explore-cloud a:nth-child(9) { animation-delay: 0.29s; }
.explore-cloud a:nth-child(10) { animation-delay: 0.32s; }
.explore-cloud a:nth-child(11) { animation-delay: 0.35s; }
.explore-cloud a:nth-child(12) { animation-delay: 0.38s; }
.explore-cloud a:nth-child(13) { animation-delay: 0.41s; }
.explore-cloud a:nth-child(14) { animation-delay: 0.44s; }
.explore-cloud a:nth-child(15) { animation-delay: 0.47s; }
.explore-cloud a:nth-child(16) { animation-delay: 0.50s; }
.explore-cloud a:nth-child(17) { animation-delay: 0.53s; }
.explore-cloud a:nth-child(18) { animation-delay: 0.56s; }
.explore-cloud a:nth-child(19) { animation-delay: 0.59s; }
.explore-cloud a:nth-child(20) { animation-delay: 0.62s; }
.explore-cloud a:nth-child(n+21) { animation-delay: 0.65s; }

/* Active tag highlight on archive pages */
.archive-tag-cloud a.tag-active {
    color: #f2f2f2 !important;
    text-shadow: 0 0 20px rgba(192, 114, 24, 0.5), 0 0 6px rgba(192, 114, 24, 0.25);
    text-decoration: underline;
    text-decoration-color: #c07218;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
    opacity: 1 !important;
}

/* Compact cloud inside archive banner */
.archive-banner .explore-cloud {
    padding: 1rem 0 0.5rem;
}

/* Hide cloud on non-tag archives via PHP (shortcode returns empty) */

/* Recently Surfaced Grid */
.explore-recent-grid.is-layout-grid {
    gap: 0.75rem;
}

.explore-recent-card {
    background: rgba(24, 24, 24, 0.6);
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
    overflow: hidden;
}

.explore-recent-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(192, 114, 24, 0.12);
    background: rgba(30, 30, 30, 0.8);
}

.explore-recent-card .wp-block-post-featured-image {
    margin: 0;
    overflow: hidden;
}

.explore-recent-card .wp-block-post-featured-image img {
    filter: sepia(0.25) saturate(0.7) brightness(0.65) contrast(1.1);
    transition: filter 0.3s ease, transform 0.4s ease;
    display: block;
    width: 100%;
    object-fit: cover;
}

.explore-recent-card:hover .wp-block-post-featured-image img {
    filter: sepia(0.15) saturate(0.8) brightness(0.75) contrast(1.1);
    transform: scale(1.05);
}

/* === Header Search Styling === */
.header-search .wp-block-search__inside-wrapper {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0;
}

.header-search .wp-block-search__input {
    background: transparent;
    border: none;
    color: #e8e8e8;
    font-family: 'Franklin Gothic Book', 'Arial Narrow', 'Trebuchet MS', 'Segoe UI', sans-serif;
    font-size: 0.875rem;
    letter-spacing: 0.02em;
    padding: 5px 10px;
}

.header-search .wp-block-search__input::placeholder {
    color: #7a7a7a;
    font-style: italic;
}

.header-search .wp-block-search__input:focus {
    outline: none;
    box-shadow: none;
}

.header-search .wp-block-search__button {
    background: transparent;
    border: none;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    color: #7a7a7a;
    padding: 5px 8px;
    cursor: pointer;
    transition: color 0.2s ease;
}

.header-search .wp-block-search__button:hover {
    color: #c07218;
}

.header-search .wp-block-search__button svg {
    width: 15px;
    height: 15px;
    fill: currentColor;
}

/* === Singles Archive Feed — Social Card Layout === */
.singles-archive-feed {
    gap: 0 !important;
}

.singles-archive-feed .singles-feed-card-dynamic {
    margin-bottom: 2rem;
    padding: 1.5rem 1.5rem 1rem 1.5rem;
    background: rgba(30, 30, 30, 0.65);
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-left-width: 1px !important;
    position: relative;
    transition: background 0.25s ease, border-color 0.25s ease;
}

.singles-archive-feed .singles-feed-card-dynamic:hover {
    background: rgba(38, 38, 38, 0.8);
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.singles-archive-feed .singles-feed-card-dynamic::before {
    display: none;
}

.singles-archive-feed .singles-feed-card-dynamic:last-child {
    margin-bottom: 0;
}

/* Singles archive avatar */
.singles-archive-avatar {
    flex-shrink: 0;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
}

.singles-archive-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: sepia(0.15) saturate(0.85) brightness(0.8);
}

/* Placeholder avatar when no image is set */
.singles-archive-avatar-placeholder {
    flex-shrink: 0;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(192, 114, 24, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.singles-archive-avatar-placeholder svg {
    width: 22px;
    height: 22px;
    color: rgba(192, 114, 24, 0.4);
}

/* Singles archive action icons row */
.singles-action-icons {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
}

.singles-action-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #7a7a7a;
    cursor: pointer;
    transition: color 0.2s ease, transform 0.15s ease;
    padding: 0.2rem;
    text-decoration: none;
    border: none;
    background: none;
}

.singles-action-icon:hover {
    color: #c07218;
    transform: scale(1.12);
}

.singles-action-icon svg {
    display: block;
    width: 16px;
    height: 16px;
}

.singles-action-icon.is-liked {
    color: #c07218;
}

/* === RSOTD Archive Grid === */
.rsotd-grid.is-layout-grid {
    gap: 0.75rem;
}

.rsotd-card {
    background: rgba(24, 24, 24, 0.6);
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
    overflow: hidden;
}

.rsotd-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(192, 114, 24, 0.12);
    background: rgba(30, 30, 30, 0.8);
}

.rsotd-card .wp-block-post-featured-image {
    margin: 0;
    overflow: hidden;
}

.rsotd-card .wp-block-post-featured-image img {
    filter: sepia(0.2) saturate(0.75) brightness(0.7) contrast(1.05);
    transition: filter 0.3s ease, transform 0.4s ease;
    display: block;
    width: 100%;
    object-fit: cover;
}

.rsotd-card:hover .wp-block-post-featured-image img {
    filter: sepia(0.1) saturate(0.85) brightness(0.8) contrast(1.05);
    transform: scale(1.05);
}

/* RSOTD Custom Fields */
.rsotd-custom-fields {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.rsotd-song-name {
    font-family: 'Playfair Display', Georgia, 'Palatino Linotype', serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #f2f2f2;
    line-height: 1.3;
}

.rsotd-artist-name {
    font-family: Barlow, 'Franklin Gothic Book', 'Trebuchet MS', sans-serif;
    font-size: 0.6875rem;
    font-weight: 400;
    color: #a0a0a0;
    letter-spacing: 0.02em;
}

@media (max-width: 900px) {
    .rsotd-grid.is-layout-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 600px) {
    .rsotd-grid.is-layout-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* === Bin Diving Archive Feed === */
.bin-diving-feed {
    display: flex;
    flex-direction: column;
}

.bin-diving-entry {
    transition: background 0.2s ease;
}

.bin-diving-entry:hover {
    background: rgba(255, 255, 255, 0.015);
}

.bin-diving-entry:first-child {
    padding-top: 0;
}

.bin-diving-thumb .wp-block-post-featured-image {
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.bin-diving-thumb .wp-block-post-featured-image img {
    filter: sepia(0.25) saturate(0.7) brightness(0.65) contrast(1.1);
    transition: filter 0.3s ease;
    display: block;
    width: 180px;
    height: auto;
    object-fit: cover;
}

.bin-diving-entry:hover .bin-diving-thumb .wp-block-post-featured-image img {
    filter: sepia(0.15) saturate(0.8) brightness(0.75) contrast(1.1);
}

@media (max-width: 640px) {
    .bin-diving-thumb {
        display: none;
    }
}

/* === Needle Drop Archive Grid === */
.needle-drop-grid.is-layout-grid {
    gap: 0.75rem;
}

.needle-drop-card {
    background: rgba(24, 24, 24, 0.6);
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
    overflow: hidden;
}

.needle-drop-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(192, 114, 24, 0.12);
    background: rgba(30, 30, 30, 0.8);
}

.needle-drop-card .wp-block-post-featured-image {
    margin: 0;
    overflow: hidden;
}

.needle-drop-card .wp-block-post-featured-image img {
    filter: sepia(0.15) saturate(0.8) brightness(0.75) contrast(1.05);
    transition: filter 0.3s ease, transform 0.4s ease;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.needle-drop-card:hover .wp-block-post-featured-image img {
    filter: sepia(0.08) saturate(0.9) brightness(0.85) contrast(1.05);
    transform: scale(1.05);
}

/* Needle Drop Custom Fields */
.needle-drop-custom-fields {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.nd-album-name {
    font-family: 'Playfair Display', Georgia, 'Palatino Linotype', serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #f2f2f2;
    line-height: 1.3;
}

.nd-artist-name {
    font-family: Barlow, 'Franklin Gothic Book', 'Trebuchet MS', sans-serif;
    font-size: 0.6875rem;
    font-weight: 400;
    color: #a0a0a0;
    letter-spacing: 0.02em;
}

@media (max-width: 900px) {
    .needle-drop-grid.is-layout-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 600px) {
    .needle-drop-grid.is-layout-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* === Scott's Brain Archive === */
.scotts-brain-feed {
    display: flex;
    flex-direction: column;
}

.scotts-brain-entry {
    transition: background 0.2s ease;
    position: relative;
}

.scotts-brain-entry:hover {
    background: rgba(255, 255, 255, 0.015);
}

.scotts-brain-entry:first-child {
    padding-top: 0;
}

/* Title prominence for essay index */
.scotts-brain-entry .wp-block-post-title {
    font-size: 1.5rem;
}

.scotts-brain-entry .wp-block-post-title a {
    transition: color 0.2s ease;
}

/* Tag badges on Scott's Brain entries */
.scotts-brain-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.scotts-brain-tags a {
    display: inline-block;
    padding: 0.15em 0.55em;
    border: 1px solid rgba(192, 114, 24, 0.3);
    background: rgba(192, 114, 24, 0.06);
    font-size: 0.6875rem !important;
    letter-spacing: 0.06em;
    transition: background 0.2s ease, border-color 0.2s ease;
    line-height: 1.6;
}

.scotts-brain-tags a:hover {
    background: rgba(192, 114, 24, 0.12);
    border-color: rgba(192, 114, 24, 0.5);
}

/* Thumbnail — subtle presence when available, layout intact without it */
.scotts-brain-thumb {
    flex-shrink: 0;
}

.scotts-brain-thumb .wp-block-post-featured-image {
    margin: 0;
    overflow: hidden;
    border-radius: 2px;
}

.scotts-brain-thumb .wp-block-post-featured-image img {
    filter: sepia(0.25) saturate(0.7) brightness(0.65) contrast(1.1);
    transition: filter 0.3s ease;
    display: block;
    width: 90px;
    height: 90px;
    object-fit: cover;
}

.scotts-brain-entry:hover .scotts-brain-thumb .wp-block-post-featured-image img {
    filter: sepia(0.15) saturate(0.8) brightness(0.75) contrast(1.1);
}

/* When no featured image exists, the thumbnail column collapses gracefully */
.scotts-brain-thumb .wp-block-post-featured-image:empty {
    display: none;
}

@media (max-width: 520px) {
    .scotts-brain-thumb {
        display: none;
    }

    .scotts-brain-entry .wp-block-post-title {
        font-size: 1.25rem;
    }
}

/* === Bin Diving Album Entry Block (Shortcode) === */
.bd-album-card {
    display: flex;
    gap: 1.25rem;
    padding: 1.25rem;
    margin: 1.5rem 0;
    background: rgba(24, 24, 24, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.06);
    transition: background 0.2s ease;
}

.bd-album-card:hover {
    background: rgba(30, 30, 30, 0.8);
}

.bd-album-cover {
    flex-shrink: 0;
    width: 120px;
    height: 120px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.bd-album-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: sepia(0.15) saturate(0.8) brightness(0.75) contrast(1.05);
    transition: filter 0.3s ease;
}

.bd-album-card:hover .bd-album-cover img {
    filter: sepia(0.08) saturate(0.9) brightness(0.85) contrast(1.05);
}

.bd-album-content {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.bd-album-title {
    font-family: 'Playfair Display', Georgia, 'Palatino Linotype', serif;
    font-size: 1rem;
    font-weight: 600;
    color: #f2f2f2;
    line-height: 1.3;
}

.bd-album-artist {
    font-family: Barlow, 'Franklin Gothic Book', 'Trebuchet MS', sans-serif;
    font-size: 0.8125rem;
    font-weight: 400;
    color: #a0a0a0;
    letter-spacing: 0.02em;
}

.bd-rating-badge {
    display: inline-block;
    padding: 0.2em 0.65em;
    font-family: 'Barlow Condensed', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border-radius: 2px;
    margin-top: 0.2rem;
    width: fit-content;
}

.bd-badge-far-out {
    background: rgba(192, 114, 24, 0.2);
    color: #d4882a;
    border: 1px solid rgba(192, 114, 24, 0.4);
}

.bd-badge-copacetic {
    background: rgba(90, 110, 78, 0.2);
    color: #8ba878;
    border: 1px solid rgba(90, 110, 78, 0.4);
}

.bd-badge-bummer {
    background: rgba(114, 47, 55, 0.2);
    color: #b06670;
    border: 1px solid rgba(114, 47, 55, 0.4);
}

.bd-album-comment {
    font-family: Lora, Georgia, 'Palatino Linotype', serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.6;
    color: #d0d0d0;
    margin-top: 0.25rem;
}

.bd-listen-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.5rem;
    font-family: 'Barlow Condensed', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #c07218;
    text-decoration: none;
    padding: 0.35rem 0.85rem;
    border: 1px solid rgba(192, 114, 24, 0.4);
    background: rgba(192, 114, 24, 0.06);
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    width: fit-content;
}

.bd-listen-link:hover {
    background: rgba(192, 114, 24, 0.15);
    color: #d4882a;
    border-color: rgba(192, 114, 24, 0.6);
}

.bd-listen-link svg {
    display: block;
}

@media (max-width: 520px) {
    .bd-album-card {
        flex-direction: column;
    }

    .bd-album-cover {
        width: 100%;
        height: 180px;
    }
}

/* === Needle Drop Listen-Along Block (Shortcode) === */
.nd-listen-along-card {
    margin: 1.5rem 0;
    padding: 1.25rem 1.5rem;
    background: rgba(24, 24, 24, 0.6);
    border: 1px solid rgba(192, 114, 24, 0.2);
    border-left: 3px solid #c07218;
    position: relative;
}

.nd-listen-along-label {
    font-family: 'Barlow Condensed', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: #c07218;
    margin-bottom: 0.65rem;
}

.nd-listen-along-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.nd-listen-along-info {
    flex: 1;
    min-width: 0;
}

.nd-listen-along-album {
    font-family: 'Playfair Display', Georgia, 'Palatino Linotype', serif;
    font-size: 1.25rem;
    font-weight: 600;
    color: #f2f2f2;
    line-height: 1.25;
    margin-bottom: 0.2rem;
}

.nd-listen-along-meta {
    font-family: Barlow, 'Franklin Gothic Book', 'Trebuchet MS', sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    color: #a0a0a0;
    letter-spacing: 0.02em;
}

.nd-listen-along-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'Barlow Condensed', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #0a0a0a;
    background: #c07218;
    padding: 0.6rem 1.25rem;
    text-decoration: none;
    transition: background 0.25s ease, transform 0.15s ease;
    white-space: nowrap;
    flex-shrink: 0;
}

.nd-listen-along-btn:hover {
    background: #d4882a;
    color: #0a0a0a;
    transform: translateY(-1px);
}

.nd-listen-along-btn svg {
    display: block;
}

@media (max-width: 520px) {
    .nd-listen-along-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .nd-listen-along-btn {
        width: 100%;
        justify-content: center;
    }
}

/* === Category Pills === */
.cat-pill {
    display: inline-block;
    padding: 0.15em 0.6em;
    font-family: 'Barlow Condensed', 'Franklin Gothic Medium', 'Arial Narrow', sans-serif;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border-radius: 999px;
    line-height: 1.6;
    width: fit-content;
    margin-bottom: 0.4rem;
    /* Option A — pure black (swap in for Option B if preferred): background: #000; */
    /* Option B — near-black, very slightly transparent: */
    background: rgba(0, 0, 0, 0.85);
}

.cat-pill--rsotd      { color: #d4882a; border: 1px solid rgba(212, 136, 42, 0.35); }
.cat-pill--bin-diving  { color: #8ba878; border: 1px solid rgba(90, 110, 78, 0.35); }
.cat-pill--needle-drop { color: #c08048; border: 1px solid rgba(160, 100, 50, 0.35); }
.cat-pill--scotts-brain{ color: #8090c8; border: 1px solid rgba(75, 90, 140, 0.35); }

/* Pill linked to its category archive.
   z-index lifts it above the card's absolutely positioned featured-image link
   (z-index 1) so clicks resolve to the category, not the post. */
.cat-pill-link {
    display: inline-block;
    position: relative;
    z-index: 3;
    text-decoration: none;
}

.cat-pill-link .cat-pill {
    transition: border-color 0.2s ease, background-color 0.2s ease, filter 0.2s ease;
}

/* Hover reads as clickable and stays distinct from the card's own hover (which
   lifts the card and brightens the artwork): the border resolves from its muted
   alpha to the category's full colour via currentColor, so each modifier keeps
   its own hue without a per-category hover rule. */
.cat-pill-link:hover .cat-pill,
.cat-pill-link:focus-visible .cat-pill {
    border-color: currentColor;
    background-color: #000;
    filter: brightness(1.25);
}

.cat-pill-link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* Block wrapper used on single-post-title to align pill with the constrained h1 column.
   Cancel the layout block-gap WordPress inserts between the wrapper and the h1. */
.cat-pill-wrap + .wp-block-post-title {
    margin-block-start: 0;
}