/*
 * Default event verification template — static CSS.
 * Dynamic values (colours, background image) are injected as CSS custom
 * properties by medevents_event_detail_dynamic_css() via wp_add_inline_style().
 *
 * Theme override: copy to {theme}/medevents-events/event-verification-templates/default/style.css
 */

#access-code-container {
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 89vh;
}

/* Scope form styles to this template's container to avoid bleeding into the page */
#access-code-container form {
    max-width: 400px;
    display: block;
    margin: auto;
}

#access-code-container .btn {
    background-color: var(--secondary-bg-color, #023C6B);
    color: white !important;
    display: block;
    margin: auto;
    border-radius: 2rem;
    border: 2px solid var(--secondary-bg-color, #023C6B);
    padding: 0.5rem 2rem;
    box-shadow: none !important;
    font-weight: 600;
    text-decoration: none !important;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

#access-code-container .btn:hover,
#access-code-container .btn:focus {
    background-color: transparent !important;
    color: var(--secondary-bg-color, #023C6B) !important;
    border-color: var(--secondary-bg-color, #023C6B) !important;
    box-shadow: none !important;
}

.event-verification__overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 89vh !important;
}

.event-verification__card {
    background-color: var(--primary-bg-color);
    border-radius: 15px;
}

.event-verification__footer {
    border-top: 2px solid var(--secondary-bg-color);
}

.event-verification__footer a {
    color: var(--primary-bg-color) !important;
    text-decoration: underline !important;
}

.event-verification__copyright {
    color: #313131 !important;
}