//@import url('/tool/wes.css');

[data-theme="wes"] .page,
[data-theme="wes"] .container-analyse {
    background: #f5ede0;
    font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
    color: #2c1a0e;
    background-image:
        radial-gradient(circle at 20% 80%, #e8d5c0 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, #f0e2d0 0%, transparent 50%);
}

[data-theme="wes"] .container-analyse h1 {
    font-family: 'DM Serif Display', 'Playfair Display', Georgia, serif;
    font-size: 2.2rem;
    font-weight: 400;
    color: #8b1a1a;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-shadow: none;
}

[data-theme="wes"] .subtitle {
    font-family: 'Josefin Sans', sans-serif;
    color: #df8a50;
    font-size: 0.8rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

/* Form */
[data-theme="wes"] input[type="text"] {
    background: #fdf6ec;
    border: 2px solid #c4956a;
    border-radius: 0;
    color: #2c1a0e;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 105%;
    letter-spacing: 0.04em;
}

[data-theme="wes"] input[type="text"]:focus {
    border-color: #8b1a1a;
    box-shadow: 3px 3px 0 #c4956a;
    outline: none;
}

[data-theme="wes"] input[type="text"]::placeholder {
    color: #b89880;
    font-style: italic;
}

[data-theme="wes"] button[type="submit"],
[data-theme="wes"] #submitBtn {
    background: #8b1a1a;
    border: 2px solid #6b0f0f;
    border-radius: 0;
    color: #fdf6ec;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    font-size: 0.78rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    box-shadow: 3px 3px 0 #6b0f0f;
    transition: box-shadow 0.15s, transform 0.15s;
}

[data-theme="wes"] button[type="submit"]:hover,
[data-theme="wes"] #submitBtn:hover {
    background: #6b0f0f;
    box-shadow: 1px 1px 0 #6b0f0f;
    transform: translate(2px, 2px);
}

/* Alert */
[data-theme="wes"] .alert-error {
    background: #fdf0ec;
    border: 2px solid #8b1a1a;
    color: #6b0f0f;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 0.82rem;
    letter-spacing: 0.06em;
    border-radius: 0;
}

/* Info Box */
[data-theme="wes"] .info-box {
    background: #fdf6ec;
    border: 2px solid #c4956a;
    border-left: 5px solid #8b1a1a;
    color: #4a2c0e;
    border-radius: 0;
    font-size: 0.85rem;
    line-height: 1.7;
}

[data-theme="wes"] .info-box a {
    color: #8b1a1a !important;
    text-decoration: underline !important;
}

