.route.sermons-route .sermons-header {
    height: auto;
}

/* Match colors from mp-event-details-widget.css */
/* Primary colors */
:root {
    --sermon-primary: #2196f3;
    --sermon-button-primary: #4a95ec;
    --sermon-button-hover: #4684ca;
    --sermon-button-active: #4273aa;
    --sermon-text-color: #565656;
    --sermon-card-title: #696969;
    --sermon-card-header: #6c757d;
    --sermon-secondary: #88a0af;
    --sermon-border: #b4c5cf;
}

/* Sermon widget color theming to match site */
.sermons-app {
    color: var(--sermon-text-color);
    font-family: sans-serif;
}

/* Series header */
.sermons-app .series-header {
    background-color: var(--sermon-card-header);
}

/* Titles */
.sermons-app .campus-text,
.sermons-app h1.campus-text,
.sermons-app .sermon-title.campus-text {
    color: var(--sermon-card-title);
}

.sermons-app h1.campus-text {
    color: var(--sermon-card-title);
    font-weight: bold;
}

.sermons-app h4 {
    color: var(--sermon-text-color);
}

/* Series description */
.sermons-app .series-description {
    color: var(--sermon-text-color);
}

/* Sermon items */
.sermons-app .sermon {
    border-color: var(--sermon-border);
}

.sermons-app .sermon.campus-border {
    border-color: var(--sermon-border);
}

/* Sermon date */
.sermons-app .sermon-date {
    color: var(--sermon-secondary);
}

/* Sermon info (speaker) */
.sermons-app .sermon-info {
    color: var(--sermon-text-color);
}

/* Sermon title links */
.sermons-app .sermon-title {
    color: var(--sermon-button-primary);
    text-decoration: none;
}

.sermons-app .sermon-title:hover,
.sermons-app .sermon-title:focus {
    color: var(--sermon-button-hover);
    text-decoration: underline;
}

.sermons-app .sermon-title:active {
    color: var(--sermon-button-active);
}

/* Action buttons (Watch/Listen) */
.sermons-app .sermon-actions a {
    color: var(--sermon-button-primary);
    text-decoration: none;
}

.sermons-app .sermon-actions a:hover,
.sermons-app .sermon-actions a:focus {
    color: var(--sermon-button-hover);
    text-decoration: underline;
}

.sermons-app .sermon-actions a:active {
    color: var(--sermon-button-active);
}

/* Social share buttons */
.sermons-app .social-button {
    color: var(--sermon-button-primary);
}

.sermons-app .social-button:hover,
.sermons-app .social-button:focus {
    color: var(--sermon-button-hover);
}

.sermons-app .social-button:active {
    color: var(--sermon-button-active);
}

/* Share interface label */
.sermons-app .share-interface label {
    color: var(--sermon-text-color);
}