/* ================================================================
   test-styles.css - 공유 테스트 페이지 스타일
   팔레트: #D3F8E2(민트) #E4C1F9(라벤더) #F694C1(핑크) #EDE7B1(연황) #A9DEF9(하늘)
   기본 글자색: #000000  |  강조/위험: #FF0000
   ================================================================ */

:root {
    --t-mint:         #D3F8E2;
    --t-lavender:     #E4C1F9;
    --t-pink:         #F694C1;
    --t-yellow:       #EDE7B1;
    --t-sky:          #A9DEF9;
    --t-text:         #000000;
    --t-danger:       #FF0000;
    /* Pale tint backgrounds (palette ~30% over white) */
    --t-bg-from:      #f2fdf6;   /* mint pale   */
    --t-bg-mid:       #f7ecfd;   /* lavender pale */
    --t-bg-to:        #e5f5fd;   /* sky pale    */
    --t-yellow-pale:  #faf8e6;
    --t-pink-pale:    #fde8f3;
}

/* ==================== BODY ==================== */

body.test-bg {
    background: linear-gradient(135deg,
        var(--t-bg-from) 0%,
        var(--t-bg-mid)  50%,
        var(--t-bg-to)   100%
    ) !important;
    color: var(--t-text);
}

/* ==================== ANALYZING PAGES ==================== */

/* Type B: Card-style gradient header (MBTI, 번아웃) */
.test-analyzing-header {
    background: linear-gradient(135deg, var(--t-lavender) 0%, var(--t-sky) 100%) !important;
    color: var(--t-text) !important;
}
.test-analyzing-header * {
    color: var(--t-text) !important;
}

/* Ad placeholder box */
.test-ad-box,
.adsense-container {
    display: none !important;
}
/* Advertisement 텍스트가 있는 광고 영역 부모 숨김 */
div:has(> p:only-child):has(> .adsense-container),
div:has(> .test-ad-box) {
    display: none !important;
}

/* Spinner – border-based (Type A: 우울·ADHD·회복탄력성·자존감, Type B: MBTI·번아웃) */
.spinner {
    border-color:     var(--t-lavender) !important;
    border-top-color: var(--t-sky)      !important;
}

/* Icon spinner – background-based (Type C interstitial: 수면·직무스트레스·연애스타일) */
.test-icon-spinner {
    background: linear-gradient(135deg, var(--t-lavender) 0%, var(--t-sky) 100%) !important;
}

/* Progress bar */
#progressBar {
    background: linear-gradient(90deg, var(--t-lavender) 0%, var(--t-sky) 100%) !important;
}

/* Fact / info box (Type C interstitial pages) */
.test-fact-box {
    background: var(--t-bg-mid) !important;
    border-left-color: var(--t-lavender) !important;
}

/* ==================== RESULT PAGES ==================== */

/* JS-controlled result header (번아웃·수면·직무스트레스·연애스타일) */
#resultHeader {
    background: linear-gradient(135deg, var(--t-lavender) 0%, var(--t-pink) 100%) !important;
    color: var(--t-text) !important;
}
#resultHeader * {
    color: var(--t-text) !important;
}
/* Keep the translucent score badge readable */
#resultHeader .bg-white.bg-opacity-20,
#resultHeader .bg-white\/20 {
    background: rgba(255, 255, 255, 0.30) !important;
}

/* Static result badge (우울·ADHD·회복탄력성·자존감) */
.test-result-badge {
    background: linear-gradient(135deg, var(--t-lavender) 0%, var(--t-sky) 100%) !important;
    color: var(--t-text) !important;
}

/* Share / encourage section */
.test-share-section {
    background: linear-gradient(135deg, var(--t-pink) 0%, var(--t-lavender) 100%) !important;
    color: var(--t-text) !important;
}
.test-share-section * {
    color: var(--t-text) !important;
}
.test-share-section button {
    background: white !important;
    color: var(--t-text) !important;
    border: 2px solid var(--t-lavender) !important;
}

/* MBTI encourage box (yellow-tinted) */
.test-encourage-box {
    background: linear-gradient(135deg, var(--t-yellow-pale), var(--t-pink-pale)) !important;
    border-color: var(--t-yellow) !important;
}

/* MBTI loading screen */
#loading-screen {
    background: linear-gradient(135deg, var(--t-lavender) 0%, var(--t-sky) 100%) !important;
}

/* MBTI header gradient text link */
header a.text-transparent {
    background: linear-gradient(135deg, var(--t-lavender), var(--t-sky)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

/* ==================== UTILITY ==================== */

/* Danger / emphasis text */
.test-danger {
    color: var(--t-danger) !important;
}

/* Emergency sections */
.test-emergency {
    background: #fff5f5 !important;
    border-color: var(--t-danger) !important;
}