/*
 * THE ARKIVIUM — AGILE CUSTOM STYLES
 * Cleaned maintenance version
 *
 * Notes:
 * - Duplicate navigation rules removed.
 * - Season-entered overrides consolidated.
 * - Lower ornamental diamond consolidated.
 * - Arkivium palette variables collected in :root for future use.
 * - Existing selectors and visual behavior otherwise preserved.
 */

.agl-intro .agl-navigation-main > li:hover > a, .agl-navigation-cart:hover, .agl-navigation-user:hover, .agl-navigation-search:hover, .EpgHeaderLogo:hover { animation-name: unset; }


:root {
    --epg-textcolor: #d4c49a !important;

    /* Arkivium palette */
    --ark-bg: #070d07;
    --ark-bg-soft: #11180f;
    --ark-text: #d4c49a;
    --ark-text-muted: rgba(212, 196, 154, .68);
    --ark-gold: #b49a62;
    --ark-gold-bright: #d8b867;
    --ark-gold-pale: #e4cb82;
    --ark-border: rgba(138, 116, 72, .35);
}

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


span[questionid="2302"] .form-check-input {
    position: relative !important;
    top: 1px !important;

    vertical-align: middle !important;

    margin-top: 0 !important;
    margin-right: 4px !important;
}

span[questionid="2302"] .form-check-label {
    vertical-align: middle !important;
    line-height: 1.4 !important;
}

#pageContent {
    padding-top: 40px !important;
}

/* BACKDROP */
.arkivium-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    inset: 0;
    background: rgba(0,0,0,0.75);
    backdrop-filter: blur(2px);
}

/* MODAL BOX WITH CANDLE GLOW */
.arkivium-modal-content {
    background: #231f1b;
    color: #d2b46c;
    margin: 10% auto;
    padding: 24px 32px;
    width: 80%;
    max-width: 600px;
    border-radius: 10px;
    border: 1px solid rgba(210,180,108,0.6);
    box-shadow:
        0 0 25px rgba(210,180,108,0.45),
        0 0 50px rgba(210,180,108,0.25),
        0 0 90px rgba(210,180,108,0.12);
    position: relative;
    font-family: inherit;
}

/* inner warm glow */
.arkivium-modal-content::before {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: 12px;
    background: radial-gradient(
        circle at center,
        rgba(210,180,108,0.25),
        rgba(210,180,108,0) 70%
    );
    z-index: -1;
}

/* TITLE */
#arkiviumModalTitle {
    color: #e3c98c;
    text-shadow: 0 0 6px rgba(210,180,108,0.35);
    margin-top: 0;
    margin-bottom: 12px;
}

/* CLOSE X */
.arkivium-close {
    float: right;
    font-size: 28px;
    cursor: pointer;
    color: #e3c98c;
    text-shadow: 0 0 8px rgba(210,180,108,0.5);
    transition: 0.2s;
}

.arkivium-close:hover {
    color: #fff;
    text-shadow:
        0 0 10px rgba(255,255,255,0.9),
        0 0 20px rgba(210,180,108,0.8);
}

/* TEXT THAT OPENS MODAL */
.arkivium-trigger {
    color: #d2b46c;
    text-decoration: none;
    cursor: pointer;
}

