/* ==========================================================
   EMPOWER HER CONFERENCE REGISTRATION
   TICKET-FOCUSED DESIGN
========================================================== */


/* ==========================================================
   PAGE
========================================================== */

.ehr-registration-page {
    --ehr-wine: #940044;
    --ehr-deep-wine: #760036;
    --ehr-pink: #db0d5b;
    --ehr-hot-pink: #ef286f;
    --ehr-blush: #fff0ed;
    --ehr-cream: #fff9f7;
    --ehr-gold: #d8a347;
    --ehr-text: #654f58;
    --ehr-border: rgba(148, 0, 68, 0.13);

    margin: 0;
    padding: 0;
    background: #fff8f6;
}


/* ==========================================================
   MAIN REGISTRATION AREA
========================================================== */

.ehr-registration {
    position: relative;
    overflow: hidden;

    min-height: 850px;

    padding: 100px 25px 110px;

    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(239, 40, 111, 0.10),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 15%,
            rgba(216, 163, 71, 0.10),
            transparent 27%
        ),
        linear-gradient(
            145deg,
            #fffaf8 0%,
            #fff1ef 48%,
            #fde7eb 100%
        );
}


/* ==========================================================
   DECORATIVE CIRCLES
========================================================== */

.ehr-orb {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.ehr-orb-left {
    width: 450px;
    height: 450px;

    left: -280px;
    bottom: -230px;

    border:
        1px solid
        rgba(216, 163, 71, 0.25);
}

.ehr-orb-right {
    width: 390px;
    height: 390px;

    right: -200px;
    top: -210px;

    border:
        1px solid
        rgba(219, 13, 91, 0.14);
}


/* ==========================================================
   INNER CONTAINER
========================================================== */

.ehr-registration-inner {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 930px;

    margin: 0 auto;
}


/* ==========================================================
   HEADER
========================================================== */

.ehr-registration-header {
    max-width: 720px;

    margin:
        0 auto
        55px;

    text-align: center;
}


.ehr-kicker {
    margin:
        0 0
        20px;

    color: var(--ehr-pink);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: .28em;

    text-transform: uppercase;
}


.ehr-registration-header h1 {
    margin: 0;

    color: var(--ehr-wine);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            55px,
            7vw,
            88px
        );

    font-weight: 400;

    line-height: 1;

    letter-spacing: -.045em;
}


.ehr-registration-header h1 em {
    color: var(--ehr-pink);

    font-weight: 400;
}


.ehr-intro {
    max-width: 560px;

    margin:
        27px auto
        0;

    color: #715d65;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 16px;

    line-height: 1.75;
}


/* ==========================================================
   TICKET SHELL
========================================================== */

.ehr-ticket-shell {
    position: relative;

    width: 100%;
    max-width: 820px;

    margin: 0 auto;

    overflow: hidden;

    background:
        rgba(
            255,
            255,
            255,
            0.96
        );

    border:
        1px solid
        rgba(
            148,
            0,
            68,
            0.12
        );

    box-shadow:
        0 35px 80px
        rgba(
            118,
            0,
            54,
            0.12
        );
}


/* Pink/gold top line */

.ehr-ticket-shell::before {
    content: "";

    display: block;

    width: 100%;
    height: 6px;

    background:
        linear-gradient(
            90deg,
            #940044 0%,
            #d90c59 45%,
            #ef286f 75%,
            #d8a347 100%
        );
}


/* ==========================================================
   STATUS BAR
========================================================== */

.ehr-ticket-status {
    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap: 20px;

    padding:
        22px
        30px;

    background: #fff9f7;

    border-bottom:
        1px solid
        var(--ehr-border);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: .15em;

    color: var(--ehr-wine);
}


.ehr-status-left {
    display: flex;

    align-items: center;

    gap: 11px;
}


.ehr-status-dot {
    width: 8px;
    height: 8px;

    border-radius: 50%;

    background:
        var(--ehr-hot-pink);

    box-shadow:
        0 0 0 5px
        rgba(
            239,
            40,
            111,
            0.10
        );
}


