/**
 * Form flow only — preserves original teal SKS offer UI.
 * Loaded after style-chrome.css; does not change form layout.
 */
:root {
    --color-form: #0d9488;
    --color-form-dark: #0f766e;
    --color-form-light: #2dd4bf;
    --color-form-soft: rgba(13, 148, 136, 0.1);
    --shadow-form-md: 0 8px 24px rgba(13, 148, 136, 0.1), 0 2px 8px rgba(12, 18, 34, 0.04);
    --shadow-form-glow: 0 0 0 1px rgba(13, 148, 136, 0.08), 0 8px 32px rgba(13, 148, 136, 0.12);
}

#offerForm .section-title i {
    color: var(--color-form);
}

#offerForm .step-content {
    border: 1px solid rgba(13, 148, 136, 0.08);
}

#offerForm .pet-card-btn:hover .card-inner {
    border-color: rgba(13, 148, 136, 0.45);
    box-shadow: var(--shadow-form-md);
}

#offerForm .pet-card-btn:focus-visible .card-inner {
    outline-color: var(--color-form);
}

#offerForm .pet-card-btn:hover .card-img {
    box-shadow: 0 4px 16px rgba(13, 148, 136, 0.25);
}

#offerForm .card-add {
    color: var(--color-form);
}

#offerForm .your-pet-tag {
    background: linear-gradient(135deg, rgba(13, 148, 136, 0.1), rgba(13, 148, 136, 0.06));
    border-color: rgba(13, 148, 136, 0.25);
    color: var(--color-form-dark);
}

#offerForm .your-pet-tag button {
    color: var(--color-form-dark);
}

#offerForm .your-pet-tag button:hover {
    background: rgba(13, 148, 136, 0.28);
}

#offerForm .input:focus,
#offerForm .input-wrap-phone:focus-within {
    border-color: var(--color-form);
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.12);
}

#offerForm .btn-primary {
    background: linear-gradient(135deg, var(--color-form-light) 0%, var(--color-form) 45%, var(--color-form-dark) 100%);
    box-shadow: 0 4px 16px rgba(13, 148, 136, 0.35);
}

#offerForm .btn-primary:hover:not(:disabled) {
    box-shadow: 0 8px 24px rgba(13, 148, 136, 0.4);
}

#offerForm .btn-secondary {
    color: var(--color-form-dark);
    border-color: var(--color-form);
}

#offerForm .btn-secondary:hover {
    background: var(--color-form-soft);
}

#offerForm .btn:focus-visible {
    outline-color: var(--color-form-light);
}

/* Success (part of offer flow — stays teal) */
#successBox {
    background: linear-gradient(165deg, #fff 0%, #f0fdfa 100%);
    border: 1px solid rgba(13, 148, 136, 0.15);
    box-shadow: var(--shadow-form-glow);
}

#successBox::before {
    background: radial-gradient(ellipse, rgba(45, 212, 191, 0.2), transparent 70%);
}

#successBox .success-icon {
    color: var(--color-form);
    filter: drop-shadow(0 4px 12px rgba(13, 148, 136, 0.3));
}

#successBox .success-branch-info {
    border-color: rgba(13, 148, 136, 0.15);
}

#successBox .success-branch-title,
#successBox .success-branch-phone {
    color: var(--color-form-dark);
}

#successBox .success-branch-phone:hover {
    color: var(--color-form);
}

#successBox .btn-secondary {
    color: var(--color-form-dark);
    border-color: var(--color-form);
}

#successBox .btn-secondary:hover {
    background: var(--color-form-soft);
}