/* BASE TRACK */
.form-switch .form-check-input {
    width: 2.3rem;
    height: 1.2rem;
    background-color: #3a3a32 !important;   /* track off */
    border-color: #6e6a59 !important;
    border-radius: 1.2rem;
    background-image: none !important;
    position: relative;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(210,180,108,0.35);   /* subtle glow */
    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

/* THUMB */
.form-switch .form-check-input::before {
    content: "";
    position: absolute;
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    background-color: #d2b46c;              /* thumb off */
    top: 50%;
    left: 0.18rem;                          /* start near left edge */
    transform: translateY(-50%);
    transition: left 0.25s ease, background-color 0.25s ease;
}

/* ON STATE (TRACK + THUMB) */
.form-switch .form-check-input:checked {
    background-color: #d2b46c !important;   /* gold track on */
    border-color: #d2b46c !important;
    box-shadow:
        0 0 10px rgba(210,180,108,0.7),
        0 0 20px rgba(210,180,108,0.4);
}

.form-switch .form-check-input:checked::before {
    left: calc(100% - 0.18rem - 0.9rem);   /* slide to right */
    background-color: #231f1b;             /* dark thumb on */
}

/* NO BLUE FOCUS RING */
.form-switch .form-check-input:focus {
    box-shadow:
        0 0 10px rgba(210,180,108,0.7),
        0 0 20px rgba(210,180,108,0.4) !important;
    outline: none !important;
}


/* Style the label */
label[for="overallDeliveryMethod_0"] {
    padding-left: 6px;   /* small buffer between icon and text */
    position: relative;
    display: inline-flex;
    align-items: center; /* vertical centering */
    gap: 6px;            /* space between icon and text */
}

/* Insert the icon before the text */
label[for="overallDeliveryMethod_0"]::before {
    content: "";
    display: inline-block;
    width: 18px;          /* adjust size here */
    height: 18px;
    background-image: url("https://prod3.agileticketing.net/images/user/arkivium_5701/mail_gold.png");
    background-size: contain;
    background-repeat: no-repeat;
    filter: drop-shadow(0 0 4px rgba(210,180,108,0.6));
    margin-right: 3px;    /* subtle spacing */
    transform: translateY(1px); /* tiny downward nudge to align visually */
}


/* SECTION 0 WRAPPER */
.arkivium-section-zero {
    display: block;
    margin-bottom: 18px;
    color: #d2b46c;
    font-family: inherit;
}

/* TITLE */
.section-zero-title {
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    color: #e3c98c;
    margin-bottom: 6px;
    text-shadow:
        0 0 6px rgba(210,180,108,0.45),
        0 0 12px rgba(210,180,108,0.3);
    letter-spacing: 0.5px;
}

/* BODY */
.section-zero-body {
    font-size: 0.95rem;
    line-height: 1.45rem;
    color: #d2b46c;
    opacity: 0.95;
}

/* CANDLE-GLOW DIVIDER */
.section-zero-divider {
    margin-top: 14px;
    margin-bottom: 12px;
    height: 2px;
    width: 100%;
    background: linear-gradient(
        to right,
        rgba(210,180,108,0) 0%,
        rgba(210,180,108,0.65) 50%,
        rgba(210,180,108,0) 100%
    );
    box-shadow:
        0 0 6px rgba(210,180,108,0.7),
        0 0 14px rgba(210,180,108,0.35);
    border-radius: 2px;
}


/* ========================================
   ARKIVIUM TOP NAVIGATION
   ======================================== */

#BasketContents_navbar {
    font-family: Georgia, "Times New Roman", serif;
}

/* Main navigation links */
#BasketContents_navbar .agl-navigation-main > li > a {
    color: #d4c49a !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

#BasketContents_navbar .agl-navigation-main > li > a:hover,
#BasketContents_navbar .agl-navigation-main > li > a:focus {
    color: #b49a62 !important;
}


/* Account initial */
#BasketContents_navbar .agl-navigation-user {
    color: #d4c49a !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

#BasketContents_navbar .agl-navigation-user:hover,
#BasketContents_navbar .agl-navigation-user:focus {
    color: #b49a62 !important;
}


/* Shopping cart */
#BasketContents_navbar .agl-navigation-cart {
    color: #d4c49a !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

#BasketContents_navbar .agl-navigation-cart:hover,
#BasketContents_navbar .agl-navigation-cart:focus {
    color: #b49a62 !important;
}

#BasketContents_navbar .agl-navigation-cart .fa-shopping-cart {
    font-size: 21px !important;
}


/* Mobile menu icon */
#BasketContents_navbar .agl-navigation-toggle {
    color: #d4c49a !important;
}

#BasketContents_navbar .agl-navigation-toggle:hover,
#BasketContents_navbar .agl-navigation-toggle:focus {
    color: #b49a62 !important;
}


/* ========================================
   ARKIVIUM ACCOUNT PROFILE
   ======================================== */


/* ========================================
   REMOVE STOCK PAGE TITLE
   ======================================== */

.agl-pagetitle {
    display: none !important;
}


/* ========================================
   ACCOUNT PAGE POSITION
   ======================================== */

.agl-columnset.columnsSet1 {
    position: relative;
    top: -60px;
}


/* ========================================
   ACCOUNT NAVIGATION
   ======================================== */

.agl-accountlinks {
    width: 300px !important;
}

.agl-accountlinks > div {
    margin: 0 0 5px !important;
}

.agl-accountlinks .agl-epgbutton {
    display: block !important;
    width: 100% !important;

    box-sizing: border-box !important;

    padding: 10px 13px !important;

    text-align: left !important;
}

.agl-accountlinks .agl-epgbutton.active {
    background: rgba(138, 116, 72, 0.16) !important;
    border-color: #8a7448 !important;
    color: #d8b867 !important;
}


/* ========================================
   MAIN PROFILE AREA
   ======================================== */

.agl-accountcontainer {
    padding-left: 28px !important;
}

