/**
 * Quiz ile lat mentalnie — dziewczyny-na-start.pl coral/Gen-Z theme.
 * Mirrors portal design tokens from quiz-jaki-zawod dziewczyny-na-start.css.
 */

.pbn-tool-quiz-ile-lat-mentalnie {
    --primary-color: #ff6b6b;
    --heading-color: #1a1a1a;
    --text-color: #2d2d2d;
    --text-secondary: #6b6b6b;
    --quiz-track-bg: rgba(255, 107, 107, 0.12);
    --quiz-answer-bg: #ffffff;
    --quiz-answer-border: rgba(255, 107, 107, 0.15);
    --quiz-result-bg: #fff5f5;
    --quiz-result-border: rgba(255, 107, 107, 0.12);
    --quiz-social-bg: rgba(108, 92, 231, 0.08);
    --quiz-social-color: #6c5ce7;
    --radius-md: 16px;
    --radius-lg: 20px;
    --radius-pill: 999px;
}

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

.pbn-tool-quiz-ile-lat-mentalnie .quiz-start-btn {
    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-ile-lat-mentalnie .quiz-start-btn:hover {
    transform: translateY(-3px);
    box-shadow: 6px 6px 0 #1a1a1a;
}

.pbn-tool-quiz-ile-lat-mentalnie .quiz-start-btn:active {
    transform: translateY(0);
    box-shadow: 2px 2px 0 #1a1a1a;
}

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

.pbn-tool-quiz-ile-lat-mentalnie .quiz-progress-fill {
    background: linear-gradient(90deg, #ff6b6b, #48dbfb, #ffd32a);
}

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

.pbn-tool-quiz-ile-lat-mentalnie .quiz-answer {
    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-ile-lat-mentalnie .quiz-answer:hover {
    border-color: #ff6b6b;
    background: #fff5f5;
    box-shadow: 4px 4px 0 #ff6b6b;
    transform: translateY(-2px);
}

.pbn-tool-quiz-ile-lat-mentalnie .quiz-answer--selected {
    background: #ff6b6b;
    color: #fff;
    border-color: #ff6b6b;
    box-shadow: none;
    transform: scale(0.97);
}

/* ── Loading dots — multi-color ── */

.pbn-tool-quiz-ile-lat-mentalnie .quiz-loading-dot {
    background: #ff6b6b;
}

.pbn-tool-quiz-ile-lat-mentalnie .quiz-loading-dot:nth-child(2) {
    background: #48dbfb;
}

.pbn-tool-quiz-ile-lat-mentalnie .quiz-loading-dot:nth-child(3) {
    background: #ffd32a;
}

/* ── Age-specific result colors (big number) ── */

.pbn-tool-quiz-ile-lat-mentalnie .quiz-result[data-result="12"] .quiz-result-age {
    color: #ff6b6b;
}

.pbn-tool-quiz-ile-lat-mentalnie .quiz-result[data-result="20"] .quiz-result-age {
    color: #48dbfb;
}

.pbn-tool-quiz-ile-lat-mentalnie .quiz-result[data-result="32"] .quiz-result-age {
    color: #ffd32a;
}

.pbn-tool-quiz-ile-lat-mentalnie .quiz-result[data-result="48"] .quiz-result-age {
    color: #6c5ce7;
}

.pbn-tool-quiz-ile-lat-mentalnie .quiz-result[data-result="65"] .quiz-result-age {
    color: #2d3436;
}

/* ── Age-specific trait pill colors ── */

.pbn-tool-quiz-ile-lat-mentalnie .quiz-result[data-result="12"] .quiz-result-traits li {
    background: rgba(255, 107, 107, 0.1);
    color: #ee5253;
}

.pbn-tool-quiz-ile-lat-mentalnie .quiz-result[data-result="20"] .quiz-result-traits li {
    background: rgba(72, 219, 251, 0.1);
    color: #0abde3;
}

.pbn-tool-quiz-ile-lat-mentalnie .quiz-result[data-result="32"] .quiz-result-traits li {
    background: rgba(255, 211, 42, 0.15);
    color: #b8860b;
}

.pbn-tool-quiz-ile-lat-mentalnie .quiz-result[data-result="48"] .quiz-result-traits li {
    background: rgba(108, 92, 231, 0.1);
    color: #6c5ce7;
}

.pbn-tool-quiz-ile-lat-mentalnie .quiz-result[data-result="65"] .quiz-result-traits li {
    background: rgba(45, 52, 54, 0.08);
    color: #2d3436;
}

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

.pbn-tool-quiz-ile-lat-mentalnie .quiz-result {
    border: 2px solid rgba(255, 107, 107, 0.15);
    box-shadow: 6px 6px 0 rgba(255, 107, 107, 0.08);
}

/* ── Retry button ── */

.pbn-tool-quiz-ile-lat-mentalnie .quiz-retry-btn {
    border-color: #ff6b6b;
    color: #ff6b6b;
    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-ile-lat-mentalnie .quiz-retry-btn:hover {
    background: #ff6b6b;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 6px 6px 0 #1a1a1a;
}

/* ── Social proof badge ── */

.pbn-tool-quiz-ile-lat-mentalnie .quiz-result-social strong {
    color: #6c5ce7;
}