/* ==========================================================
Convention Registrar Tools
Eventin Public-Page Overrides

Purpose:

* Keep Eventin customizations separate from the plugin.
* Coordinate public Eventin screens with conference branding.

Pages:

* Ticket selection
* Checkout
* Order confirmation
  ========================================================== */

/* ==========================================================
Shared Colors
========================================================== */

:root {
    --crt-eventin-primary: #92be6e;
    --crt-eventin-primary-hover: #77ae4a;
    --crt-eventin-page-background: #f8f8f8;
}

/* ==========================================================
Ticket Selection Page
========================================================== */

.etn-purchase-ticket-root>div {
    background-color: var(--crt-eventin-page-background);
}

/* Hide Ticket Sale Date */
.eve-ticket-end-date {
    display: none;
}

/* Proceed to Checkout button. */
.etn-purchase-ticket-submit-btn.ant-btn-primary {
    background-color: var(--crt-eventin-primary) !important;
    border-color: var(--crt-eventin-primary) !important;
    color: #ffffff !important;
}

.etn-purchase-ticket-submit-btn.ant-btn-primary:hover,
.etn-purchase-ticket-submit-btn.ant-btn-primary:focus {
    background-color: var(--crt-eventin-primary-hover) !important;
    border-color: var(--crt-eventin-primary-hover) !important;
    color: #ffffff !important;
}

.etn-purchase-ticket-submit-btn,
.etn-purchase-ticket-submit-btn span {
    font-size: 16px !important;
}

/* Checkout action buttons. */
.eventin-submit-button,
.crt-registration-selection-button {
    width: 100% !important;
    height: 50px;
    font-size: 16px;
}

/* Back to Registration Selection button. */
.crt-registration-selection-button {
    margin-top: 12px;
    margin-bottom: 12px;

    background: #ffffff;
    color: var(--crt-eventin-primary);
    border: 2px solid var(--crt-eventin-primary);
    border-radius: 6px;
    padding: 0 20px;
    font-weight: 500;
    cursor: pointer;
}

.crt-registration-selection-button:hover {
    background-color: var(--crt-eventin-primary-hover);
    border-color: var(--crt-eventin-primary-hover);
    color: #ffffff;
    outline: none;
    box-shadow: none;
}

.crt-registration-selection-button:focus-visible {
    background-color: var(--crt-eventin-primary-hover);
    border-color: var(--crt-eventin-primary-hover);
    color: #ffffff;
    outline: 3px solid var(--crt-eventin-primary);
    outline-offset: 2px;
    box-shadow: none;
}

/* Registrar Registration Entry - Order Summary panel. */
body.page-registration-entry .eve-order-summary {
    border: 1px solid rgb(191, 188, 182);
    border-radius: 8px;
    padding: 18px 28px;
    box-sizing: border-box;
}

/* ==========================================================
Checkout Page
========================================================== */

/* Checkout page background. */
#eventin-checkout,
.eventin-checkout-page .site-content {
    background-color: var(--crt-eventin-page-background);
}

/* Eventin checkout panels */
.eventin-card,
.eventin-billing-form-container,
.eventin-form-card-container {
    background-color: #eaeaea !important;
}

/* Hide Eventin checkout progress steps. */
.eventin-steps {
    display: none;
}

/* Back button. */
.eventin-back-button {
    background-color: var(--crt-eventin-primary) !important;
    border-color: var(--crt-eventin-primary) !important;
    color: #ffffff !important;
}

.eventin-back-button:hover,
.eventin-back-button:focus {
    background-color: var(--crt-eventin-primary-hover) !important;
    border-color: var(--crt-eventin-primary-hover) !important;
    color: #ffffff !important;
}

.eventin-back-button span,
.eventin-back-button:hover span,
.eventin-back-button:focus span {
    color: #ffffff !important;
}

/* Remove redundant event details from the order summary. */
.eventin-card .eventin-title,
.eventin-card .eventin-location-container,
.eventin-card .eventin-divider {
    display: none;
}

/* Align the order summary with the buyer-information form. */
@media (min-width: 992px) {

    .eventin-summary-col {
        padding-top: 105px;
    }

}

/* Proceed to Payment button. */
.eventin-submit-button.ant-btn-primary {
    background-color: var(--crt-eventin-primary) !important;
    border-color: var(--crt-eventin-primary) !important;
    color: #ffffff !important;
}

.eventin-submit-button.ant-btn-primary:hover,
.eventin-submit-button.ant-btn-primary:focus {
    background-color: var(--crt-eventin-primary-hover) !important;
    border-color: var(--crt-eventin-primary-hover) !important;
    color: #ffffff !important;
}

/* ==========================================================
   Checkout Form Fields and Checkboxes
   ========================================================== */

/* Green border when text fields and dropdowns are hovered. */
#eventin-checkout .ant-input:hover,
#eventin-checkout .ant-input-affix-wrapper:hover,
#eventin-checkout .ant-select-selector:hover {
    border-color: var(--crt-eventin-primary-hover) !important;
}

/* Green border and focus ring when fields are active. */
#eventin-checkout .ant-input:focus,
#eventin-checkout .ant-input-focused,
#eventin-checkout .ant-input-affix-wrapper:focus,
#eventin-checkout .ant-input-affix-wrapper-focused,
#eventin-checkout .ant-select-focused .ant-select-selector {
    border-color: var(--crt-eventin-primary-hover) !important;
    box-shadow: 0 0 0 2px rgba(117, 101, 79, 0.20) !important;
    outline: none !important;
}

/* Green checkbox border on hover. */
#eventin-checkout .ant-checkbox-wrapper:hover .ant-checkbox-inner,
#eventin-checkout .ant-checkbox:hover .ant-checkbox-inner {
    border-color: var(--crt-eventin-primary-hover) !important;
}