.agl-accountcontainer .agl-card {
    background: rgba(255, 255, 255, 0.018) !important;

    border: 1px solid rgba(138, 116, 72, 0.24) !important;
    border-radius: 5px !important;

    box-shadow: none !important;
}


/* ========================================
   SECTION HEADINGS
   ======================================== */

.ark-profile-section-title {
    margin: 0 0 12px !important;
    padding: 0 0 8px !important;

    color: #b49a62 !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;

    border-bottom: 1px solid rgba(138, 116, 72, 0.22) !important;
}

.ark-profile-section-heading {
    margin: 34px 0 14px !important;
}

.ark-profile-section-note {
    margin-top: -3px !important;

    color: rgba(212, 196, 154, 0.7) !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}


/* ========================================
   PROFILE CARD
   ======================================== */

#custContactDetails {
    position: relative !important;

    min-height: 165px;
    padding: 18px 18px 20px !important;

    overflow: hidden;
}

#ContactSummary {
    padding: 4px 0 12px !important;

    color: #d4c49a !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

#ContactSummary .agl-emailaddress {
    color: #d8b867 !important;
}


/* ========================================
   PROFILE IMAGE
   ======================================== */

#divProfileImage {
    float: left;

    margin: 0 22px 10px 10px !important;

    text-align: center !important;
}

#customerImage {
    width: 96px !important;
    height: 96px !important;

    margin: 0 auto !important;

    background: rgba(255, 255, 255, 0.025) !important;

    border: 1px solid rgba(138, 116, 72, 0.35) !important;
    border-radius: 50% !important;

    overflow: hidden !important;
}

#customerImage > img {
    width: 96px !important;
    height: 96px !important;

    object-fit: cover !important;
}


/* ========================================
   ADDRESSES
   ======================================== */

#custAddressList {
    margin-top: 18px !important;
}

#custAddressList > .agl-card {
    position: relative !important;

    margin-bottom: 10px !important;
    padding: 16px !important;
}

#custAddressList .BigBoldText {
    margin-bottom: 8px !important;

    color: #b49a62 !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;

    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}

#custAddressList .agl-dynamic-answer {
    color: #d4c49a !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}


/* ========================================
   ABOUT YOU
   ======================================== */

#QuestionBlock {
    margin-top: 34px !important;
}

#QuestionBlock > .agl-card {
    padding: 18px !important;
}

#QuestionBlock .agl-input-group {
    margin-bottom: 20px !important;
}

#QuestionBlock .form-label {
    display: block !important;

    margin-bottom: 5px !important;

    color: #d4c49a !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

#QuestionBlock .agl-dynamic-answer {
    color: rgba(212, 196, 154, 0.72) !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 13px !important;
}


/* ========================================
   EDIT CONTROLS
   ======================================== */

.agl-accountcontainer .agl-dynamic-edit {
    margin-top: 10px !important;
}


/* ========================================
   RESPONSIVE
   ======================================== */

@media (max-width: 700px) {

    .agl-columnset.columnsSet1 {
        top: 0;
    }

    .agl-accountcontainer {
        padding-left: 0 !important;
    }

    .agl-accountlinks {
        width: 100% !important;
    }

    #custContactDetails {
        min-height: 0;
    }

    #divProfileImage {
        float: none;

        margin: 0 auto 18px !important;
    }

    #customerImage,
    #customerImage > img {
        width: 82px !important;
        height: 82px !important;
    }
}


/* ========================================
   ARKIVIUM ACCOUNT DROPDOWN
   ======================================== */

.agl-navigation-account {
    background: #11180f !important;

    border: 1px solid rgba(138, 116, 72, 0.55) !important;
    border-radius: 4px !important;

    padding: 6px !important;

    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35) !important;
}


/* Remove empty Agile menu rows */
.agl-navigation-account li:empty {
    display: none !important;
}


