/* Lift the accent from ochre to a brighter, higher chroma gold. */
:root{--djd-gold-bright:#ffc93c;--djd-gold-lift:#ffe08a;--djd-gold-deep:#c8901b}

/* The theme paints its gold as rgb(200,169,81). Low saturation is what made */
/* it read flat on the dark panels. These map the same roles to a lit gold. */
a[style*="200, 169, 81"],span[style*="200, 169, 81"]{color:#ffc93c}
.has-gold-color,.has-accent-color{color:#ffc93c}
.has-gold-background-color,.has-accent-background-color{background-color:#ffc93c}

/* Section eyebrows and small caps labels carry most of the gold on the site. */
.djd-eyebrow,.djd-kicker,.wp-block-heading em,.entry-meta a,.cat-links a{color:#ffc93c}

/* Rules and dividers: a flat gold hairline is the other thing that dulls it. */
hr.wp-block-separator{border-color:rgba(255,201,60,.45)}

/* Buttons: a gradient reads lit rather than painted. */
.wp-block-button__link{background-image:linear-gradient(95deg,#34f5e1,#ffc93c);color:#0f0e1a;border:0;font-weight:600}
.wp-block-button__link:hover{background-image:linear-gradient(95deg,#5cf8e8,#ffe08a);color:#0f0e1a}
.wp-block-button.is-style-outline .wp-block-button__link{background-image:none;color:#ffc93c;border:1px solid rgba(255,201,60,.55)}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:rgba(255,201,60,.12);color:#ffe08a}

/* Links inside body copy: brighter on hover so the page feels alive. */
.entry-content a:not(.wp-block-button__link):hover{color:#ffe08a}

/* Give headings a little depth instead of flat fill. */
.entry-content h2,.entry-content h3{text-shadow:0 1px 0 rgba(0,0,0,.35)}
/* Repoint the theme accent tokens from the old ochre to the lit gold, so the */
/* rest of the site reads as one palette rather than two. */
:root{
--newspack-theme-color-link:#ffc93c;
--newspack-theme-color-link-hover:#c8901b;
--newspack-theme-color-secondary:#ffc93c;
--newspack-theme-color-secondary-variation:#c8901b;
--newspack-secondary-color:#ffc93c;
--wp--preset--color--secondary:#ffc93c;
}

/* The related post headlines at the foot of an article set no colour on the */
/* anchor, so they fell through to the theme link colour. Pin them to cream. */
/* Button shaped links inside an article were taking the article link colour
   from an !important rule, which put gold text on their own gold fill. Give
   them back their dark label. */
html body.single .entry-content a.djd-inline-cta-btn,
html body.single .entry-content a.wp-block-button__link{color:#0f0e1a !important}

html body .djd-related-grid .djd-related-item-title a{color:#f5f0e8 !important}
html body .djd-related-grid .djd-related-item-title a:hover{color:#ffc93c !important}

/* Hire DJ nav button — highest-priority specificity to beat dark theme overrides */
#masthead .menu-item.djd-hire-btn > a,
.main-navigation .menu-item.djd-hire-btn > a,
ul.menu .djd-hire-btn > a,
li.djd-hire-btn > a{background:#ffffff!important;color:#0f0e1a!important;border-radius:2px!important}
/* Newsletter submit button — hard override for cascade winner */
.djd-nl .djd-nl-btn,.djd-nl button{background:#c0244a!important;color:#ffffff!important;border-color:#c0244a!important}


/* Card hover lift effect */
.post, article.type-post, .cat-featured-post {
    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
    border-radius: 4px;
    overflow: hidden;
}
.post:hover, article.type-post:hover, .cat-featured-post:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.35);
}
/* Fix section category label headings (were 15px, smaller than body) */
.article-section-title, .cat-section-title, .section-header__title {
    font-size: 11px !important;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
/* Respect user reduced-motion preference */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}


/* Hide Newspack credit bar entirely — block footer has own copyright + privacy link */
.site-info { display: none !important; }
/* Hide duplicate text-only social links (○ Instagram ○ SoundCloud) inside footer block.
   The standalone SVG icon row (Find us) is kept. */
footer .djd-social-row { display: none !important; }

.djd-share-bar{display:flex;align-items:center;gap:8px;margin:2em 0 1em;padding:1em 0;border-top:1px solid rgba(255,255,255,0.1);flex-wrap:wrap}.djd-share-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.6;margin-right:4px}.djd-share-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:4px;font-size:13px;font-weight:500;text-decoration:none!important;border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.05);color:inherit!important;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;font-family:inherit;line-height:1}.djd-share-btn:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.35);transform:translateY(-1px)}.djd-share-x:hover{border-color:#1d9bf0;color:#1d9bf0!important}.djd-share-fb:hover{border-color:#1877f2;color:#1877f2!important}.djd-share-copy:hover{border-color:#aaa}

.djd-related{margin:2.5em 0;padding:2em 0;border-top:1px solid rgba(255,255,255,0.1)}
.djd-related-title{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin:0 0 1.2em}
.djd-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2em}
@media(max-width:640px){.djd-related-grid{grid-template-columns:1fr}}
@media(min-width:641px) and (max-width:900px){.djd-related-grid{grid-template-columns:repeat(2,1fr)}}
.djd-related-card{display:flex;flex-direction:column;text-decoration:none!important;color:inherit!important;border:1px solid rgba(255,255,255,0.08);border-radius:4px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.djd-related-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.35);border-color:rgba(255,255,255,0.18)}
.djd-related-thumb{aspect-ratio:16/9;overflow:hidden;background:#1a1a1a}
.djd-related-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.djd-related-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1e1e1e,#2a2a2a)}
.djd-related-body{padding:.8em .9em .9em;flex:1}
.djd-related-cat{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:.55;margin-bottom:.4em}
.djd-related-heading{font-size:.9em;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}


.djd-breadcrumb{font-size:11px;letter-spacing:.05em;opacity:.55;margin-bottom:1.2em;padding:.4em 0}
.djd-breadcrumb a{color:inherit;text-decoration:none;opacity:.8}
.djd-breadcrumb a:hover{opacity:1;text-decoration:underline}
.djd-breadcrumb .breadcrumb_last{opacity:1}