/* PANDA — vienotie kampaņu stili (GoAd / UAd / TAd + AI disclosure) */
/* ── TOPBAR ── */
#panda-topbar { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; }
.panda-topbar-inner {
    display: flex; align-items: center; justify-content: center; gap: 12px;
    flex-wrap: wrap; text-align: center; padding: 10px 42px 10px 16px;
    font-size: 0.78rem; position: relative;
}
.panda-topbar-cta { text-decoration: none; white-space: nowrap; font-weight: 700; }
.panda-topbar-close {
    position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
    cursor: pointer; opacity: 0.55; font-size: 0.8rem;
    background: none; border: none; padding: 2px 8px; font-family: inherit;
}
.panda-topbar-close:hover { opacity: 1; }

/* GoAd topbar — tumšais opencode */
.panda-topbar-go {
    background: #111; border-bottom: 1px solid #2a2a2a;
    color: hsl(0, 15%, 94%);
}
.panda-topbar-go .panda-topbar-cta {
    color: #0c0c0c; background: hsl(62, 84%, 88%);
    padding: 5px 14px; border-radius: 6px; font-size: 0.74rem;
}
.panda-topbar-go .panda-topbar-close { color: #fff; }

/* UAd topbar — gaišais upit.lv */
.panda-topbar-upit {
    background: rgba(253, 252, 248, 0.96); border-bottom: 1px solid #F1F5F9;
    color: #1E293B;
}
.panda-topbar-upit .panda-topbar-cta {
    color: #fff; background: #6D28D9;
    padding: 6px 18px; border-radius: 999px; font-size: 0.76rem;
}
.panda-topbar-upit .panda-topbar-close { color: #475569; }
.panda-topbar-logo { height: 18px; width: auto; display: inline-block; vertical-align: middle; margin-right: 2px; }

/* TAd topbar — trandins.lv HUD */
.panda-topbar-tad {
    background: #12101c; border-bottom: 1px solid rgba(154, 159, 253, 0.3);
    color: #e9e7f5;
}
.panda-topbar-tad .panda-topbar-cta {
    color: #fff; background: linear-gradient(135deg, #ec4899, #9a9ffd);
    padding: 6px 18px; border-radius: 999px; font-size: 0.76rem;
    box-shadow: 0 0 16px rgba(154, 159, 253, 0.35);
}
.panda-topbar-tad .panda-topbar-close { color: #9a9ffd; }

/* TAd wordmark */
.tad-wordmark { vertical-align: middle;
    display: inline-flex; align-items: center; gap: 8px;
    font-weight: 800; letter-spacing: -0.5px; font-family: "Outfit", sans-serif; color: #e9e7f5;
}
.tad-wordmark svg { filter: drop-shadow(0 0 5px rgba(154, 159, 253, 0.8)); flex-shrink: 0; }
.tad-wordmark .name { display: inline-flex; align-items: center; white-space: nowrap; }
.tad-wordmark .t { color: #9a9ffd; filter: drop-shadow(0 0 5px rgba(154, 159, 253, 0.5)); }

/* ── BANERIS ── */
#panda-banner { max-width: 1200px; margin: 2rem auto; }
.panda-banner-card {
    padding: 1.5rem 1.8rem; border-radius: 16px; text-align: center;
}
.panda-banner-card .panda-banner-tag {
    display: inline-block; font-size: 0.65rem; font-weight: 700;
    letter-spacing: 0.08em; text-transform: uppercase;
    border-radius: 999px; padding: 2px 10px; margin-bottom: 8px;
}
.panda-banner-card .panda-banner-title {
    font-weight: 700; font-size: 1.15rem; margin-bottom: 6px;
}
.panda-banner-card .panda-banner-msg { font-size: 0.9rem; color: #555; margin-bottom: 1rem; }
.panda-banner-card .panda-banner-cta {
    display: inline-flex; align-items: center; text-decoration: none;
    font-size: 0.82rem; font-weight: 700; padding: 9px 20px;
    border-radius: 999px; white-space: nowrap;
}

/* GoAd baneris */
.panda-banner-go { background: #111; border: 1px solid #2a2a2a; color: hsl(0, 15%, 94%); }
.panda-banner-go .panda-banner-tag { background: rgba(229, 232, 132, 0.15); color: hsl(62, 84%, 88%); font-family: monospace; }
.panda-banner-go .panda-banner-title { color: hsl(62, 84%, 88%); }
.panda-banner-go .panda-banner-msg { color: #a3a3a3; }
.panda-banner-go .panda-banner-cta { color: #0c0c0c; background: hsl(62, 84%, 88%); font-family: monospace; }

/* UAd baneris */
.panda-banner-upit { background: rgba(253, 252, 248, 0.96); border: 1px solid #F1F5F9; color: #1E293B; }
.panda-banner-upit .panda-banner-tag { background: rgba(109, 40, 217, 0.12); color: #6D28D9; }
.panda-banner-upit .panda-banner-title { color: #1E293B; }
.panda-banner-upit .panda-banner-msg { color: #475569; }
.panda-banner-upit .panda-banner-cta { color: #fff; background: #6D28D9; }

/* TAd baneris */
.panda-banner-tad { background: #12101c; border: 1px solid rgba(154, 159, 253, 0.3); color: #e9e7f5; }
.panda-banner-tad .panda-banner-tag { background: rgba(236, 72, 153, 0.18); color: #f9a8d4; border: 1px solid rgba(236, 72, 153, 0.35); }
.panda-banner-tad .panda-banner-title { color: #ffe8f3; }
.panda-banner-tad .panda-banner-msg { color: #c9b5c9; }
.panda-banner-tad .panda-banner-cta { color: #fff; background: linear-gradient(135deg, #ec4899, #9a9ffd); box-shadow: 0 0 18px rgba(154, 159, 253, 0.35); }

/* ── AI DISCLOSURE (rakstu lapām) ── */
#panda-ai-disclosure {
    max-width: 1200px; width: 100%; margin: 1rem auto 2rem;
    padding: 0.7rem 1rem; border-radius: 12px;
    background: rgba(0, 220, 130, 0.04); border: 1px solid rgba(0, 220, 130, 0.2);
    display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
    color: #333;
}
.panda-ai-circle {
    display: inline-flex; align-items: center; justify-content: center;
    width: 26px; height: 26px; border-radius: 50%;
    background: rgba(0, 220, 130, 0.12); border: 1px solid rgba(0, 220, 130, 0.35);
    color: #0a7a3d; font-weight: 700; font-size: 0.7rem; flex-shrink: 0;
}
.panda-ai-text { font-size: 0.82rem; flex: 1 1 auto; }
.panda-ai-text strong { font-weight: 700; }
.panda-ai-text span { color: #555; font-size: 0.75rem; }
.panda-ai-links { display: flex; align-items: center; gap: 12px; margin-left: auto; }
.panda-ai-links a { display: inline-flex; align-items: center; gap: 4px; text-decoration: none; font-size: 0.75rem; color: #555; border-bottom: none; }
.panda-ai-links a:hover { opacity: 0.7; }
.panda-ai-links img { height: 15px; width: auto; }
.panda-ai-close {
    cursor: pointer; opacity: 0.45; font-size: 0.8rem;
    background: none; border: none; padding: 2px 6px; font-family: inherit; color: #555;
}
.panda-ai-close:hover { opacity: 1; }

/* ── FOOTER ── */
#panda-footer {
    width: 100%; margin-top: auto; padding: 1.5rem 1rem;
    border-top: 1px solid #e1e1e1; text-align: center;
}
.panda-footer-inner {
    display: flex; align-items: center; justify-content: center;
    gap: 8px; flex-wrap: wrap; font-size: 0.82rem; color: #555;
}
.panda-footer-inner a { display: inline-flex; align-items: center; text-decoration: none; border-bottom: none; }
.panda-footer-img { height: 16px; width: auto; }
.panda-footer-upit { opacity: 0.85; }
.panda-footer-upit:hover { opacity: 1; }
.panda-footer-go { filter: invert(0.9); }
.panda-footer-go:hover { filter: invert(0); }