/* Menu rows */
.agl-navigation-account li {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


/* Menu links */
.agl-navigation-account li a {
    display: block !important;

    padding: 9px 12px !important;

    background: transparent !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(138, 116, 72, 0.14) !important;

    color: #d4c49a !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 12px !important;
    font-weight: normal !important;

    letter-spacing: 0.03em !important;

    text-align: left !important;
    text-decoration: none !important;

    white-space: nowrap !important;
}


/* Hover */
.agl-navigation-account li a:hover,
.agl-navigation-account li a:focus {
    background: rgba(138, 116, 72, 0.14) !important;

    color: #d8b867 !important;

    text-decoration: none !important;
}


/* Remove divider from final action */
.agl-navigation-account li:last-child a {
    border-bottom: 0 !important;
}

/* ========================================
   VARIABLE CONTRIBUTION
   ======================================== */

tr.ark-variable-price > td:first-child {
    display: none !important;
}

tr.ark-variable-price .agl-variableamountlbl {
    color: #d4c49a !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    margin-right: 6px;
}

tr.ark-variable-price .agl-variableamount {
    width: 115px !important;
    height: 42px !important;
    padding: 8px 12px !important;

    background: rgba(17, 24, 15, .8) !important;
    color: #d4c49a !important;

    border: 1px solid rgba(180, 154, 98, .65) !important;
    border-radius: 4px !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;

    box-shadow:
        inset 0 0 0 1px rgba(0,0,0,.25),
        0 0 8px rgba(180,154,98,.05) !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease !important;
}

tr.ark-variable-price .agl-variableamount:hover {
    border-color: #b49a62 !important;
}

tr.ark-variable-price .agl-variableamount:focus {
    outline: none !important;
    background: rgba(17, 24, 15, .95) !important;
    border-color: #d4c49a !important;

    box-shadow:
        inset 0 0 0 1px rgba(0,0,0,.25),
        0 0 10px rgba(180,154,98,.18) !important;
}

.ark-variable-helper {
    margin-top: 7px;
    color: rgba(212,196,154,.68);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 11px;
    font-style: italic;
    line-height: 1.4;
}

/* ========================================
   ARKIVIUM SEASON CREDENTIAL
   ======================================== */

.ark-season-card {
    display: grid !important;

    grid-template-columns:
        minmax(220px, 250px)
        minmax(280px, 1fr)
        150px;

    grid-template-areas:
        "details wallet credential"
        "details benefits credential";

    column-gap: 38px;
    row-gap: 22px;

    align-items: start;

    padding: 28px 30px !important;

    background: rgba(17, 24, 15, .35) !important;

    border:
        1px solid rgba(138, 116, 72, .4) !important;

    border-radius: 3px !important;
}


/* ========================================
   SEASON DETAILS
   ======================================== */

.ark-season-card .agl-benefit-details {
    grid-area: details;
    min-width: 0;
}

.ark-season-card .agl-benefit-head {
    margin: 0 0 4px !important;

    color: #d8b867 !important;

    font-family:
        Georgia,
        "Crimson Pro",
        serif !important;

    font-size: 22px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;
    letter-spacing: 1px !important;

    /* Long Season names can wrap */
    white-space: normal !important;
    overflow-wrap: normal;
    word-break: normal;
}

.ark-season-subtitle {
    margin-bottom: 18px;

    color: #b49a62;

    font-family:
        Georgia,
        "Crimson Pro",
        serif;

    font-size: 11px;

    letter-spacing: 2px;
    line-height: 1.3;

    text-transform: uppercase;
}

.ark-season-card .agl-benefit-details > div:not(
    .agl-benefit-head
):not(
    .ark-season-subtitle
) {
    color: #d4c49a;

    font-family:
        Georgia,
        "Crimson Pro",
        serif;

    font-size: 13px;
    line-height: 1.55;
}


/* ========================================
   SHARED SECTION TITLES
   ======================================== */

.ark-section-title {
    margin: 0 0 10px;

    color: #b49a62;

    font-family:
        Georgia,
        "Crimson Pro",
        serif;

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

    line-height: 1.3;
    letter-spacing: 1.6px;

    text-transform: uppercase;
}


/* ========================================
   WALLET
   ======================================== */

.ark-wallet-wrap {
    grid-area: wallet;
    min-width: 0;
}

.ark-season-card .agl-wallet-container {
    display: flex !important;

    align-items: center;
    flex-wrap: wrap;

    gap: 18px;

    margin: 0 !important;
}


/* ========================================
   SEASON BENEFITS
   ======================================== */

.ark-benefit-section {
    grid-area: benefits;
    min-width: 0;
}

.ark-benefit-wrap {
    display: flex;
    flex-direction: column;

    gap: 4px;
}

.ark-season-card .agl-benefit-item {
    margin: 0 !important;
    padding: 0 !important;

    color: #d4c49a !important;

    font-family:
        Georgia,
        "Crimson Pro",
        serif !important;

    font-size: 13px !important;
    line-height: 1.6 !important;

    list-style: none !important;
}


/* ========================================
   CREDENTIAL CODE
   ======================================== */

.ark-credential-wrap {
    grid-area: credential;

    display: flex;

    flex-direction: column;
    align-items: center;

    min-width: 0;

    text-align: center;
}

.ark-credential-title {
    width: 100%;
    text-align: center;
}

.ark-season-card .agl-benefit-bc {
    text-align: center;
}

.ark-season-card .agl-benefit-bc-img img {
    max-width: 100%;
    height: auto;
}


/* ========================================
   APPLE WALLET NOTICE
   ======================================== */

#apple_warning.ark-wallet-notice {
    margin-bottom: 10px !important;

    padding: 10px 14px !important;

    background:
        rgba(138, 116, 72, .08) !important;

    border:
        1px solid rgba(138, 116, 72, .25) !important;

    color: #d4c49a !important;

    font-family:
        Georgia,
        "Crimson Pro",
        serif !important;

    font-size: 12px !important;
    font-style: italic !important;

    line-height: 1.45 !important;
}


