/* ══════════════════════════════════════════════════════════════
   CONTACT PAGE — Patches
   Append to main.css or load as separate <link>
   ══════════════════════════════════════════════════════════════ */

/* ── Contact card address (replaces inline style) ── */
.contact-address {
    margin-bottom: var(--sp-4);
    color: var(--gray-600);
    line-height: 1.7;
}

/* ── Contact card h4 icon spacing (replaces inline style="margin-right:6px") ── */
.contact-card h4 i {
    margin-right: 6px;
}

/* ── Captcha (moved from inline <style> block) ── */
.captcha-group { margin-bottom: .5rem; }
.captcha-row { display: flex; align-items: center; gap: .75rem; }
.captcha-question {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    padding: .5rem 1rem;
    background: var(--gray-100, #f3f4f6);
    border: 1px solid var(--gray-200, #e5e7eb);
    border-radius: .375rem;
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: .5px;
    color: var(--gray-800, #1f2937);
    user-select: none;
    white-space: nowrap;
}
.captcha-input {
    width: 100px;
    text-align: center;
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: 1px;
}
.captcha-refresh {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--gray-200, #e5e7eb);
    border-radius: .375rem;
    background: #fff;
    color: var(--gray-500, #6b7280);
    cursor: pointer;
    transition: .2s;
    flex-shrink: 0;
}
.captcha-refresh:hover {
    color: var(--brand-500, #2563eb);
    border-color: var(--brand-300, #93c5fd);
    background: var(--brand-50, #eff6ff);
}
.captcha-refresh i { font-size: .85rem; }
.captcha-refresh.spinning i { animation: captchaSpin .5s ease; }
@keyframes captchaSpin { from { transform: rotate(0); } to { transform: rotate(360deg); } }