/* 2026 "Him & Her" theme: parchment backgrounds, navy type, cream cards.
   Loaded after main.css (static files are included in sorted order), so these rules override it. */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Oswald:wght@400;500;600&display=swap');

:root {
    --primary-color: #1c3765;
    --secondary-color: #b9a27a;
    --cs-navy: #1c3765;
    --cs-navy-deep: #12264a;
    --cs-cream: #f6ead0;
    --cs-umber: #4f3519;
    --cs-card: rgba(255, 250, 240, .82);
    --cs-card-border: rgba(28, 55, 101, .18);
    --cs-card-shadow: 0 4px 14px rgba(70, 48, 22, .12);
}

/* daisyUI palette (oklch "L C H") */
[data-theme] {
    --p: 34.18% 0.0874 260.36;
    --pc: 93.98% 0.0366 86.17;
    --b1: 98.03% 0.0142 84.58;
    --b2: 93.96% 0.0286 84.59;
    --b3: 87.23% 0.0477 83.92;
    --bc: 28.41% 0.0384 261.05;
    --fallback-b1: #fdf8ee;
}

/* Page background */
#page-content,
.blue-background {
    background:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .45 0 0 0 0 .30 0 0 0 0 .12 0 0 0 .3 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),
        radial-gradient(ellipse at 50% 0%, rgba(246, 234, 207, .95) 0%, rgba(232, 214, 177, .5) 45%, transparent 75%),
        radial-gradient(ellipse at 0% 100%, rgba(107, 77, 43, .30), transparent 55%),
        linear-gradient(170deg, #e2cda3 0%, #d3b685 55%, #c09a63 100%);
    background-blend-mode: multiply, normal, normal, normal;
    color: #1f2a3d;
}
.white-background {
    background: rgba(255, 250, 240, .72);
}

/* Headings */
#page-content h1:not(.home-title),
#page-content h2,
#page-content h3,
.top-nav-title {
    font-family: 'Oswald', sans-serif;
    color: var(--cs-navy);
}
.top-nav {
    background: transparent;
}
.top-nav-title {
    font-weight: 600;
    font-size: 16px;
    letter-spacing: .16em;
    text-transform: uppercase;
}
.top-nav .btn-ghost {
    color: var(--cs-navy);
}
.page-eyebrow {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: .2em;
    text-transform: uppercase;
    text-align: center;
    color: var(--cs-navy-deep);
}

/* Cards */
.timeline-box,
.speaker-card,
.sponsor-card,
#page-content .card:not(.card-side) {
    background: var(--cs-card);
    border: 1px solid var(--cs-card-border);
    box-shadow: var(--cs-card-shadow);
    border-radius: 12px;
}
.speaker-card .speaker-name,
.sponsor-card .sponsor-name,
.card .speaker-name,
.card .sponsor-name {
    color: var(--cs-navy);
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    letter-spacing: .02em;
}
.speaker-detail-view .speaker-detail-body,
.sponsor-detail-view .sponsor-detail-body {
    background: rgba(255, 250, 240, .78);
}
.prayer-card {
    border-bottom-color: rgba(28, 55, 101, .2);
}

/* Agenda timeline */
.timeline .text-primary,
.timeline-start span {
    font-family: 'Oswald', sans-serif;
    letter-spacing: .04em;
}

/* Buttons */
.btn-glass {
    background: var(--cs-card);
    border: 1px solid var(--cs-card-border);
    color: var(--cs-navy);
    font-family: 'Oswald', sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.btn-glass.btn-primary {
    background: var(--cs-navy);
    border-color: var(--cs-navy);
    color: var(--cs-cream);
}

/* Bottom navigation */
.btm-nav {
    background: #f6ecd8;
    border-top: 1px solid rgba(28, 55, 101, .25);
}
.btm-nav .nav-item {
    color: #8a7a5c;
    font-family: 'Oswald', sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.btm-nav .nav-item:hover,
.btm-nav .nav-item.active {
    color: var(--cs-navy);
    background: transparent;
}

/* Q&A tabs */
.tab.tab-active {
    --tab-bg: rgba(255, 250, 240, .85) !important;
    --tab-border-color: var(--cs-card-border);
    color: var(--cs-navy);
    font-weight: 600;
}

/* Speaker / sponsor list chevrons */
.speaker-card .speaker-btn,
.sponsor-card .sponsor-btn {
    color: rgba(28, 55, 101, .55);
}

/* Prayer times as cards */
.prayer-card {
    background: var(--cs-card);
    border: 1px solid var(--cs-card-border);
    box-shadow: var(--cs-card-shadow);
    border-radius: 12px;
    margin: 16px 24px 0;
    padding: 20px 24px;
}
.prayer-card p:first-child,
.prayer-card span:first-child {
    font-family: 'Oswald', sans-serif;
    letter-spacing: .08em;
}

/* Q&A like button (state toggled instantly by qa-live.js) */
.qa-like {
    background: none;
    border: 1px solid var(--primary-color);
}
.qa-like.liked i {
    color: var(--red);
}
.qa-flash {
    transition: opacity .5s;
}

/* Agenda tag filter pills and session tag badges */
#agenda-filter {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    padding: 16px 24px 0;
}
.tag-pill {
    padding: 4px 14px;
    border-radius: 999px;
    border: 1px solid var(--cs-navy);
    background: rgba(255, 250, 240, .7);
    color: var(--cs-navy);
    font-family: 'Oswald', sans-serif;
    font-size: 13px;
    letter-spacing: .06em;
    text-transform: uppercase;
    transition: background-color .15s, color .15s;
}
.tag-pill.active {
    background: var(--cs-navy);
    color: var(--cs-cream);
}
.tag-badge {
    background: transparent;
    border: 1px solid var(--cs-card-border);
    color: var(--cs-navy);
    font-family: 'Oswald', sans-serif;
    letter-spacing: .04em;
}
.timeline > li[hidden] {
    display: none;
}