/* ========================================
   SMALLER SCREENS
   ======================================== */

@media (max-width: 800px) {

    .ark-season-card {
        grid-template-columns: 1fr 140px;

        grid-template-areas:
            "details credential"
            "wallet credential"
            "benefits benefits";

        column-gap: 24px;
    }
}


@media (max-width: 560px) {

    .ark-season-card {
        display: flex !important;
        flex-direction: column;

        gap: 24px;

        padding: 22px 20px !important;
    }

    .ark-credential-wrap {
        align-items: flex-start;
        text-align: left;
    }

    .ark-credential-title {
        text-align: left;
    }
}
/* =========================================================
   ARKIVIUM SEASON DETAIL PAGE
   ========================================================= */


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

.ark-season-detail-page {
    background: #070d07;
}

.ark-season-detail-page #pageContent {
    padding-top: 26px !important;
}


/* =========================================================
   MAIN SEASON WRAPPER
   ========================================================= */

.ark-season-page {
    width: min(1180px, calc(100% - 50px));

    margin:
        0 auto
        45px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    color: #d4c49a;
}


/* =========================================================
   TWO COLUMN LAYOUT
   ========================================================= */

.ark-season-main {
    display: grid;

    grid-template-columns:
        minmax(300px, .88fr)
        minmax(430px, 1.12fr);

    align-items: start;

    gap:
        clamp(45px, 6vw, 85px);
}


/* =========================================================
   SEASON ART
   ========================================================= */

.ark-season-art {
    position: relative !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    align-self: center !important;

    overflow: visible !important;
}


/* Actual Agile image only */

.ark-season-art #memImage {
    display: block !important;

    position: static !important;

    float: none !important;
    clear: none !important;

    width: min(100%, 430px) !important;
    max-width: 390px !important;

    height: auto !important;

    margin: 0 auto !important;
    padding: 0 !important;

    transform: none !important;

    border: 0 !important;

    box-shadow:
        0 24px 60px
        rgba(0, 0, 0, .38);
}


/* Inner gold frame */

.ark-season-art::before {
    content: "";

    position: absolute;

    top: -8px;
    bottom: -8px;

    left: 50%;

    width: min(100%, 430px);

    transform: translateX(-50%);

    box-sizing: border-box;

    border:
        1px solid
        rgba(201, 173, 105, .32);

    pointer-events: none;
}


/* Outer faint frame */

.ark-season-art::after {
    content: "";

    position: absolute;

    top: -15px;
    bottom: -15px;

    left: 50%;

    width:
        calc(min(100%, 430px) + 14px);

    transform: translateX(-50%);

    box-sizing: border-box;

    border:
        1px solid
        rgba(201, 173, 105, .09);

    pointer-events: none;
}


/* =========================================================
   RIGHT COLUMN
   ========================================================= */

.ark-season-copy {
    min-width: 0;
}


/* =========================================================
   SEASONS KICKER
   ========================================================= */

.ark-season-kicker {
    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 8px;
}

.ark-season-kicker b {
    flex: none;

    font-size: .72rem;

    font-weight: 500;

    letter-spacing: .30em;

    text-transform: uppercase;

    color: #c9ad69;
}

.ark-season-kicker span {
    width: 85px;
    height: 1px;

    background:
        linear-gradient(
            to right,
            transparent,
            rgba(201, 173, 105, .58)
        );
}

.ark-season-kicker span:last-child {
    background:
        linear-gradient(
            to left,
            transparent,
            rgba(201, 173, 105, .58)
        );
}


/* =========================================================
   SEASON TITLE
   ========================================================= */

.ark-season-heading h1 {
    margin:
        0
        0
        7px !important;

    padding: 0 !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        clamp(3rem, 4.5vw, 4.8rem) !important;

    font-weight: 400 !important;

    line-height: .98 !important;

    letter-spacing: .025em;

    color: #e4cb82 !important;
}


/* =========================================================
   SEASON SUBTITLE
   ========================================================= */