.ehr-status-right {
    color: #9b7c68;
}


/* ==========================================================
   TICKET PLUGIN CONTAINER
========================================================== */

.ehr-ticket-content {
    padding:
        34px
        38px
        30px;
}


/* Remove unnecessary WordPress spacing */

.ehr-ticket-content > * {
    max-width: 100% !important;
}

.ehr-ticket-content > *:first-child {
    margin-top: 0 !important;
}

.ehr-ticket-content > *:last-child {
    margin-bottom: 0 !important;
}


/* ==========================================================
   EVENT TICKETS MAIN FORM
========================================================== */

.ehr-ticket-content
.tribe-tickets__tickets-wrapper,

.ehr-ticket-content
.tribe-tickets__tickets-form,

.ehr-ticket-content
.tribe-tickets__tickets {

    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;

    padding: 0 !important;

    background:
        transparent !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;
}


/* ==========================================================
   PLUGIN "TICKETS" HEADING
========================================================== */

.ehr-ticket-content
.tribe-tickets__tickets-title,

.ehr-ticket-content
.tribe-common-h4 {

    margin:
        0 0
        20px !important;

    color:
        var(--ehr-wine) !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        30px !important;

    font-weight:
        400 !important;
}


/* ==========================================================
   INDIVIDUAL TICKET ROW
========================================================== */

.ehr-ticket-content
.tribe-tickets__tickets-item {

    padding:
        28px 0 !important;

    border-top:
        1px solid
        rgba(
            148,
            0,
            68,
            0.10
        ) !important;
}


/* Ticket name */

.ehr-ticket-content
.tribe-tickets__tickets-item-content-title,

.ehr-ticket-content
.tribe-tickets__tickets-item-content-title-container {

    color:
        var(--ehr-wine) !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        21px !important;

    font-weight:
        600 !important;
}


/* Ticket description */

.ehr-ticket-content
.tribe-tickets__tickets-item-content-description,

.ehr-ticket-content
.tribe-tickets__tickets-item-content-description p {

    color:
        #725f66 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        13px !important;

    line-height:
        1.65 !important;
}


/* ==========================================================
   PRICE
========================================================== */

.ehr-ticket-content
.tribe-tickets__tickets-sale-price,

.ehr-ticket-content
.tribe-formatted-currency-wrap {

    color:
        var(--ehr-wine) !important;

    font-size:
        17px !important;

    font-weight:
        800 !important;
}


/* ==========================================================
   QUANTITY CONTROLS
========================================================== */

.ehr-ticket-content
.tribe-tickets__tickets-item-quantity-number {

    color:
        var(--ehr-wine) !important;

    font-weight:
        800 !important;
}


.ehr-ticket-content
button.tribe-tickets__tickets-item-quantity-add,

.ehr-ticket-content
button.tribe-tickets__tickets-item-quantity-remove {

    color:
        var(--ehr-pink) !important;

    font-weight:
        800 !important;
}


/* ==========================================================
   GET TICKETS BUTTON
========================================================== */

.ehr-ticket-content
.tribe-tickets__tickets-buy,

.ehr-ticket-content
.tribe-common-c-btn,

.ehr-ticket-content
button[type="submit"] {

    min-height:
        60px !important;

    padding:
        18px
        35px !important;

    background:
        linear-gradient(
            135deg,
            #e11160 0%,
            #a60049 100%
        ) !important;

    color:
        #ffffff !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        800 !important;

    letter-spacing:
        .10em !important;

    text-transform:
        uppercase !important;

    box-shadow:
        0 13px 30px
        rgba(
            166,
            0,
            73,
            0.20
        ) !important;

    transition:
        all
        .25s ease !important;
}


.ehr-ticket-content
.tribe-tickets__tickets-buy:hover,

.ehr-ticket-content
.tribe-common-c-btn:hover,

