/* PokePolis Moves Enricher — frontend styles */

.ppm-section {
    background: #f8faff;
    border: 1px solid #e0e8f0;
    border-radius: 14px;
    padding: 22px 24px;
    margin: 32px 0 16px;
}

.ppm-section-title {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 16px;
    color: #1a1a2e;
}

.ppm-section-title em {
    font-style: normal;
    color: #1a73e8;
}

/* Pill-buttony wspólne */
.ppm-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ppm-pokemon-pill,
.ppm-move-pill {
    display: inline-block;
    padding: 5px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all .15s;
}

/* Pokémon bez linku */
.ppm-pokemon-pill:not(.ppm-pill--linked) {
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    color: #475569;
    cursor: default;
}

/* Pokémon z linkiem */
.ppm-pokemon-pill.ppm-pill--linked {
    background: #fff;
    border: 1px solid #93c5fd;
    color: #1d4ed8;
}

.ppm-pokemon-pill.ppm-pill--linked:hover {
    background: #1d4ed8;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(29,78,216,.25);
}

/* Inne ataki — teal */
.ppm-move-pill {
    background: #fff;
    border: 1px solid #5eead4;
    color: #0f766e;
}

.ppm-move-pill:hover {
    background: #0f766e;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(15,118,110,.2);
}

.ppm-learners-more {
    margin: 12px 0 0;
    font-size: 13px;
    color: #64748b;
}

.ppm-type-link {
    margin: 14px 0 0;
    font-size: 13px;
}

.ppm-type-link a {
    color: #0f766e;
    font-weight: 600;
    text-decoration: none;
}

.ppm-type-link a:hover {
    text-decoration: underline;
}

@media (max-width: 600px) {
    .ppm-section { padding: 16px; }
    .ppm-pills { gap: 6px; }
    .ppm-pokemon-pill, .ppm-move-pill { font-size: 12px; padding: 4px 10px; }
}

/* ── Ability — hidden ability pill ── */
.ppm-pill--hidden {
    border-color: #a78bfa !important;
    color: #6d28d9 !important;
    background: #faf5ff !important;
}

.ppm-pill--hidden:hover {
    background: #6d28d9 !important;
    color: #fff !important;
    border-color: #6d28d9 !important;
}

.ppm-pill--hidden small {
    opacity: .7;
    font-size: 10px;
    margin-left: 2px;
}

/* ── Legend ── */
.ppm-legend {
    font-size: 12px;
    color: #64748b;
    margin: 0 0 12px;
}

/* ── Item sprite ── */
.ppm-item-sprite {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    image-rendering: pixelated;
}