/* Shared states and mobile layout. Local Elementor controls may override appearance. */
:root {
    --betalink-space-1: .25rem;
    --betalink-space-2: .5rem;
    --betalink-space-3: .75rem;
    --betalink-space-4: 1rem;
    --betalink-space-6: 1.5rem;
    --betalink-space-8: 2rem;
    --betalink-space-12: 3rem;
    --betalink-space-16: 4rem;
    --betalink-card-shadow: 0 12px 36px rgb(33 24 41 / 8%);
}
.betalink-hero, .betalink-footer {
    color: var(--betalink-text-inverse);
    --betalink-context-focus: var(--betalink-focus-on-dark);
}
.betalink-form-panel, .betalink-card, .betalink-header {
    background: var(--betalink-surface);
    color: var(--betalink-text);
    --betalink-context-focus: var(--betalink-focus);
}
:focus-visible {
    outline-color: var(--betalink-context-focus, var(--betalink-focus));
}
.betalink-hero-grid > *, .betalink-form-row > *, .betalink-grid > * {
    min-width: 0;
}
.betalink-hero-grid { align-items: start; }
.betalink-hero-grid > .betalink-hero-image {
    margin: 0;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}
.betalink-form-panel { box-shadow: var(--betalink-card-shadow); }
.betalink-hero-copy a { color: var(--betalink-brand-on-dark); }
.betalink-field small.betalink-error { color: var(--betalink-error); }
.betalink-body, .betalink-lead { max-width: 70ch; overflow-wrap: anywhere; }
.betalink-button {
    color: var(--betalink-action-text);
    min-height: var(--betalink-control-height);
    text-align: center;
}
.betalink-button:hover, .betalink-button:active { color: var(--betalink-action-text); }
.betalink-button:active { box-shadow: inset 0 0 0 2px currentColor; }
.betalink-button-secondary { color: var(--betalink-brand); background: transparent; }
.betalink-button-secondary:hover {
    color: var(--betalink-brand-hover);
    background: var(--betalink-brand-soft);
}
.betalink-button:disabled, .betalink-button[aria-disabled="true"] {
    cursor: not-allowed;
    opacity: 1;
    background: var(--betalink-surface-muted);
    color: var(--betalink-text-muted);
    border-color: var(--betalink-control-border);
}
.betalink-button[aria-busy="true"] { cursor: progress; }
.betalink-field input, .betalink-field select, .betalink-field textarea {
    background: var(--betalink-surface);
    color: var(--betalink-text);
}
.betalink-field [aria-invalid="true"] {
    border: 2px solid var(--betalink-error);
}
.betalink-field input:disabled, .betalink-field select:disabled, .betalink-field textarea:disabled {
    background: var(--betalink-surface-muted);
    color: var(--betalink-text-muted);
    opacity: 1;
    cursor: not-allowed;
}
.betalink-field input::placeholder, .betalink-field textarea::placeholder {
    color: var(--betalink-text-muted);
    opacity: 1;
}
.betalink-form-status[data-state="error"] {
    color: var(--betalink-error);
}
.betalink-form-status[data-state="success"] {
    color: var(--betalink-success);
}
.betalink-logo { display: block; width: 210px; height: auto; }
.betalink-contact-list a { overflow-wrap: anywhere; }
@media (min-width: 1024px) {
    .betalink-hero-grid > .betalink-hero-copy { grid-column: 1; grid-row: 1; }
    .betalink-hero-grid > .betalink-form-panel { grid-column: 2; grid-row: 1 / span 2; }
    .betalink-hero-grid > .betalink-hero-image { grid-column: 1; grid-row: 2; }
}
@media (forced-colors: active) {
    .betalink-button { border: 1px solid ButtonText; }
    :focus-visible { outline-color: Highlight; }
}