.ark-season-subhead {
    margin-bottom: 16px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(1.2rem, 1.6vw, 1.55rem);

    font-style: italic;

    color: #d8b867;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.ark-season-description {
    max-width: 650px;

    margin-bottom: 22px;

    color: #d1c8b8;
}

.ark-season-description p {
    margin:
        0
        0
        17px !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(1rem, 1.15vw, 1.18rem);

    font-style: normal !important;

    line-height: 1.65;
}

.ark-season-description em {
    font-style: normal;
}


/* =========================================================
   CONTRIBUTION PANEL
   ========================================================= */

.ark-season-contribution {
    position: relative;

    padding: 1px;

    background:
        linear-gradient(
            135deg,
            rgba(214, 183, 109, .78),
            rgba(201, 173, 105, .17) 30%,
            rgba(201, 173, 105, .12) 70%,
            rgba(214, 183, 109, .72)
        );

    border-radius: 5px;

    box-shadow:
        0 20px 55px
        rgba(0, 0, 0, .27);
}

.ark-season-contribution-inner {
    padding:
        clamp(24px, 3vw, 34px);

    background:
        linear-gradient(
            145deg,
            rgba(15, 25, 14, .97),
            rgba(8, 15, 8, .98)
        );

    border-radius: 4px;
}


/* =========================================================
   CONTRIBUTION TITLE
   ========================================================= */

.ark-season-contribution-title {
    margin:
        0
        0
        22px !important;

    color: #e4cb82 !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        clamp(1.65rem, 2.1vw, 2.15rem) !important;

    font-weight: 500 !important;

    line-height: 1.1 !important;
}


/* =========================================================
   REMOVE OLD AGILE TABLE APPEARANCE
   ========================================================= */

.ark-season-contribution #ticketBlock,
.ark-season-contribution #ticketBlock table,
.ark-season-contribution #ticketBlock tbody,
.ark-season-contribution #ticketBlock tr,
.ark-season-contribution #ticketBlock td {
    margin: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    background: transparent !important;

    border: 0 !important;
}


/* Hide original Agile contribution heading */

.ark-season-page #trStep1,
.ark-season-ticket-slot #trStep1,
.ark-season-ticket-slot #trStep1 .BigBoldText {
    display: none !important;
}


/* =========================================================
   VARIABLE CONTRIBUTION ROW
   ========================================================= */

.ark-season-contribution
tr.ark-variable-price > td:first-child {
    display: none !important;
}

.ark-season-contribution
tr.ark-variable-price > td:last-child {
    display: block !important;

    width: 100% !important;
}


/* Agile label wrapper */

.ark-season-contribution
tr.ark-variable-price label {
    display: inline !important;

    width: auto !important;

    margin: 0 !important;

    color: #d4c49a !important;
}


/* Season name */

.ark-season-contribution
#ctl00_CPH1_datalistPriceTypeQty_ctl00_lblMembershipPriceType {
    display: inline-block !important;

    margin-right: 14px !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: 1.05rem !important;

    color: #e1d3ad !important;
}


/* Dollar sign */

.ark-season-contribution
.agl-variableamountlbl {
    display: inline-block !important;

    margin:
        0
        5px
        0
        0 !important;

    color: #d8b867 !important;

    font-size: 1rem !important;
}


/* Contribution amount */

.ark-season-contribution
.agl-variableamount {
    display: inline-block !important;

    vertical-align: middle !important;

    width: 145px !important;
    height: 45px !important;

    box-sizing: border-box;

    padding:
        9px
        13px !important;

    background:
        rgba(4, 10, 4, .72) !important;

    border:
        1px solid
        rgba(201, 173, 105, .55) !important;

    border-radius:
        4px !important;

    color:
        #e5cb82 !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        1.05rem !important;

    font-weight:
        600 !important;

    box-shadow:
        inset 0 0 10px
        rgba(0, 0, 0, .30) !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.ark-season-contribution
.agl-variableamount:hover {
    border-color:
        #c9ad69 !important;
}

.ark-season-contribution
.agl-variableamount:focus {
    outline: none !important;

    background:
        rgba(6, 13, 6, .92) !important;

    border-color:
        #e3ca83 !important;

    box-shadow:
        inset 0 0 10px
        rgba(0, 0, 0, .30),

        0 0 10px
        rgba(201, 173, 105, .15) !important;
}


/* =========================================================
   VARIABLE AMOUNT HELPER
   ========================================================= */

.ark-season-contribution
.ark-variable-helper {
    margin:
        8px
        0
        0;

    color:
        rgba(212, 196, 154, .67);

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: .78rem;

    font-style: italic;

    line-height: 1.45;
}


/* =========================================================
   JOIN BUTTON
   ========================================================= */

.ark-season-contribution
.ButtonBlock {
    width: 100%;

    margin:
        24px
        0
        0 !important;

    text-align: center;
}

.ark-season-contribution
#ucImgBtnAdd_regularBtn {
    width: 100% !important;

    min-height: 48px;

    box-sizing: border-box;

    padding:
        12px
        24px !important;

    border:
        1px solid
        #c6a65e !important;

    border-radius:
        4px !important;

    background:
        linear-gradient(
            180deg,
            #a47d36,
            #795821
        ) !important;

    color:
        #f1e4bf !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        1.08rem !important;

    font-weight:
        500 !important;

    letter-spacing:
        .02em;

    text-shadow:
        0 1px 2px
        rgba(0, 0, 0, .45);

    box-shadow:
        inset 0 1px
        rgba(255, 255, 255, .08),

        0 4px 12px
        rgba(0, 0, 0, .25);

    transition:
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}

