/* /PageComponents/ChallengeTile.razor.rz.scp.css */
.challenge-tile[b-1aqq3xd13c] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0.75rem 1rem 0;
    padding: 0.75rem 1rem;
    background: rgba(252, 82, 0, 0.05);
    border: 1px solid rgba(252, 82, 0, 0.2);
    border-radius: var(--radius);
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
    user-select: none;
}

.challenge-tile:hover[b-1aqq3xd13c] {
    border-color: rgba(252, 82, 0, 0.4);
    background: rgba(252, 82, 0, 0.08);
}

.challenge-tile-badge[b-1aqq3xd13c] {
    flex-shrink: 0;
    padding: 0.2rem 0.5rem;
    background: rgba(252, 82, 0, 0.15);
    color: var(--accent);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-radius: 100px;
}

.challenge-tile-content[b-1aqq3xd13c] {
    flex: 1;
    min-width: 0;
}

.challenge-tile-title[b-1aqq3xd13c] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.1rem;
}

.challenge-tile-subtitle[b-1aqq3xd13c] {
    font-size: 0.8rem;
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.challenge-tile--locked[b-1aqq3xd13c] {
    cursor: default;
    opacity: 0.7;
}

.challenge-tile--locked:hover[b-1aqq3xd13c] {
    border-color: rgba(252, 82, 0, 0.2);
    background: rgba(252, 82, 0, 0.05);
}

.challenge-tile-arrow[b-1aqq3xd13c] {
    flex-shrink: 0;
    color: var(--text-muted);
    display: flex;
    align-items: center;
}
/* /Pages/Challenge/Challenge.razor.rz.scp.css */
.wk-banner[b-97loi0okej] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    padding: 0.75rem 1rem 0.25rem;
    background: linear-gradient(135deg, rgba(252, 82, 0, 0.08) 0%, rgba(245, 158, 11, 0.06) 100%);
    border-bottom: 1px solid rgba(252, 82, 0, 0.12);
}

.wk-banner-text[b-97loi0okej] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--accent);
}

.wk-ball[b-97loi0okej] {
    font-size: 1rem;
    line-height: 1;
}

.challenge-header[b-97loi0okej] {
    padding: 1.5rem 1.5rem 0.5rem;
    text-align: center;
}

.challenge-title[b-97loi0okej] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.4;
}

.challenge-title--empty[b-97loi0okej] {
    color: var(--text-secondary);
    font-weight: 400;
}

.challenge-count[b-97loi0okej] {
    color: var(--accent);
    font-weight: 700;
}

.challenge-legend[b-97loi0okej] {
    display: flex;
    justify-content: center;
    gap: 1.25rem;
    padding: 0.5rem 1rem 0.75rem;
}

.legend-item[b-97loi0okej] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: var(--text-secondary);
}

.legend-dot[b-97loi0okej] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.legend-item--challenge .legend-dot[b-97loi0okej] {
    background: #FC5200;
}

.legend-item--pre .legend-dot[b-97loi0okej] {
    background: #F59E0B;
}

.challenge-map-wrapper[b-97loi0okej] {
    position: relative;
    margin: 0 1rem;
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.challenge-map-wrapper #challenge-atlas[b-97loi0okej] {
    height: 75vh;
    touch-action: none;
}

.challenge-actions[b-97loi0okej] {
    display: flex;
    justify-content: center;
    padding: 1.25rem 1rem;
}

.btn-share[b-97loi0okej] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 2rem;
    background: var(--accent);
    color: #fff;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    transition: background 0.2s, opacity 0.2s;
}

.btn-share:hover[b-97loi0okej] {
    background: var(--accent-hover);
}

.btn-share:disabled[b-97loi0okej] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Challenge map fill colors (scoped via .challenge-map class on the SVG) */
[b-97loi0okej] svg.challenge-map path.challenge {
    fill: #FC5200;
}

