/**
 * Dini Petty Custom Styles
 * Brand Colors: #212121 (dark), #bc9c2d (gold)
 *
 * This file overrides the main plugin styles.
 * Edit freely - won't be affected by plugin updates.
 */

/* ===========================================
   BRAND COLORS
   =========================================== */

:root {
    --dp-primary: #212121;
    --dp-accent: #bc9c2d;
    --dp-accent-hover: #a38826;
    --dp-accent-light: #d4b84a;
    --dp-accent-bg: #f8f5eb;
}

/* ===========================================
   SEARCH INTERFACE
   =========================================== */

/* Search button */
.dinipetty-search-btn {
    background-color: var(--dp-accent);
}

.dinipetty-search-btn:hover {
    background-color: var(--dp-accent-hover);
}

/* Search input focus */
.dinipetty-search-input:focus {
    border-color: var(--dp-accent);
}

/* ===========================================
   CARDS & RESULTS
   =========================================== */

/* Episode badge */
.dinipetty-episode-badge {
    color: var(--dp-accent);
    background: var(--dp-accent-bg);
}

/* Card hover */
.dinipetty-guest-card:hover {
    border-color: var(--dp-accent);
}

/* Guest list border */
.dinipetty-guest-item {
    border-left-color: var(--dp-accent);
}

/* ===========================================
   PAGINATION
   =========================================== */

.dinipetty-page-btn:hover {
    border-color: var(--dp-accent);
}

.dinipetty-page-btn.active {
    background: var(--dp-accent);
    border-color: var(--dp-accent);
}

/* ===========================================
   STATISTICS
   =========================================== */

.dinipetty-stat-value {
    color: var(--dp-accent);
}

/* ===========================================
   LOADING SPINNER
   =========================================== */

.dinipetty-spinner {
    border-top-color: var(--dp-accent);
}

/* ===========================================
   COLLECTIONS & TIMELINE
   =========================================== */

.collection-icon {
    color: var(--dp-accent);
}

.collection-episodes.timeline-layout::before {
    background: linear-gradient(to bottom, var(--dp-accent), var(--dp-accent-light));
}

.collection-episodes.timeline-layout .episode-card::before {
    background: var(--dp-accent);
    box-shadow: 0 0 0 2px var(--dp-accent);
}

.episode-card:hover {
    border-color: var(--dp-accent);
    box-shadow: 0 8px 24px rgba(188, 156, 45, 0.15);
}

.episode-date {
    color: var(--dp-accent);
}

.topic-tag:hover {
    background: var(--dp-accent);
}

/* ===========================================
   ABOUT SECTION (if using shortcode)
   =========================================== */

.about-section h3 {
    border-left-color: var(--dp-accent);
}

.stat-number {
    color: var(--dp-accent);
}

/* ===========================================
   LICENSING CTA
   =========================================== */

.licensing-cta {
    background: linear-gradient(135deg, var(--dp-accent) 0%, var(--dp-accent-hover) 100%);
}

.cta-button {
    color: var(--dp-accent);
}

.license-card:hover {
    border-color: var(--dp-accent);
}

.license-card li:before {
    color: var(--dp-accent);
}

.step-number {
    background: var(--dp-accent);
}

/* ===========================================
   FEATURED CARDS
   =========================================== */

.featured-card:nth-child(1) {
    background: linear-gradient(135deg, var(--dp-accent) 0%, var(--dp-accent-hover) 100%);
}