/*
 * EPIC Analytics - front-end styling (v0.2.0).
 *
 * ONLY the "Request this tire" card shown on no-result finder
 * searches. Enqueued only on shop / product-taxonomy / search pages
 * and only while the request form is enabled (master + requests
 * switches on). Store identity: white card, ink text, EPIC red
 * button. No other storefront element is styled here.
 */

.epic-req-card {
    background: #fff;
    border: 1px solid #E3E3E8;
    border-radius: 14px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
    padding: 20px 22px;
    margin: 18px 0;
    max-width: 560px;
    color: #0B0B0B;
    font-size: 15px;
}
.epic-req-title {
    margin: 0 0 8px;
    font-size: 19px;
    font-weight: 600;
    color: #0B0B0B;
}
.epic-req-body { margin: 0 0 14px; color: #333; }
.epic-req-thanks { margin: 0; font-weight: 600; }
.epic-req-error {
    margin: 0 0 12px;
    color: #D7263D;
    font-weight: 600;
}
.epic-req-field { margin: 0 0 12px; }
.epic-req-field label {
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 600;
    color: #333;
}
.epic-req-field input {
    width: 100%;
    box-sizing: border-box;
    padding: 9px 11px;
    border: 1px solid #E3E3E8;
    border-radius: 8px;
    font-size: 15px;
    background: #fff;
    color: #0B0B0B;
}
.epic-req-field input:focus {
    outline: 2px solid #D7263D;
    outline-offset: 1px;
    border-color: #D7263D;
}
/* Honeypot: present in the DOM for bots, invisible to humans. */
.epic-req-hp {
    position: absolute !important;
    left: -9999px !important;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    margin: 0;
}
.epic-req-actions { margin: 4px 0 8px; }
.epic-req-btn {
    background: #D7263D;
    color: #fff;
    border: 1px solid #D7263D;
    border-radius: 10px;
    padding: 9px 20px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}
.epic-req-btn:hover { background: #b81e31; border-color: #b81e31; color: #fff; }
.epic-req-fine { margin: 0; font-size: 13px; color: #555; }