/* Green checkbox when selected. */
#eventin-checkout .ant-checkbox-checked .ant-checkbox-inner {
    background-color: var(--crt-eventin-primary-hover) !important;
    border-color: var(--crt-eventin-primary-hover) !important;
}

/* Prevent the selected checkbox from returning to purple on hover. */
#eventin-checkout .ant-checkbox-wrapper:hover .ant-checkbox-checked .ant-checkbox-inner {
    background-color: var(--crt-eventin-primary-hover) !important;
    border-color: var(--crt-eventin-primary-hover) !important;
}

/* Green keyboard-focus ring around checkboxes. */
#eventin-checkout .ant-checkbox-input:focus+.ant-checkbox-inner {
    border-color: var(--crt-eventin-primary-hover) !important;
    box-shadow: 0 0 0 2px rgba(117, 101, 79, 0.20) !important;
}

.crt-stripe-notice {
    background: #e8dcc4;
    border: 1px solid #c8b58e;
    border-left: 5px solid #8a6f45;
    padding: 14px 16px;
    margin: 18px 0;
    border-radius: 6px;
    font-size: 15px;
    line-height: 1.5;
}

.crt-stripe-notice strong {
    display: block;
    margin-bottom: 6px;
}

/* Electronic-payment processing fee row */
.eventin-processing-fee {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.crt-processing-fee-amount {
    white-space: nowrap;
}


/* ==========================================================
Stripe Payment Page
========================================================== */

/* Pay Now button styling */
.etn-stripe-payment #submit {
    background-color: #4158D0 !important;
    border-color: #4158D0 !important;
    color: #fff !important;

    font-size: 17px !important;
    font-weight: 600;
}

.etn-stripe-payment #submit:hover:not(:disabled),
.etn-stripe-payment #submit:focus:not(:disabled) {
    background-color: #364AB5 !important;
    /* slightly darker for hover */
    border-color: #364AB5 !important;
}

/* ==========================================================
Confirmation Page
========================================================== */

/* Try Again button. */
.eventin-try-again-button {
    background-color: var(--crt-eventin-primary) !important;
    border-color: var(--crt-eventin-primary) !important;
    color: #ffffff !important;
}

.eventin-try-again-button span {
    color: #ffffff !important;
}

button.eventin-try-again-button:hover,
button.eventin-try-again-button:focus,
button.eventin-try-again-button.ant-btn:hover,
button.eventin-try-again-button.ant-btn:focus {
    background-color: var(--crt-eventin-primary-hover) !important;
    border-color: var(--crt-eventin-primary-hover) !important;
    color: #ffffff !important;
}

button.eventin-try-again-button:hover span,
button.eventin-try-again-button:focus span {
    color: #ffffff !important;
}

/* Back to Event button. */
a.eventin-go-back-btn.ant-btn-primary.ant-btn-variant-solid {
    background-color: var(--crt-eventin-primary) !important;
    border-color: var(--crt-eventin-primary) !important;
    color: #ffffff !important;
}

a.eventin-go-back-btn.ant-btn-primary.ant-btn-variant-solid span {
    color: #ffffff !important;
}

a.eventin-go-back-btn.ant-btn-primary.ant-btn-variant-solid:hover,
a.eventin-go-back-btn.ant-btn-primary.ant-btn-variant-solid:focus {
    background-color: var(--crt-eventin-primary-hover) !important;
    border-color: var(--crt-eventin-primary-hover) !important;
    color: #ffffff !important;
}

a.eventin-go-back-btn.ant-btn-primary.ant-btn-variant-solid:hover span,
a.eventin-go-back-btn.ant-btn-primary.ant-btn-variant-solid:focus span {
    color: #ffffff !important;
}

/* ---------------------------------------------------------
   Eventin Confirmation
   Hide downloadable ticket section
   --------------------------------------------------------- */

div:has(> .eventin-download-tickets-title) {
    display: none !important;
}

/* Processing fee on the Eventin confirmation page */
.crt-confirmation-processing-fee {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.eventin-processing-fee-label,
.eventin-processing-fee-value {
    font-size: 14px;
    font-weight: 400;
    color: rgb(107, 114, 128);
}

.eventin-processing-fee-value {
    white-space: nowrap;
}

/* ==========================================================
   Fellowship Systems Eventin polish — v1.12.0 RC9
   ========================================================== */

/* Fellowship Systems buttons throughout Eventin's registrar flow. */
.etn-purchase-ticket-submit-btn.ant-btn-primary,
.eventin-back-button,
.eventin-submit-button.ant-btn-primary,
.eventin-try-again-button,
a.eventin-go-back-btn.ant-btn-primary.ant-btn-variant-solid {
    background-color: var(--crt-eventin-primary) !important;
    border-color: var(--crt-eventin-primary) !important;
    color: #ffffff !important;
}

.etn-purchase-ticket-submit-btn.ant-btn-primary:hover,
.etn-purchase-ticket-submit-btn.ant-btn-primary:focus,
.eventin-back-button:hover,
.eventin-back-button:focus,
.eventin-submit-button.ant-btn-primary:hover,
.eventin-submit-button.ant-btn-primary:focus,
button.eventin-try-again-button:hover,
button.eventin-try-again-button:focus,
a.eventin-go-back-btn.ant-btn-primary.ant-btn-variant-solid:hover,
a.eventin-go-back-btn.ant-btn-primary.ant-btn-variant-solid:focus {
    background-color: var(--crt-eventin-primary-hover) !important;
    border-color: var(--crt-eventin-primary-hover) !important;
    color: #ffffff !important;
}