/* ── ehelp.com.tr — WoodMart Tema Uyumu ── */
/* Font: Figtree + Inter  |  Tasarım: Keskin köşe, sade, minimal */

@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap');

#eres-seo-tool {
    --est-primary:      #5B3FDA;
    --est-primary-dark: #4a2fc9;
    --est-accent:       #6EC1E4;
    --est-green:        #61CE70;
    --est-lime:         #CCFF00;
    --est-text:         #1a1a2e;
    --est-muted:        #54595F;
    --est-border:       rgba(0,0,0,0.08);
    --est-radius:       2px;
    font-family: 'Figtree', sans-serif;
}

/* ── Hero ── */
#eres-seo-tool .est-hero {
    background: #0f0a1e;
    background-image:
        radial-gradient(ellipse 60% 50% at 30% 50%, rgba(91,63,218,0.25) 0%, transparent 70%),
        radial-gradient(ellipse 40% 60% at 80% 30%, rgba(110,193,228,0.15) 0%, transparent 60%);
    border-radius: 0;
    padding: 70px 40px;
    position: relative;
    overflow: hidden;
}
#eres-seo-tool .est-hero::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, #5B3FDA 0%, #6EC1E4 50%, #CCFF00 100%);
}
#eres-seo-tool .est-badge {
    background: rgba(91,63,218,0.2);
    border: 1px solid rgba(91,63,218,0.4);
    color: #a78bfa;
    letter-spacing: 2px;
    font-family: 'Inter', sans-serif;
    font-size: 11px;
}
#eres-seo-tool .est-hero-title {
    font-family: 'Figtree', sans-serif;
    font-weight: 800;
    letter-spacing: -0.5px;
}
#eres-seo-tool .est-hero-desc {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
}

/* ── Form ── */
#eres-seo-tool .est-input-group {
    border-radius: var(--est-radius);
    border-color: rgba(91,63,218,0.3);
    background: rgba(255,255,255,0.04);
}
#eres-seo-tool .est-input-group:focus-within {
    border-color: #5B3FDA;
    box-shadow: 0 0 0 3px rgba(91,63,218,0.15);
}
#eres-seo-tool .est-input-group input {
    font-family: 'Inter', sans-serif;
}
#eres-seo-tool .est-input-group button {
    background: #5B3FDA;
    border-radius: 0;
    font-family: 'Figtree', sans-serif;
    font-weight: 700;
    letter-spacing: 0.3px;
    transition: background .2s;
}
#eres-seo-tool .est-input-group button:hover {
    background: var(--est-primary-dark);
    opacity: 1;
}

/* ── Score Cards ── */
#eres-seo-tool .est-score-card {
    border-radius: var(--est-radius);
    border-color: var(--est-border);
    box-shadow: none;
    border-width: 1px;
}
#eres-seo-tool .est-score-card:hover {
    box-shadow: 0 4px 16px rgba(91,63,218,0.1);
}
#eres-seo-tool .est-score-num {
    font-family: 'Figtree', sans-serif;
}
#eres-seo-tool .est-card-label {
    font-family: 'Figtree', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    color: var(--est-muted);
}
#eres-seo-tool .est-mini-label {
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

/* ── Icon chip renklerini WoodMart paletine çek ── */
#eres-seo-tool .est-icon-seo    { background: rgba(91,63,218,0.08);  color: #5B3FDA; }
#eres-seo-tool .est-icon-ai     { background: rgba(110,193,228,0.12); color: #3a9ec0; }
#eres-seo-tool .est-icon-tech   { background: rgba(97,206,112,0.1);   color: #3fa84f; }
#eres-seo-tool .est-icon-social { background: rgba(204,255,0,0.12);   color: #7a9e00; }

/* ── Skor renkleri (ring & bar) ── */
#eres-seo-tool .score-great .est-ring-fill,
#eres-seo-tool .score-great .est-mini-bar  { stroke: #61CE70; background: #61CE70; }
#eres-seo-tool .score-good .est-ring-fill,
#eres-seo-tool .score-good .est-mini-bar   { stroke: #6EC1E4; background: #6EC1E4; }
#eres-seo-tool .score-ok .est-ring-fill,
#eres-seo-tool .score-ok .est-mini-bar     { stroke: #f59e0b; background: #f59e0b; }
#eres-seo-tool .score-poor .est-ring-fill,
#eres-seo-tool .score-poor .est-mini-bar   { stroke: #ef4444; background: #ef4444; }

