/* KostyTools SEO Checker – 1.4.0 */
.kt-seo-tool-wrapper { max-width:1100px; margin:40px auto; font-family:"Google Sans",Inter,system-ui,sans-serif; color:#1a202c; }
.kt-seo-header{text-align:center;margin-bottom:34px}.kt-seo-header h2{max-width: 600px; color:#fff;font-size:clamp(30px,4vw,48px);font-weight:700;line-height:1.14;margin:10px auto 16px}.kt-seo-header p{color:#f5f5f7;font-size:17px;max-width:700px;margin:0 auto}
.kt-seo-badge{display:inline-block;padding:7px 13px;border-radius:999px;background:rgba(2,227,218,.14);color:#008b85;text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:800}
.kt-seo-card,.kt-seo-results,.kt-seo-history{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:34px;box-shadow:0 20px 50px rgba(0,0,0,.14);margin-bottom:24px}
.kt-form-row{display:flex;gap:18px;margin-bottom:17px}.kt-form-group{flex:1;min-width:0;display:flex;flex-direction:column}.kt-form-group label,.kt-monitor label{display:block;color:#2d3748;font-size:14px;font-weight:700;margin-bottom:7px}
.kt-form-group input,.kt-monitor input{width:100%;min-width:0;background:#fff;border:1px solid #cbd5e0;border-radius:12px;padding:13px 15px;font-size:15px;color:#1a202c;outline:none}.kt-form-group input:focus,.kt-monitor input:focus{border-color:#02d9d2;box-shadow:0 0 0 3px rgba(2,227,218,.2)}
.kt-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#48596a;cursor:pointer}.kt-checkbox-label input{accent-color:#02c9c1;flex:0 0 auto}.kt-seo-options{flex-direction:column;gap:8px}
.kt-btn-primary{background:#02e3da;color:#0c0c0c!important;border:0;border-radius:999px;padding:13px 21px;font-size:14px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:background .2s,transform .15s;text-decoration:none}.kt-btn-primary:hover{background:#7aefeb;transform:translateY(-1px)}.kt-btn-primary:disabled{opacity:.6;cursor:progress}.kt-seo-card>.kt-btn-primary,#kt-submit-btn{width:100%}.kt-seo-hint{color:#667786;font-size:12px;line-height:1.6;margin:10px 0 0}.kt-seo-progress{color:#f5f5f7;font-size:14px;background:rgba(2,227,218,.14);border-radius:12px;padding:13px 16px;margin-bottom:20px}.kt-seo-progress[hidden],.kt-compare-row[hidden],.kt-seo-results[hidden]{display:none!important}
.kt-report-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;padding-bottom:17px;margin-bottom:22px;border-bottom:1px solid #ebeff2}
.kt-report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:2px solid #eaf2f3;padding-bottom:25px}.kt-report-head h3{font-size:clamp(19px,2.5vw,26px);margin:12px 0 7px;color:#14212a;overflow-wrap:anywhere}.kt-report-head p{font-size:14px;color:#566474}.kt-report-score{text-align:right;min-width:125px}.kt-report-score strong{display:block;color:#008b85;font-size:42px;font-weight:900;line-height:1.1}.kt-report-score small{display:block;font-size:10px;color:#697787}.kt-summary{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.kt-summary span{padding:10px 14px;background:#f5f8fa;border:1px solid #e7eff0;border-radius:10px;font-size:13px}.kt-summary strong{font-size:19px;margin-right:5px}
.kt-report-section{margin-top:30px}.kt-report-section>h4,.kt-monitor>h4,.kt-seo-cta h4{font-size:19px;font-weight:800;line-height:1.3;color:#182632;margin:0 0 15px}.kt-checks-list{list-style:none;padding:0;margin:0}.kt-checks-list>li{list-style:none;background:#f8fbfb;border:1px solid #ecf1f1;border-left:4px solid #02e3da;padding:13px 15px;border-radius:10px;margin-bottom:9px;color:#233240;font-size:13px;line-height:1.5}.kt-checks-list>.kt-check-warning{background:#fffaf0;border-left-color:#ed8936}.kt-checks-list>.kt-check-error{background:#fff5f5;border-left-color:#e53e3e}.kt-check-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.kt-priority{padding:2px 7px;border-radius:5px;background:#ecf3f2;color:#24655e;font-size:10px;font-weight:900}.kt-priority-P1{background:#fee2e2;color:#991b1b}.kt-priority-P2{background:#fff1d0;color:#824b05}.kt-priority-P3{background:#e1f4f2;color:#0c6e67}
.kt-audit-list{list-style:none;margin:10px 0 0;padding:0}.kt-audit-item{margin:7px 0;padding:10px 12px;border-radius:8px;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.06);overflow-wrap:anywhere}.kt-audit-item div{margin-top:6px}.kt-audit-muted{font-size:11px;color:#687786}.kt-audit-link{display:inline-block;color:#006e6a;text-decoration:underline;overflow-wrap:anywhere;font-size:12px}.kt-audit-item code{font-size:11px;background:#edf1f2;border-radius:3px;padding:2px}
.kt-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:13px}.kt-metric-card{border:1px solid #e8edf0;border-radius:12px;background:#f8fafc;padding:16px;min-width:0}.kt-metric-title{text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800;color:#718096;margin-bottom:6px}.kt-metric-value{color:#1c2a38;font-size:14px;font-weight:650;overflow-wrap:anywhere}
.kt-seo-table-scroll,.kt-seo-history-scroll{overflow:auto;max-width:100%}.kt-table{width:100%;border-collapse:collapse;color:#233240;font-size:13px}.kt-table th{text-align:left;background:#eef7f6;font-weight:800}.kt-table th,.kt-table td{padding:12px 10px;border-bottom:1px solid #e1e9eb;vertical-align:top}.kt-table small{font-size:10px;font-weight:500;color:#637582}.kt-wrap-anywhere{overflow-wrap:anywhere;word-break:break-word}
.kt-cwv-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kt-cwv-cards>div{border-radius:11px;border:1px solid #e8edf0;padding:15px;background:#f8fafc}.kt-cwv-cards span,.kt-cwv-cards small{display:block;font-size:11px;color:#718096}.kt-cwv-cards strong{display:block;margin:7px 0;font-size:22px;color:#006f6a}.kt-seo-na{color:#8997a3!important;font-size:13px!important}.kt-seo-change{border-left:3px solid #02e3da;background:#f5faf9;padding:12px 16px;border-radius:7px;margin-top:18px;font-size:13px}.kt-seo-warnings{background:#fff6ee;padding:12px 16px;border-radius:10px;margin:12px 0;font-size:12px;color:#935b17}.kt-error{padding:18px;background:#fff0f0;color:#ba2121;border-radius:12px}
.kt-seo-cta{margin:35px 0 5px;padding:24px;background:linear-gradient(120deg,#eefbf9,#f9f8fc);border:1px solid #b5e5e1;border-radius:16px}.kt-seo-cta p{max-width:740px;font-size:14px;color:#405463}.kt-seo-cta-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:8px}.kt-seo-cta-bottom span{color:#596978;font-size:12px;font-weight:700}.kt-seo-cta-bottom a{display:inline-flex;background:#0c0c0c;color:#fff!important;padding:11px 20px;border-radius:999px;font-weight:700;text-decoration:none}.kt-seo-cta-bottom a:hover{background:#176663}
.kt-monitor{background:#f6f9fb;border:1px solid #e6edf1;border-radius:15px;margin-top:25px;padding:24px}.kt-monitor p{font-size:13px;color:#4c6070}.kt-monitor .kt-form-row{align-items:center}.kt-monitor input{flex:1}.kt-monitor .kt-btn-primary{flex:0 0 auto}.kt-seo-history h3{font-size:20px;font-weight:800;color:#15242e;margin:0 0 8px}.kt-seo-history p{margin-bottom:16px}.kt-seo-outline{font:inherit;color:#0a6d69!important;background:transparent;border:1px solid #8bdad4;border-radius:999px;padding:6px 12px;cursor:pointer;font-size:12px;font-weight:700}.kt-seo-outline:hover{background:#e5fbf8}#kt-seo-clear-history{margin-top:10px}
@media(max-width:800px){.kt-seo-card,.kt-seo-results,.kt-seo-history{padding:18px}.kt-form-row{flex-direction:column;gap:12px}.kt-seo-options{gap:8px}.kt-report-head{flex-direction:column}.kt-report-score{text-align:left}.kt-monitor .kt-form-row{align-items:stretch}.kt-cwv-cards{grid-template-columns:1fr}.kt-seo-tool-wrapper{margin:24px auto}.kt-summary{gap:6px}.kt-summary span{padding:7px 10px;font-size:12px}}

/* ==============================================
   KOSTYTOOLS SEO CHECKER — UI POLISH
   CTA / HISTORIE / TLACITKA / TYPOGRAFIE
   ============================================== */

/* 1. SPOLECNE TLACITKA */

.kt-seo-tool-wrapper .kt-btn-primary {
    min-height: 46px;
    padding: 13px 24px;
    background: #02E3DA !important;
    color: #0C0C0C !important;
    border: 1px solid #02E3DA;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(2, 227, 218, 0.15);
    transition:
        background .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.kt-seo-tool-wrapper .kt-btn-primary:hover {
    background: #64F5EE !important;
    color: #0C0C0C !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(2, 227, 218, 0.25);
}

.kt-seo-tool-wrapper .kt-btn-primary:disabled {
    opacity: .55;
    transform: none;
    box-shadow: none;
    cursor: wait;
}

button#kt-submit-btn {
    min-height: 50px;
    padding: 0 20px;
    border-radius: 16px;
    border: 0;
    background: #111827 !important;
    color: #fff !important;
    font-weight: 700;
    font-size: 14px;
    transition: all .2s ease;
    box-shadow: none !important;
    font-family: "Array", Sans-serif;
    transition: transform .2s ease, opacity .2s ease;
    max-width: 237px;
}

button#kt-submit-btn:hover {
    background-color: #21C8C1 !important;
    opacity: .95 !important;
    transform: translateY(-1px) !important;
    color: #fff !important;
}

/* PDF EXPORT */

.kt-seo-tool-wrapper #kt-export-pdf {
    width: auto;
    min-width: 205px;
}

.kt-seo-tool-wrapper .kt-report-actions {
    gap: 14px;
}

.kt-seo-tool-wrapper .kt-report-actions .kt-seo-hint {
    max-width: 420px;
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
    color: #667786;
}

/* 2. KOSTYART CTA KARTA */

.kt-seo-tool-wrapper .kt-seo-cta {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin: 40px 0 10px;
    padding: clamp(26px, 4vw, 42px);
    border: 1px solid rgba(2, 227, 218, .42);
    border-radius: 22px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(2, 227, 218, .17),
            transparent 48%
        ),
        radial-gradient(
            circle at 0% 100%,
            rgba(217, 70, 239, .10),
            transparent 50%
        ),
        #0C0C0C !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .16);
}

/* Malý brandový nadpis */

.kt-seo-tool-wrapper .kt-seo-cta::before {
    content: "KOSTYART  /  POMOC S WEBEM";
    display: block;
    width: fit-content;
    margin-bottom: 18px;
    color: #02E3DA;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .13em;
}

/* Hlavní nadpis */

.kt-seo-tool-wrapper .kt-seo-cta h4 {
    max-width: 660px;
    margin: 0 0 16px;
    color: #F5F5F7 !important;
    font-size: clamp(25px, 3vw, 34px);
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: -.035em;
}

/* Popis pod nadpisem */

.kt-seo-tool-wrapper .kt-seo-cta p {
    max-width: 620px;
    margin: 0;
    color: rgba(245, 245, 247, .75) !important;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
}

/* Spodní část CTA */

.kt-seo-tool-wrapper .kt-seo-cta-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid rgba(245, 245, 247, .14);
}

.kt-seo-tool-wrapper .kt-seo-cta-bottom span {
    color: rgba(245, 245, 247, .55) !important;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
}

/* CTA tlačítko */

.kt-seo-tool-wrapper .kt-seo-cta-bottom a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 47px;
    padding: 12px 24px;
    border: 1px solid #02E3DA;
    border-radius: 999px;
    background: #02E3DA !important;
    color: #0C0C0C !important;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.3;
    text-decoration: none !important;
    white-space: nowrap;
    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}

.kt-seo-tool-wrapper .kt-seo-cta-bottom a:hover {
    background: #64F5EE !important;
    color: #0C0C0C !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 26px rgba(2, 227, 218, .20);
}

/* 3. TYDENNI SEO HLIDANI */

.kt-seo-tool-wrapper .kt-monitor {
    margin-top: 28px;
    padding: clamp(22px, 3vw, 30px);
    border: 1px solid #CDEAE7;
    border-radius: 18px;
    background: #F1FBFA;
}

.kt-seo-tool-wrapper .kt-monitor h4 {
    margin-bottom: 12px;
    color: #132C2A;
    font-size: 21px;
    font-weight: 750;
    line-height: 1.3;
}

.kt-seo-tool-wrapper .kt-monitor p {
    color: #546A70;
    font-size: 14px;
    line-height: 1.75;
}

.kt-seo-tool-wrapper .kt-monitor label {
    margin-top: 20px;
    margin-bottom: 8px;
    color: #253D43;
    font-size: 13px;
    font-weight: 700;
}

.kt-seo-tool-wrapper .kt-monitor input[type="email"] {
    min-height: 47px;
    border: 1px solid #CBDDDF;
    border-radius: 12px;
    background: #FFF;
    color: #152C32;
    font-size: 14px;
}

.kt-seo-tool-wrapper .kt-monitor .kt-btn-primary {
    white-space: normal;
    text-align: center;
}

/* 4. HISTORIE ANALYZ */

.kt-seo-tool-wrapper .kt-seo-history {
    display: block;
    width: 100%;
    margin: 28px 0 36px;
    padding: clamp(24px, 4vw, 36px);
    border: 1px solid #E3ECEE;
    border-radius: 22px;
    background: #FFFFFF !important;
    box-shadow: 0 15px 42px rgba(0, 0, 0, .12);
    box-sizing: border-box;
}

/* Nadpis historie */

.kt-seo-tool-wrapper .kt-seo-history h3 {
    margin: 0 0 14px;
    padding-left: 17px;
    border-left: 4px solid #02E3DA;
    color: #15242E !important;
    font-size: clamp(22px, 2.5vw, 27px);
    font-weight: 750;
    line-height: 1.25;
    letter-spacing: -.025em;
}

/* Vysvětlující text */

.kt-seo-tool-wrapper .kt-seo-history > p {
    max-width: 740px;
    margin: 0 0 24px;
    color: #667786 !important;
    font-size: 14px;
    line-height: 1.75;
}

/* Obal tabulky */

.kt-seo-tool-wrapper .kt-seo-history-scroll {
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid #E2EAED;
    border-radius: 14px;
    background: #FFFFFF;
}

/* Tabulka */

.kt-seo-tool-wrapper .kt-seo-history .kt-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 13px;
    color: #273A45;
}

.kt-seo-tool-wrapper .kt-seo-history .kt-table th {
    padding: 15px 17px;
    background: #EDF8F7;
    color: #42666A;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
    border-bottom: 1px solid #D9EBE9;
}

.kt-seo-tool-wrapper .kt-seo-history .kt-table td {
    padding: 17px;
    vertical-align: middle;
    border-bottom: 1px solid #EDF1F3;
    font-size: 13px;
    line-height: 1.55;
}

.kt-seo-tool-wrapper .kt-seo-history .kt-table tbody tr:last-child td {
    border-bottom: 0;
}

.kt-seo-tool-wrapper .kt-seo-history .kt-table tbody tr {
    transition: background .2s ease;
}

.kt-seo-tool-wrapper .kt-seo-history .kt-table tbody tr:hover {
    background: #F5FBFA;
}

/* URL a klíčová fráze */

.kt-seo-tool-wrapper .kt-seo-history .kt-wrap-anywhere {
    color: #233640;
    font-weight: 650;
    overflow-wrap: anywhere;
}

.kt-seo-tool-wrapper .kt-seo-history .kt-table small {
    display: inline-block;
    margin-top: 6px;
    color: #798993;
    font-size: 12px;
}

/* Skóre jako malý badge */

.kt-seo-tool-wrapper .kt-seo-history .kt-table td strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 66px;
    padding: 8px 12px;
    border-radius: 9px;
    background: #E7F9F6;
    color: #08796F;
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
}

/* Tlačítko Zobrazit */

.kt-seo-tool-wrapper .kt-seo-history .kt-table .kt-seo-outline {
    min-height: 38px;
    padding: 9px 16px;
    border: 1px solid #0C0C0C;
    border-radius: 999px;
    background: #0C0C0C !important;
    color: #FFFFFF !important;
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition:
        transform .2s ease,
        background .2s ease,
        color .2s ease;
}

.kt-seo-tool-wrapper .kt-seo-history .kt-table .kt-seo-outline:hover {
    background: #02E3DA !important;
    color: #0C0C0C !important;
    border-color: #02E3DA;
    transform: translateY(-1px);
}

/* Smazat historii */

.kt-seo-tool-wrapper #kt-seo-clear-history {
    display: block;
    width: fit-content;
    margin: 22px 0 0 auto;
    padding: 10px 17px;
    border: 1px solid #F0C8C8;
    border-radius: 999px;
    background: #FFF8F8 !important;
    color: #A64242 !important;
    font-size: 12px;
    font-weight: 650;
    cursor: pointer;
    transition: all .2s ease;
}

.kt-seo-tool-wrapper #kt-seo-clear-history:hover {
    background: #FCEAEA !important;
    border-color: #E6A6A6;
    color: #8E3030 !important;
}

/* 5. PRISTUPNOST */

.kt-seo-tool-wrapper .kt-btn-primary:focus-visible,
.kt-seo-tool-wrapper .kt-seo-cta-bottom a:focus-visible,
.kt-seo-tool-wrapper .kt-seo-outline:focus-visible {
    outline: 3px solid #02E3DA;
    outline-offset: 3px;
}

/* 6. MOBILNI ZOBRAZENI */

@media (max-width: 767px) {

    .kt-seo-tool-wrapper .kt-seo-cta {
        padding: 26px 22px;
        border-radius: 18px;
    }

    .kt-seo-tool-wrapper .kt-seo-cta h4 {
        font-size: 26px;
    }

    .kt-seo-tool-wrapper .kt-seo-cta p {
        font-size: 14px;
    }

    .kt-seo-tool-wrapper .kt-seo-cta-bottom {
        align-items: stretch;
        flex-direction: column;
        gap: 16px;
    }

    .kt-seo-tool-wrapper .kt-seo-cta-bottom a {
        width: 100%;
        white-space: normal;
        text-align: center;
    }

    .kt-seo-tool-wrapper .kt-seo-history {
        padding: 22px 16px;
        border-radius: 18px;
    }

    .kt-seo-tool-wrapper .kt-seo-history h3 {
        font-size: 22px;
    }

    .kt-seo-tool-wrapper .kt-seo-history .kt-table {
        min-width: 480px;
    }

    .kt-seo-tool-wrapper .kt-monitor .kt-btn-primary {
        width: 100%;
    }

    .kt-seo-tool-wrapper .kt-report-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .kt-seo-tool-wrapper #kt-export-pdf {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .kt-seo-tool-wrapper .kt-btn-primary,
    .kt-seo-tool-wrapper .kt-seo-cta-bottom a,
    .kt-seo-tool-wrapper .kt-seo-outline {
        transition: none;
        transform: none !important;
    }
}