/**
 * Quiz jaką jesteś osobą — dziewczyny-na-start.pl coral/Gen-Z theme.
 * Mirrors portal design tokens from quiz-jaki-zawod dziewczyny-na-start.css.
 */

.pbn-tool-quiz-jaka-jestes-osoba {
    --primary-color: #ff6b6b;
    --border-color: rgba(255, 107, 107, 0.15);
    --radius-sm: 12px;
    --radius-md: 16px;
}

/* ── Start button — graphic shadow ── */

.pbn-tool-quiz-jaka-jestes-osoba .qo-btn-primary {
    background: #ff6b6b;
    border-radius: 999px;
    box-shadow: 4px 4px 0 #1a1a1a;
    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
                box-shadow 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.pbn-tool-quiz-jaka-jestes-osoba .qo-btn-primary:hover {
    opacity: 1;
    transform: translateY(-3px);
    box-shadow: 6px 6px 0 #1a1a1a;
}

.pbn-tool-quiz-jaka-jestes-osoba .qo-btn-primary:active {
    transform: translateY(0);
    box-shadow: 2px 2px 0 #1a1a1a;
}

/* ── Progress bar — multi-color gradient ── */

.pbn-tool-quiz-jaka-jestes-osoba .qo-progress-bar {
    background: rgba(255, 107, 107, 0.12);
    border-radius: 999px;
}

.pbn-tool-quiz-jaka-jestes-osoba .qo-progress-fill {
    background: linear-gradient(90deg, #ff6b6b, #48dbfb, #ffd32a);
    border-radius: 999px;
}

/* ── Answer buttons — pill shape, graphic shadow on hover ── */

.pbn-tool-quiz-jaka-jestes-osoba .qo-option {
    border-radius: 999px;
    transition: border-color 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
                background-color 0.2s,
                transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
                box-shadow 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.pbn-tool-quiz-jaka-jestes-osoba .qo-option:hover {
    border-color: #ff6b6b;
    background: #fff5f5;
    box-shadow: 4px 4px 0 #ff6b6b;
    transform: translateY(-2px);
}

.pbn-tool-quiz-jaka-jestes-osoba .qo-option--selected {
    background: #ff6b6b;
    color: #fff;
    border-color: #ff6b6b;
    box-shadow: none;
    transform: scale(0.97);
}

/* ── Loading spinner — coral ── */

.pbn-tool-quiz-jaka-jestes-osoba .qo-loading-spinner {
    border-color: rgba(255, 107, 107, 0.15);
    border-top-color: #ff6b6b;
}

/* ── Type badge — coral ── */

.pbn-tool-quiz-jaka-jestes-osoba .qo-type-badge {
    background: #ff6b6b;
    box-shadow: 4px 4px 0 rgba(255, 107, 107, 0.25);
}

/* ── Result card — graphic border ── */

.pbn-tool-quiz-jaka-jestes-osoba .qo-results {
    border: 2px solid rgba(255, 107, 107, 0.15);
    box-shadow: 6px 6px 0 rgba(255, 107, 107, 0.08);
    background: #fff5f5;
}

.pbn-tool-quiz-jaka-jestes-osoba .qo-type-label {
    color: #ff6b6b;
}

.pbn-tool-quiz-jaka-jestes-osoba .qo-section-title {
    color: #1a1a1a;
}

/* ── Strengths/growth pills — coral tones ── */

.pbn-tool-quiz-jaka-jestes-osoba .qo-strengths li {
    background: rgba(255, 107, 107, 0.1);
    color: #ee5253;
}

.pbn-tool-quiz-jaka-jestes-osoba .qo-growth li {
    background: rgba(108, 92, 231, 0.1);
    color: #6c5ce7;
}

/* ── Restart button — graphic shadow ── */

.pbn-tool-quiz-jaka-jestes-osoba .qo-restart {
    border-color: #ff6b6b;
    color: #ff6b6b;
    border-radius: 999px;
    box-shadow: 4px 4px 0 #1a1a1a;
    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
                box-shadow 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
                background-color 0.2s,
                color 0.2s;
}

.pbn-tool-quiz-jaka-jestes-osoba .qo-restart:hover {
    background: #ff6b6b;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 6px 6px 0 #1a1a1a;
}