/* Pony SVG ikony — čitelné symboly místo prázdných koleček */

.picon-svg {
    display: inline-block;
    width: 1.35em;
    height: 1.35em;
    vertical-align: -0.28em;
    flex-shrink: 0;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
}

.picon-h2 {
    width: 1.55rem;
    height: 1.55rem;
    margin-right: 0.45rem;
    vertical-align: -0.38rem;
}

.card h2 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.card h2 span,
.top h1 span {
    line-height: 1.2;
}

.picon-inline {
    width: 1.15em;
    height: 1.15em;
    vertical-align: -0.22em;
}

.picon-ach {
    width: 2.1rem;
    height: 2.1rem;
}

.picon-img {
    width: 1.75rem;
    height: 1.75rem;
    object-fit: cover;
    border-radius: 50%;
    vertical-align: -0.4rem;
    margin-right: 0.35rem;
    box-shadow: 0 0 0 2px rgba(255, 182, 230, 0.45);
}

.gold-amt {
    color: var(--gold);
    font-weight: 700;
}

.shop-icon.picon-svg,
.exp-icon.picon-svg,
.activity-icon.picon-svg,
.ach-icon.picon-svg,
.inbox-icon .picon-svg {
    width: 2.2rem;
    height: 2.2rem;
}

.top h1 {
    margin: 0.25rem 0;
    font-size: 1.75rem;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    background: linear-gradient(90deg, #fff, var(--mlp-pink), var(--mlp-lavender));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.top h1 .picon-svg {
    -webkit-text-fill-color: initial;
    filter: drop-shadow(0 2px 4px rgba(255, 107, 203, 0.45));
}

.nav-tab.has-badge::after {
    content: "";
    display: inline-block;
    width: 0.45rem;
    height: 0.45rem;
    margin-left: 0.25rem;
    border-radius: 50%;
    background: var(--gold);
    box-shadow: 0 0 6px var(--gold);
    vertical-align: super;
}

.pony-portrait::after {
    content: "✦";
    font-size: 0.65rem;
    color: var(--mlp-pink);
}

/* Tlačítka s ikonou */
.btn-free .picon-svg,
.stat-upgrade-free .picon-svg {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
}

.wellness-mini .picon-svg {
    width: 1em;
    height: 1em;
}

.section-head h2 {
    margin: 0;
}