.ark-season-contribution
#ucImgBtnAdd_regularBtn:hover {
    transform:
        translateY(-1px);

    border-color:
        #e1c675 !important;

    background:
        linear-gradient(
            180deg,
            #b88e42,
            #876426
        ) !important;

    box-shadow:
        0 0 14px
        rgba(201, 173, 105, .18),

        0 5px 14px
        rgba(0, 0, 0, .30);
}


/* =========================================================
   BREAKDOWN LINK
   ========================================================= */

.ark-season-breakdown {
    display: block;

    margin-top: 19px;

    text-align: center;

    color:
        #bfa463 !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        .82rem;

    text-decoration:
        underline !important;

    text-decoration-color:
        rgba(201, 173, 105, .38) !important;

    text-underline-offset:
        4px;
}

.ark-season-breakdown:hover {
    color:
        #e0c77d !important;
}


/* =========================================================
   LOWER ORNAMENT
   ========================================================= */

.ark-season-lower-rule {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    width:
        min(850px, 90%);

    margin:
        34px auto
        0;
}

.ark-season-lower-rule span {
    flex: 1;

    height: 1px;

    background:
        linear-gradient(
            to right,
            transparent,
            rgba(201, 173, 105, .38)
        );
}

.ark-season-lower-rule span:last-child {
    background:
        linear-gradient(
            to left,
            transparent,
            rgba(201, 173, 105, .38)
        );
}

.ark-season-lower-rule b {
    width: 6px;
    height: 6px;

    font-size: 0 !important;

    background: rgba(201, 173, 105, .72);

    clip-path: polygon(
        50% 0%,
        100% 50%,
        50% 100%,
        0% 50%
    );
}


/* =========================================================
   SEASON ALREADY ENTERED / DOOR
   ========================================================= */

.ark-season-entered {
    width:
        min(800px, calc(100% - 40px));

    margin:
        28px auto 40px !important;

    text-align: center;

    color: #d4c49a;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;
}

.ark-season-entered p {
    margin:
        0
        0
        12px !important;

    color:
        #d8c9a2;

    font-size:
        1.05rem;

    font-style:
        italic;
}

.ark-season-entered small {
    display: block;

    margin-bottom: 18px;

    color: rgba(212, 196, 154, .68);

    font-size: .78rem;

    letter-spacing: .08em;
    text-transform: uppercase;
}

.ark-season-entered a {
    display: inline-block;
}

.ark-season-entered img {
    display: block;

    width: clamp(150px, 14vw, 210px) !important;
    height: auto;

    margin: 0 auto;

    filter:
        drop-shadow(
            0 0 8px
            rgba(201, 173, 105, .12)
        );

    transition:
        transform .2s ease,
        filter .2s ease;
}

.ark-season-entered img:hover {
    transform:
        translateY(-3px)
        scale(1.02);

    filter:
        brightness(1.08)
        drop-shadow(
            0 0 16px
            rgba(201, 173, 105, .28)
        );
}


/* =========================================================
   TERMS & CONDITIONS
   ========================================================= */

#lnkActiveTerms {
    color: inherit;

    text-decoration:
        underline;

    text-underline-offset:
        3px;

    text-decoration-thickness:
        1px;

    cursor:
        pointer;
}

#lnkActiveTerms:hover,
#lnkActiveTerms:focus {
    color:
        #e6c66a;

    text-decoration-thickness:
        2px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .ark-season-page {
        width:
            min(
                760px,
                calc(100% - 40px)
            );
    }

    .ark-season-main {
        grid-template-columns:
            1fr;

        gap:
            50px;
    }

    .ark-season-art {
        width:
            min(430px, 82%) !important;

        margin:
            0 auto !important;
    }

    .ark-season-copy {
        width:
            min(650px, 100%);

        margin:
            0 auto;
    }

}


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

