/* Aoprema towbar inquiry — matches the site's checkout look
   (filled #f9fafa inputs, red #ff3131 button, 1px #808080 cards). */

/* Self-contained layout: the form may sit on a plain theme page (Hello
   Elementor default template — no container, no gutter, system font). */
.ati-wrap,
.ati-cta { font-family: "Poppins", sans-serif; }
.ati-wrap {
    max-width: 860px;
    margin: 32px auto 56px;
    padding: 0 16px;
    box-sizing: border-box;
}
.ati-title { font-size: 32px; font-weight: 600; line-height: 1.2; color: #000; margin: 0 0 10px; }
.ati-intro { font-size: 15px; color: #333; line-height: 1.5; margin: 0 0 28px; }
/* Our own heading replaces the theme's page title on the form page. */
body:has(.ati-wrap.ati-has-title) .page-header { display: none; }

.ati-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 20px;
}
.ati-field { margin: 0 0 14px; display: flex; flex-direction: column; }
.ati-field--full { grid-column: 1 / -1; }

.ati-field > label { font-size: 14px; font-weight: 500; color: #000; margin-bottom: 6px; }
.ati-req { color: #ff3131; }

.ati-form input[type="text"],
.ati-form input[type="email"],
.ati-form input[type="tel"],
.ati-form select,
.ati-form textarea {
    width: 100%;
    box-sizing: border-box;
    background: #f9fafa;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: 0 16px;
    font: inherit;
    font-size: 15px;
    color: #000;
}
.ati-form input[type="text"],
.ati-form input[type="email"],
.ati-form input[type="tel"],
.ati-form select { height: 50px; }
.ati-form textarea { padding: 14px 16px; min-height: 130px; resize: vertical; }
.ati-form input:focus,
.ati-form select:focus,
.ati-form textarea:focus { outline: none; border-color: #808080; background: #fff; }

.ati-has-error input,
.ati-has-error select,
.ati-has-error textarea { border-color: #ff3131 !important; }
.ati-error { color: #d10000; font-size: 13px; margin-top: 4px; }
.ati-hint { color: #666; font-size: 13px; margin-top: 6px; }

.ati-consent label { font-size: 13px; color: #333; display: flex; gap: 8px; align-items: flex-start; line-height: 1.45; }
.ati-consent input { margin-top: 3px; flex: 0 0 auto; }
.ati-consent a { color: inherit; text-decoration: underline; }

/* Honeypot — off-screen, not display:none (some bots skip hidden fields). */
.ati-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

.ati-actions { margin: 6px 0 0; }
.ati-form .ati-submit,
.ati-cta .ati-cta-btn {
    display: inline-block;
    background: #ff3131 !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 3px !important;
    padding: 16px 36px !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none !important;
    cursor: pointer;
}
.ati-form .ati-submit:hover,
.ati-cta .ati-cta-btn:hover { background: #e02020 !important; }

.ati-error-summary,
.ati-success {
    border-radius: 3px;
    padding: 14px 18px;
    margin: 0 0 18px;
    font-size: 15px;
}
.ati-error-summary { background: #fff1f1; border-left: 4px solid #ff3131; color: #8a0000; }
.ati-success { background: #f1fbf3; border-left: 4px solid #1a9e3f; color: #0f5a25; }

/* Category call-to-action */
.ati-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px 24px;
    background: #f6f6f6;
    border: 1px solid #808080;
    border-radius: 3px;
    padding: 18px 24px;
    margin: 24px 0;
}
.ati-cta-text { display: flex; flex-direction: column; gap: 4px; }
.ati-cta-text strong { font-size: 17px; color: #000; }
.ati-cta-text span { font-size: 14px; color: #333; }
.ati-cta .ati-cta-btn { flex: 0 0 auto; }

@media (max-width: 700px) {
    .ati-wrap { margin-top: 20px; }
    .ati-title { font-size: 24px; }
    .ati-grid { grid-template-columns: 1fr; }
    .ati-cta { flex-direction: column; align-items: stretch; text-align: center; }
    .ati-form .ati-submit { width: 100%; }
}