/* ── Tabs ── */
#eres-seo-tool .est-tabs {
    border-radius: var(--est-radius);
    background: #f7f7f9;
    border-color: var(--est-border);
}
#eres-seo-tool .est-tab {
    border-radius: 0;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    letter-spacing: 0.3px;
}
#eres-seo-tool .est-tab.active {
    border-bottom: 2px solid #5B3FDA;
    color: #5B3FDA;
    box-shadow: none;
}
#eres-seo-tool .est-tab:hover { background: #efefef; color: #1a1a2e; }

/* ── AI info banner ── */
#eres-seo-tool .est-ai-info {
    background: rgba(91,63,218,0.05);
    border-color: rgba(91,63,218,0.2);
    color: #3d2a9e;
    border-radius: var(--est-radius);
}

/* ── Check kartları ── */
#eres-seo-tool .est-check-item {
    border-radius: var(--est-radius);
    box-shadow: none;
    border-color: var(--est-border);
    transition: border-color .15s, box-shadow .15s;
}
#eres-seo-tool .est-check-item:hover {
    border-color: #5B3FDA;
    box-shadow: 0 2px 8px rgba(91,63,218,0.08);
}
#eres-seo-tool .est-check-label {
    font-family: 'Figtree', sans-serif;
    font-weight: 700;
}
#eres-seo-tool .est-check-msg {
    font-family: 'Inter', sans-serif;
}
#eres-seo-tool .check-pass { border-left-color: #61CE70; }
#eres-seo-tool .check-pass .est-check-icon { background: rgba(97,206,112,0.12); color: #2e9e42; }
#eres-seo-tool .check-warn { border-left-color: #f59e0b; }
#eres-seo-tool .check-info { border-left-color: #6EC1E4; }
#eres-seo-tool .check-info .est-check-icon { background: rgba(110,193,228,0.12); color: #2980b9; }
#eres-seo-tool .est-check-value {
    color: #5B3FDA;
    background: rgba(91,63,218,0.05);
    border-color: rgba(91,63,218,0.15);
    border-radius: var(--est-radius);
    font-family: 'Inter', sans-serif;
}

/* ── Grade badge'leri ── */
#eres-seo-tool .grade-great { background: rgba(97,206,112,0.12); color: #2e9e42; }
#eres-seo-tool .grade-good  { background: rgba(110,193,228,0.15); color: #2980b9; }
#eres-seo-tool .grade-ok    { background: rgba(245,158,11,0.12); color: #b45309; }
#eres-seo-tool .grade-poor  { background: rgba(239,68,68,0.1); color: #dc2626; }

/* ── Site info kutusu ── */
#eres-seo-tool .est-site-info-box {
    border-radius: var(--est-radius);
    background: #f7f7f9;
    border-color: var(--est-border);
}
#eres-seo-tool .est-site-info-box h3 {
    font-family: 'Figtree', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    color: var(--est-muted);
}
#eres-seo-tool .est-info-label {
    font-family: 'Inter', sans-serif;
}
#eres-seo-tool .est-info-val {
    font-family: 'Figtree', sans-serif;
    font-weight: 700;
}

/* ── Yeniden analiz butonu ── */
#eres-seo-tool .est-reanalyze-btn {
    border-radius: var(--est-radius);
    font-family: 'Inter', sans-serif;
    border-color: rgba(91,63,218,0.25);
    color: #5B3FDA;
    background: rgba(91,63,218,0.04);
    font-weight: 600;
}
#eres-seo-tool .est-reanalyze-btn:hover {
    background: rgba(91,63,218,0.1);
    color: #4a2fc9;
    border-color: #5B3FDA;
}

/* ── Loading ── */
#eres-seo-tool .est-loading-bars span { background: #5B3FDA; }
#eres-seo-tool .est-loading-url { color: #5B3FDA; font-family: 'Inter', sans-serif; }
#eres-seo-tool .est-loading-step { font-family: 'Inter', sans-serif; }

/* ── Error ── */
#eres-seo-tool .est-error-box {
    border-radius: var(--est-radius);
}

/* ── WoodMart accent çizgisi — hero altında ── */
#eres-seo-tool .est-results-inner {
    border-top: 3px solid transparent;
    border-image: linear-gradient(90deg, #5B3FDA, #6EC1E4, #CCFF00) 1;
    padding-top: 32px;
}