@media (max-width: 600px) {

    .ark-season-detail-page #pageContent {
        padding-top:
            18px !important;
    }

    .ark-season-page {
        width:
            calc(100% - 28px);

        margin-bottom:
            30px;
    }

    .ark-season-main {
        gap:
            38px;
    }

    .ark-season-art {
        width:
            min(340px, 88%) !important;
    }


    /* heading */

    .ark-season-heading {
        text-align:
            center;
    }

    .ark-season-kicker {
        justify-content:
            center;
    }

    .ark-season-kicker span {
        width:
            40px;
    }

    .ark-season-heading h1 {
        font-size:
            clamp(
                2.5rem,
                12vw,
                3.5rem
            ) !important;
    }


    /* description */

    .ark-season-description {
        text-align:
            left;
    }


    /* panel */

    .ark-season-contribution-inner {
        padding:
            22px
            18px;
    }


    /* price */

    .ark-season-contribution
    #ctl00_CPH1_datalistPriceTypeQty_ctl00_lblMembershipPriceType {
        display:
            block !important;

        margin:
            0
            0
            10px !important;
    }

    .ark-season-contribution
    .agl-variableamountlbl {
        margin-left:
            0 !important;
    }

    .ark-season-contribution
    .agl-variableamount {
        width:
            130px !important;
    }

}


/* =========================================================
   SEASON ENTERED PANEL
   ========================================================= */

.ark-season-is-entered
.ark-season-contribution-inner {
    text-align: center;

    padding:
        clamp(30px, 4vw, 44px);
}


/* Small state label */

.ark-season-entered-kicker {
    margin-bottom: 12px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: .72rem;
    font-weight: 500;

    letter-spacing: .28em;

    text-transform: uppercase;

    color: #c9ad69;
}


/* Season title */

.ark-season-entered-card h2 {
    margin:
        0
        auto
        16px !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        clamp(1.8rem, 2.6vw, 2.6rem) !important;

    font-weight: 400 !important;

    line-height: 1.1 !important;

    color: #e4cb82 !important;
}


/* Decorative rule */

.ark-season-entered-rule {
    width: 130px;
    height: 1px;

    margin:
        0 auto
        18px;

    background:
        linear-gradient(
            to right,
            transparent,
            rgba(201, 173, 105, .70),
            transparent
        );
}


/* Confirmation text */

.ark-season-entered-copy {
    margin:
        0
        0
        12px !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        1.05rem;

    font-style: italic;

    color: #d1c8b8;
}


/* Start date */

.ark-season-entered-date {
    margin-top: 8px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: .76rem;

    letter-spacing: .12em;

    text-transform: uppercase;

    color:
        rgba(201, 173, 105, .70);
}


/* Keep breakdown link restrained */

.ark-season-is-entered
.ark-season-breakdown {
    margin-top: 24px;
}


/* =========================================================
   ENTER THRESHOLD / DOOR
   ========================================================= */

.ark-season-threshold {
    width:
        min(700px, 92%);

    margin:
        28px auto
        5px;

    text-align: center;
}


/* Thank-you line */

.ark-season-threshold > p {
    margin:
        0
        0
        18px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(1rem, 1.3vw, 1.15rem);

    font-style: italic;

    color: #d8c9a2;
}


/* Door */

.ark-season-door {
    display: flex;

    align-items: center;
    justify-content: center;
}

.ark-season-door a {
    display: inline-block;

    text-decoration: none !important;
}

.ark-season-door img {
    display: block;

    width:
        clamp(170px, 15vw, 220px) !important;

    height: auto !important;

    margin: 0 auto !important;

    filter:
        brightness(.96)
        drop-shadow(
            0 0 10px
            rgba(201, 173, 105, .10)
        );

    transition:
        transform .25s ease,
        filter .25s ease;
}


/* Door hover */

.ark-season-door a:hover img {
    transform:
        translateY(-4px)
        scale(1.02);

    filter:
        brightness(1.12)
        drop-shadow(
            0 0 18px
            rgba(201, 173, 105, .30)
        );
}


/* Enter label */

.ark-season-door-label {
    margin-top: 11px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: .72rem;

    letter-spacing: .20em;

    text-transform: uppercase;

    color:
        rgba(201, 173, 105, .70);
}


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

@media (max-width: 600px) {

    .ark-season-is-entered
    .ark-season-contribution-inner {
        padding:
            28px
            18px;
    }

    .ark-season-threshold {
        margin-top:
            24px;
    }

    .ark-season-door img {
        width:
            clamp(
                150px,
                50vw,
                190px
            ) !important;
    }

}