[data-theme="wes"] .info-toggle {
    color: #6b4226;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

/* Result Card */
[data-theme="wes"] .result-card {
    background: #fdf6ec;
    border: 2px solid #c4956a;
    border-top: 5px solid #8b1a1a;
    border-radius: 0;
    box-shadow: 5px 5px 0 #c4956a;
}

[data-theme="wes"] .result-card h2 {
    font-family: 'Josefin Sans', sans-serif;
    color: #6b4226;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    border-bottom: 1px solid #dfc5a8;
}

[data-theme="wes"] .result-card h2 .domain {
    color: #8b1a1a;
}

/* Result Items */
[data-theme="wes"] .result-item {
    background: #f5ede0;
    border: 1px solid #dfc5a8;
    border-radius: 0;
}

[data-theme="wes"] .result-item.highlight {
    background: #fff8f0;
    border: 2px solid #c4956a;
    box-shadow: 2px 2px 0 #c4956a;
}

[data-theme="wes"] .label {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 0.62rem;
    color: #8a6040;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-weight: 600;
}

[data-theme="wes"] .value {
    color: #2c1a0e;
    font-size: 0.92rem;
    font-weight: 400;
}

[data-theme="wes"] .value.mono {
    font-family: 'Courier New', monospace;
    color: #5a1a1a;
    font-size: 0.82rem;
}

/* Badges */
[data-theme="wes"] .badge-high {
    background: #e8f5e8;
    color: #1a5c1a;
    border: 1px solid #4a9a4a;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 0.7rem;
    letter-spacing: 0.08em;
    border-radius: 0;
}

[data-theme="wes"] .badge-medium {
    background: #fdf0e0;
    color: #7a4000;
    border: 1px solid #c47a30;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 0.7rem;
    letter-spacing: 0.08em;
    border-radius: 0;
}

[data-theme="wes"] .badge-low {
    background: #fdf0f0;
    color: #7a0f0f;
    border: 1px solid #c43030;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 0.7rem;
    letter-spacing: 0.08em;
    border-radius: 0;
}

/* Country Hints */
[data-theme="wes"] .country-hint {
    border-radius: 0;
    border-width: 2px;
}

[data-theme="wes"] .country-hint.de {
    background: #eef8ee;
    border-color: #4a9a4a;
    color: #1a4a1a;
}
[data-theme="wes"] .country-hint.de .ch-title { color: #1a5c1a; }

[data-theme="wes"] .country-hint.eu {
    background: #eef2fc;
    border-color: #3a6abf;
    color: #1a2a5a;
}
[data-theme="wes"] .country-hint.eu .ch-title { color: #1a3a8a; }

[data-theme="wes"] .country-hint.us {
    background: #fdf0f0;
    border-color: #c43030;
    color: #5a0f0f;
}
[data-theme="wes"] .country-hint.us .ch-title { color: #8b1a1a; }

[data-theme="wes"] .country-hint.other {
    background: #fdf8e8;
    border-color: #c49a1a;
    color: #4a3a00;
}
[data-theme="wes"] .country-hint.other .ch-title { color: #6a5000; }

/* CTA Box */
[data-theme="wes"] .cta-box {
    background: #fdf6ec;
    border: 2px solid #c4956a;
    border-top: 4px solid #8b1a1a;
    border-radius: 0;
    box-shadow: 4px 4px 0 #c4956a;
}

[data-theme="wes"] .cta-box.red {
    background: #fdf0f0;
    border-color: #c43030;
    border-top-color: #8b1a1a;
    box-shadow: 4px 4px 0 #c43030;
    color: #5a0f0f;
}

[data-theme="wes"] .cta-box.yellow {
    background: #fdf8e8;
    border-color: #c49a1a;
    border-top-color: #7a5a00;
    box-shadow: 4px 4px 0 #c49a1a;
    color: #4a3a00;
}

[data-theme="wes"] .cta-title {
    font-family: 'DM Serif Display', 'Playfair Display', serif;
    font-size: 0.95rem;
    font-weight: 400;
    color: #2c1a0e;
    letter-spacing: 0.04em;
    text-transform: none;
}

[data-theme="wes"] .cta-text {
    color: #6b4226;
    font-size: 0.78rem;
}

[data-theme="wes"] .cta-btn {
    background: #8b1a1a;
    border: 2px solid #6b0f0f;
    border-radius: 0;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fdf6ec !important;
    box-shadow: 3px 3px 0 #6b0f0f;
    transition: box-shadow 0.15s, transform 0.15s;
}

[data-theme="wes"] .cta-btn:hover {
    background: #6b0f0f;
    box-shadow: 1px 1px 0 #6b0f0f;
    transform: translate(2px, 2px);
}

/* Detail Container */
[data-theme="wes"] #detailContainer {
    background: #fdf6ec;
    border: 2px solid #c4956a;
    border-radius: 0;
    box-shadow: 4px 4px 0 #c4956a;
}

[data-theme="wes"] .detail-container-header {
    background: #f5ede0;
    border-bottom: 2px solid #dfc5a8;
    border-radius: 0;
}

[data-theme="wes"] .detail-container-title {
    font-family: 'DM Serif Display', 'Playfair Display', serif;
    color: #2c1a0e;
    font-size: 0.92rem;
    font-weight: 400;
    letter-spacing: 0.04em;
}

[data-theme="wes"] .detail-container-sub {
    color: #6b4226;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 0.7rem;
    letter-spacing: 0.06em;
}

[data-theme="wes"] .detail-section {
    border-top: 1px solid #dfc5a8;
}

[data-theme="wes"] .detail-title {
    color: #8a6040;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 0.62rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

[data-theme="wes"] .detail-item {
    background: #f5ede0;
    border: 1px solid #dfc5a8;
    border-radius: 0;
}

/* Port Table */
[data-theme="wes"] .port-table th {
    color: #8a6040;
    border-bottom: 2px solid #dfc5a8;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 0.62rem;
    letter-spacing: 0.12em;
}

[data-theme="wes"] .port-table td {
    color: #4a2c0e;
    border-bottom: 1px solid #ecdfc8;
    font-family: 'Courier New', monospace;
}

[data-theme="wes"] .port-table td:first-child {
    color: #8b1a1a;
    font-weight: 700;
}

/* CSP */
[data-theme="wes"] .csp-tag {
    background: #f5ede0;
    border: 1px solid #dfc5a8;
    color: #4a2c0e;
    font-family: 'Courier New', monospace;
    font-size: 0.68rem;
    border-radius: 0;
}

[data-theme="wes"] .csp-raw {
    background: #f0e6d4;
    border: 1px solid #dfc5a8;
    color: #2c1a0e;
    font-family: 'Courier New', monospace;
    font-size: 0.65rem;
    border-radius: 0;
}

/* API Hint */
[data-theme="wes"] .api-hint {
    background: #fdf6ec;
    border: 1px solid #dfc5a8;
    color: #4a2c0e;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 0.8rem;
    border-radius: 0;
}

[data-theme="wes"] .api-hint code {
    background: #f0e6d4;
    color: #8b1a1a;
    border-radius: 0;
}

/* Tooltip */
[data-theme="wes"] .info-icon {
    background: #dfc5a8;
    color: #4a2c0e;
    border-radius: 0;
}

[data-theme="wes"] .info-icon::after {
    background: #fdf6ec;
    color: #2c1a0e;
    border: 1px solid #c4956a;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 0.75rem;
}

/* Spinner */
[data-theme="wes"] .spinner {
    border-color: rgba(139, 26, 26, 0.2);
    border-top-color: #8b1a1a;
}

/* Footer */
[data-theme="wes"] footer {
    border-top: 1px solid #dfc5a8;
    color: #fdf6ec;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 0.7rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

[data-theme="wes"] footer a {
    color: #c4956a !important;
}