/**
 * Turnstile Widget Styles
 * 
 * Ensures proper widget positioning and responsiveness
 */

#onbook-turnstile-container {
    margin: 20px 0;
    display: flex;
    justify-content: center;
    min-height: 65px; /* Minimum height for widget */
}

/* Loading state */
#onbook-turnstile-container.loading {
    opacity: 0.6;
}

/* Error state */
#onbook-turnstile-container.error {
    outline: 1px solid #dc3545;
}

/* Mobile responsive */
@media (max-width: 768px) {
    #onbook-turnstile-container {
        margin: 15px 0;
        transform: scale(0.85);
        transform-origin: center;
    }
}