.ehr-ticket-content
button[type="submit"]:hover {

    background:
        #790038 !important;

    transform:
        translateY(-2px);

    box-shadow:
        0 17px 35px
        rgba(
            121,
            0,
            56,
            .25
        ) !important;
}


/* ==========================================================
   SECURITY STRIP
========================================================== */

.ehr-security {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

    padding:
        25px
        30px;

    background:
        #fff8f5;

    border-top:
        1px solid
        var(--ehr-border);
}


.ehr-security-check {
    display: flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 38px;

    width: 38px;
    height: 38px;

    border:
        1px solid
        rgba(
            216,
            163,
            71,
            .55
        );

    border-radius: 50%;

    color:
        var(--ehr-wine);

    font-size: 15px;

    font-weight: 800;
}


.ehr-security-copy {
    display: flex;

    flex-direction: column;

    gap: 3px;
}


.ehr-security-copy strong {
    color:
        var(--ehr-wine);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12px;

    font-weight: 800;
}


.ehr-security-copy span {
    color:
        #806b72;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;

    line-height: 1.5;
}


/* ==========================================================
   BOTTOM MESSAGE
========================================================== */

.ehr-bottom-message {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    margin-top: 45px;
}


.ehr-bottom-message p {
    margin: 0;

    color:
        var(--ehr-wine);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 10px;

    font-weight: 800;

    letter-spacing:
        .22em;
}


.ehr-bottom-line {
    display: block;

    width: 45px;
    height: 1px;

    background:
        var(--ehr-gold);
}


/* ==========================================================
   MOBILE
========================================================== */

@media
(max-width: 700px) {

    .ehr-registration {
        min-height: 0;

        padding:
            70px
            16px
            80px;
    }


    .ehr-registration-header {
        margin-bottom:
            38px;
    }


    .ehr-kicker {
        font-size:
            9px;

        letter-spacing:
            .20em;
    }


    .ehr-registration-header h1 {
        font-size:
            51px;
    }


    .ehr-intro {
        font-size:
            14px;
    }


    .ehr-ticket-status {
        padding:
            19px
            20px;
    }


    .ehr-status-right {
        display:
            none;
    }


    .ehr-ticket-content {
        padding:
            25px
            20px;
    }


    .ehr-security {
        justify-content:
            flex-start;

        padding:
            22px
            20px;
    }


    .ehr-bottom-message {
        gap: 10px;

        margin-top:
            35px;
    }


    .ehr-bottom-line {
        width: 25px;
    }


    .ehr-bottom-message p {
        font-size: 9px;

        letter-spacing:
            .15em;
    }

}

/* ==========================================
   EMPOWER HER — REGISTRATION POLICIES
========================================== */

.ehr-policy-notices {
    max-width: 850px;
    margin: 35px auto 45px;
    padding: 35px 40px;
    background: #fff8f4;
    border: 1px solid #f1d6dd;
    border-top: 3px solid #d9a441;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 12px 35px rgba(90, 8, 42, 0.06);
}

.ehr-policy-notices h3 {
    margin: 0 0 22px;
    color: #760034;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    font-weight: 400;
}

.ehr-policy-notices p {
    margin: 0 0 18px;
    color: #62515a;
    font-size: 14px;
    line-height: 1.8;
}

.ehr-policy-notices p:last-child {
    margin-bottom: 0;
}

.ehr-policy-notices a {
    color: #c90d50;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ehr-policy-notices a:hover {
    color: #760034;
}

.ehr-policy-notices a:focus-visible {
    outline: 2px solid #760034;
    outline-offset: 3px;
}

/* MOBILE */
@media (max-width: 600px) {
    .ehr-policy-notices {
        margin: 25px 15px 35px;
        padding: 28px 20px;
    }

    .ehr-policy-notices h3 {
        font-size: 22px;
    }

    .ehr-policy-notices p {
        font-size: 13px;
        line-height: 1.75;
    }
}