[b-97loi0okej] svg.challenge-map path.pre-challenge {
    fill: #F59E0B;
}
/* /Pages/Home/BeneluxAtlas.razor.rz.scp.css */
.atlas-toolbar[b-l2r8eaahr3] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem 1.5rem 0.5rem;
}

.atlas-sport-bar[b-l2r8eaahr3] {
    display: flex;
    justify-content: center;
    padding: 0 1.5rem 0.75rem;
}

.atlas-sport-bar[b-l2r8eaahr3]  .sport-chips {
    justify-content: center;
}

.country-switch[b-l2r8eaahr3] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: 100px;
    padding: 0.4rem 1rem;
    font-family: inherit;
    font-size: 0.875rem;
    color: var(--text-secondary);
    cursor: pointer;
    transition: border-color 0.2s, color 0.2s, background 0.2s;
}

.country-switch:hover[b-l2r8eaahr3] {
    color: var(--text-primary);
    border-color: var(--text-muted);
}

.country-switch.on[b-l2r8eaahr3] {
    color: var(--text-primary);
    border-color: rgba(252, 82, 0, 0.55);
    background: rgba(252, 82, 0, 0.08);
}

.country-switch-flag[b-l2r8eaahr3] {
    width: 24px;
    height: 16px;
    border-radius: 2px;
    display: block;
}

.country-switch-name[b-l2r8eaahr3] {
    font-weight: 500;
}

.country-switch-dot[b-l2r8eaahr3] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--text-muted);
    transition: background 0.2s, box-shadow 0.2s;
}

.country-switch.on .country-switch-dot[b-l2r8eaahr3] {
    background: var(--accent);
    box-shadow: 0 0 8px rgba(252, 82, 0, 0.6);
}

.atlas-share-bar[b-l2r8eaahr3] {
    display: flex;
    justify-content: center;
    padding: 1rem 1.5rem 1.25rem;
}

.btn-share[b-l2r8eaahr3] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 2rem;
    background: var(--accent);
    color: #fff;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    transition: background 0.2s, opacity 0.2s;
}

.btn-share:hover[b-l2r8eaahr3] {
    background: var(--accent-hover);
}

.btn-share:disabled[b-l2r8eaahr3] {
    opacity: 0.6;
    cursor: not-allowed;
}

.atlas-stage-wrapper[b-l2r8eaahr3] {
    position: relative;
    margin: 0 1rem 1rem;
    border-radius: var(--radius-lg);
    overflow: hidden;
}

#benelux-atlas[b-l2r8eaahr3] {
    height: 65vh;
    touch-action: pan-y;
    position: relative;
}

.map-scroll-hint[b-l2r8eaahr3] {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
    padding: 0.35rem 1rem;
    border-radius: 100px;
    font-size: 0.8rem;
    white-space: nowrap;
    pointer-events: none;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.2s;
}

.map-scroll-hint.visible[b-l2r8eaahr3] {
    opacity: 1;
}

.new-municipalities-banner[b-l2r8eaahr3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0.5rem 1rem 0;
    padding: 0.65rem 1rem 0.65rem 1.25rem;
    background: rgba(74, 222, 128, 0.12);
    border: 1px solid rgba(74, 222, 128, 0.35);
    border-radius: var(--radius);
    animation: banner-slide-in-b-l2r8eaahr3 0.3s ease-out;
    cursor: pointer;
}

@keyframes banner-slide-in-b-l2r8eaahr3 {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.new-municipalities-banner-text[b-l2r8eaahr3] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #4ade80;
}

.new-municipalities-banner-close[b-l2r8eaahr3] {
    background: none;
    border: none;
    color: #4ade80;
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
    padding: 0 0.25rem;
    opacity: 0.7;
    transition: opacity 0.15s;
}

.new-municipalities-banner-close:hover[b-l2r8eaahr3] {
    opacity: 1;
}
/* /Pages/Maps/Maps.razor.rz.scp.css */
#map[b-9fyob4acf0] {
    height: 80vh;
}
/* /Pages/Statistics/Statistics.razor.rz.scp.css */
/* Styles are in wwwroot/css/app.css under the .stats- prefix */