/* =============================================================
   ECUBE ACCESS - CLOCK END EVENT-PAGE LAYOUT (PREMIER LEAGUE NIGHTS)
   ecube-clockend-layout-v1.css
   Loaded after ecube-layout-reset.css by signals.presale_head.
   Retro sticker collage: cream paper, tonal starbursts, halftone dots,
   Shrikhand/Yellowtail wordmark, dashed ticket stubs, red pill CTA.
   FIXED clockend constants. New filename per change (Cloudflare).
   ============================================================= */

.ec-ce-wrap{
    position:relative;
    min-height:calc(100vh - 120px);
    font-family:'Archivo',-apple-system,'Helvetica Neue',Arial,sans-serif;
    background:#EDE3CB;
    overflow-x:hidden;
}
/* halftone dot texture over the whole page */
.ec-ce-wrap::after{
    content:'';position:absolute;inset:0;pointer-events:none;opacity:.10;
    background-image:radial-gradient(circle,#232A5C 1px,transparent 1.3px);
    background-size:9px 9px;
}

/* -- Top bar -- */
.ec-ce-topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 52px;background:#EDE3CB;border-bottom:2px solid #232A5C;position:relative;z-index:2}
.ec-ce-topbar-brand{font-family:'Courier Prime',monospace;font-size:12px;font-weight:700;line-height:1;letter-spacing:.24em;text-transform:uppercase;color:#D93A2B}
.ec-ce-topbar-dot{color:#3B5BA5;padding:0 7px}
a.ec-ce-topbar-link,a.ec-ce-topbar-link:visited{font-family:'Courier Prime',monospace;font-size:11px;font-weight:700;line-height:1;letter-spacing:.24em;text-transform:uppercase;color:#3B5BA5!important;text-decoration:none}
a.ec-ce-topbar-link:hover{color:#D93A2B!important}

/* -- Hero -- */
.ec-ce-hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 24px 56px;overflow:hidden}
/* tonal starbursts (baked SVG data-uris, client key-visual motif) */
.ec-ce-hero::before{
    content:'';position:absolute;top:-110px;left:-90px;width:400px;height:400px;pointer-events:none;opacity:.55;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360'%3E%3Cpolygon fill='%23E0D2AE' points='180,0 210,120 330,60 250,160 360,180 250,200 330,300 210,240 180,360 150,240 30,300 110,200 0,180 110,160 30,60 150,120'/%3E%3C/svg%3E") center / contain no-repeat;
}
.ec-ce-hero::after{
    content:'';position:absolute;bottom:-130px;right:-100px;width:460px;height:460px;pointer-events:none;opacity:.5;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360'%3E%3Cpolygon fill='%23E0D2AE' points='180,0 210,120 330,60 250,160 360,180 250,200 330,300 210,240 180,360 150,240 30,300 110,200 0,180 110,160 30,60 150,120'/%3E%3C/svg%3E") center / contain no-repeat;
}
.ec-ce-hero > *{position:relative;z-index:1}

.ec-ce-eyebrow{font-family:'Courier Prime',monospace;font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#D93A2B;margin-bottom:26px}

.ec-ce-banner{display:inline-block;background:#3B5BA5;color:#EDE3CB;font-family:'Yellowtail',cursive;font-size:24px;line-height:1;padding:12px 34px 14px;border-radius:40px;transform:rotate(-2deg);box-shadow:4px 4px 0 #D93A2B;margin-bottom:30px}

/* typeset wordmark (fallback when no client logo asset is dropped in) */
.ec-ce-wordmark{position:relative;line-height:.9;margin:0 0 4px}
.ec-ce-wordmark .ec-ce-clock{display:block;font-family:'Shrikhand',cursive;font-size:clamp(70px,12vw,140px);font-weight:400;color:#E8A934;-webkit-text-stroke:3px #232A5C;text-shadow:7px 7px 0 rgba(35,42,92,.22);letter-spacing:.01em;transform:rotate(-2.5deg)}
.ec-ce-wordmark .ec-ce-end{display:block;font-family:'Yellowtail',cursive;font-size:clamp(54px,9vw,104px);font-weight:400;color:#3B5BA5;margin-top:clamp(-40px,-3.4vw,-24px);transform:rotate(-4deg) translateX(clamp(28px,4.5vw,64px));text-shadow:4px 4px 0 rgba(217,58,43,.35)}
.ec-ce-wordmark svg.ec-ce-star{position:absolute;top:-8px;right:14%;width:clamp(44px,6vw,72px);height:auto}
/* client logo asset variant */
img.ec-ce-logo{display:block;width:min(420px,78vw);height:auto;margin:0 auto 6px}

.ec-ce-sub{font-family:'Yellowtail',cursive;font-size:clamp(22px,3vw,30px);color:#D93A2B;margin:26px 0 10px}
.ec-ce-sub2{font-family:'Archivo',sans-serif;font-weight:700;font-size:13px;letter-spacing:.30em;text-indent:.30em;text-transform:uppercase;color:#232A5C;opacity:.85;margin-bottom:38px}

/* dashed ticket stubs */
.ec-ce-stubs{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:42px}
.ec-ce-stub{background:#F1E7CE;border:2.5px dashed #232A5C;border-radius:4px;padding:14px 26px;transform:rotate(-1.4deg)}
.ec-ce-stub:nth-child(2){transform:rotate(1.2deg);background:#FBF6E9}
.ec-ce-stub:nth-child(3){transform:rotate(-.8deg)}
.ec-ce-stub-lab{font-family:'Courier Prime',monospace;font-weight:700;font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:#D93A2B}
.ec-ce-stub-val{font-family:'Archivo',sans-serif;font-weight:900;font-size:20px;text-transform:uppercase;letter-spacing:.02em;margin-top:4px;color:#232A5C}

/* hero CTA: retro red pill */
a.ec-ce-cta,a.ec-ce-cta:visited{display:inline-block;background:#D93A2B;color:#F7F0DE!important;font-family:'Archivo',sans-serif;font-weight:900;font-size:18px;letter-spacing:.10em;text-transform:uppercase;padding:18px 54px;border-radius:60px;border:3px solid #232A5C;box-shadow:7px 7px 0 #232A5C;text-decoration:none!important;transform:rotate(-1deg);transition:transform .15s,box-shadow .15s}
a.ec-ce-cta:hover{transform:rotate(-1deg) translate(3px,3px);box-shadow:4px 4px 0 #232A5C;color:#F7F0DE!important}
.ec-ce-cta-note{margin-top:20px;font-family:'Courier Prime',monospace;font-weight:700;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#3B5BA5}

/* -- Main column -- */
.ec-ce-main{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:24px 56px 48px}
.ec-ce-eyebrow-row{display:flex;align-items:center;gap:14px;margin:26px 0 20px;font-family:'Courier Prime',monospace;font-weight:700;font-size:12px;letter-spacing:.30em;text-transform:uppercase;color:#232A5C}
.ec-ce-eyebrow-star{color:#D93A2B;font-size:14px}

/* -- Exclusive-access CTA block (front_page_top), if ever enabled -- */
.ec-ce-wrap .exclusive-access-cta{
    max-width:640px;margin:10px auto 26px!important;padding:36px!important;text-align:center!important;
    background:#F7F0DE!important;border:2px solid #232A5C!important;border-radius:12px!important;
}
.ec-ce-wrap .exclusive-access-cta h3{
    margin:0 0 12px!important;font-family:'Archivo',sans-serif!important;
    font-size:18px!important;font-weight:900!important;line-height:1.2!important;
    letter-spacing:.14em!important;text-transform:uppercase!important;color:#232A5C!important;
}
.ec-ce-wrap .exclusive-access-cta p{
    margin:0 0 18px!important;font-family:'Archivo',sans-serif!important;
    font-size:13px!important;font-weight:500!important;line-height:1.7!important;
    letter-spacing:.02em!important;color:rgba(35,42,92,.75)!important;
}
.ec-ce-wrap .exclusive-access-cta .exclusive-access-btn{
    display:inline-block!important;background:#D93A2B!important;
    border:2px solid #232A5C!important;color:#F7F0DE!important;
    font-family:'Archivo',sans-serif!important;font-size:12px!important;font-weight:900!important;
    letter-spacing:.16em!important;text-transform:uppercase!important;border-radius:40px!important;
    padding:14px 32px!important;min-width:200px!important;text-align:center!important;
    box-shadow:4px 4px 0 #232A5C!important;
}
.ec-ce-wrap .exclusive-access-cta .exclusive-access-btn:hover{
    background:#C22F21!important;transform:translate(2px,2px)!important;box-shadow:2px 2px 0 #232A5C!important;
}

/* -- Ticket rows over the pretix product-list fragment -- */
.ec-ce-tickets section{display:block!important}
.ec-ce-tickets > .list-group,
.ec-ce-tickets > .items,
.ec-ce-tickets > .item-list,
.ec-ce-tickets > .products,
.ec-ce-tickets > section,
.ec-ce-tickets > .panel,
.ec-ce-tickets > .panel-body,
.ec-ce-tickets > .category,
.ec-ce-tickets > .category-box{
    display:contents!important;background:transparent!important;border:none!important;
    box-shadow:none!important;padding:0!important;margin:0!important;
}
.ec-ce-tickets .item,
.ec-ce-tickets .item-row,
.ec-ce-tickets .product-row,
.ec-ce-tickets .product,
.ec-ce-tickets .variation,
.ec-ce-tickets article{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-areas:"name price qty"!important;
    align-items:center!important;column-gap:30px!important;
    padding:24px 28px!important;margin:0 0 12px!important;
    background:#F7F0DE!important;border:2px solid #232A5C!important;
    border-radius:12px!important;width:100%!important;
    transition:box-shadow .15s,transform .15s!important;
}
.ec-ce-tickets .item:hover,
.ec-ce-tickets .item-row:hover,
.ec-ce-tickets .product-row:hover{box-shadow:5px 5px 0 rgba(35,42,92,.20)!important;transform:translate(-1px,-1px)!important}
.ec-ce-tickets .product-row > .col-md-8,
.ec-ce-tickets .product-row > .col-md-2,
.ec-ce-tickets .product-row > .col-sm-6,
.ec-ce-tickets .product-row > .col-sm-3,
.ec-ce-tickets .product-row > .col-xs-12,
.ec-ce-tickets .product-row > .col-xs-6{width:auto!important;float:none!important;padding:0!important}
.ec-ce-tickets .item h3,
.ec-ce-tickets .product-description h4,
.ec-ce-tickets .item-name,
.ec-ce-tickets .product-name{
    font-family:'Archivo',sans-serif!important;font-size:15px!important;font-weight:900!important;
    letter-spacing:.10em!important;text-transform:uppercase!important;margin:0!important;
    color:#232A5C!important;display:block!important;grid-area:name!important;
}
.ec-ce-tickets .item-description,
.ec-ce-tickets .variation-description{display:none!important}
.ec-ce-tickets .product-description{display:block!important}
.ec-ce-tickets .price,
.ec-ce-tickets .price-current,
.ec-ce-tickets .item-price,
.ec-ce-tickets .product-price{
    font-family:'Courier Prime',monospace!important;font-size:19px!important;font-weight:700!important;
    letter-spacing:.02em!important;color:#B07514!important;margin:0!important;white-space:nowrap!important;
    grid-area:price!important;justify-self:end!important;
}
.ec-ce-tickets .price::after{
    content:"incl. VAT";display:block!important;font-family:'Archivo',sans-serif!important;
    font-size:9px!important;font-weight:700!important;letter-spacing:.18em!important;text-transform:uppercase!important;
    color:rgba(35,42,92,.45)!important;
}
.ec-ce-tickets .availability-box{width:auto!important;grid-area:qty!important;justify-self:end!important}
.ec-ce-tickets .input-item-count-group{
    display:flex!important;align-items:center!important;gap:0!important;margin:0!important;
    border:2px solid #232A5C!important;border-radius:24px!important;overflow:hidden!important;
    background:#FBF6E9!important;
}
.ec-ce-tickets .input-item-count-dec,
.ec-ce-tickets .input-item-count-inc{
    width:34px!important;height:34px!important;padding:0!important;border:none!important;
    background:transparent!important;color:#D93A2B!important;display:flex!important;
    align-items:center!important;justify-content:center!important;
    font-family:'Courier Prime',monospace!important;font-size:16px!important;font-weight:700!important;
}
.ec-ce-tickets .input-item-count-dec:hover,
.ec-ce-tickets .input-item-count-inc:hover{background:rgba(217,58,43,.10)!important;color:#C22F21!important}
.ec-ce-tickets .input-item-count{
    width:40px!important;min-width:40px!important;height:34px!important;margin:0!important;padding:0!important;
    border-top:none!important;border-bottom:none!important;
    border-left:2px solid rgba(35,42,92,.25)!important;border-right:2px solid rgba(35,42,92,.25)!important;
    background:transparent!important;box-shadow:none!important;text-align:center!important;
    font-family:'Courier Prime',monospace!important;font-size:14px!important;font-weight:700!important;
    color:#232A5C!important;appearance:textfield!important;-moz-appearance:textfield!important;
}
.ec-ce-tickets .input-item-count::-webkit-outer-spin-button,
.ec-ce-tickets .input-item-count::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}

/* -- Single-ticket select toggle (max_per_order=1 renders a checkbox) -- */
.ec-ce-tickets .btn-checkbox{background:#FBF6E9!important;border:2px solid #232A5C!important;border-radius:24px!important;box-shadow:none!important;padding:10px 22px!important;font-size:0!important;line-height:1!important;color:#232A5C!important;transition:background .2s,color .2s}
.ec-ce-tickets .btn-checkbox input[type="checkbox"]{position:absolute;opacity:0;pointer-events:none}
.ec-ce-tickets .btn-checkbox .fa{display:none!important}
.ec-ce-tickets .btn-checkbox::after{content:"SELECT";font-family:'Archivo',sans-serif;font-size:11px;font-weight:900;letter-spacing:.26em;text-indent:.26em}
.ec-ce-tickets .btn-checkbox:hover{background:rgba(217,58,43,.08)!important;color:#D93A2B!important}
.ec-ce-tickets .btn-checkbox.btn-checkbox-checked{border-color:#D93A2B!important;background:#D93A2B!important;color:#F7F0DE!important}
.ec-ce-tickets .btn-checkbox.btn-checkbox-checked::after{content:"SELECTED"}

/* -- Voucher / CTA row / presale alert -- */
.ec-ce-voucher{margin-top:28px}
.ec-ce-voucher .form-control,
.ec-ce-voucher input[type="text"]{
    background:#FBF6E9!important;font-family:'Courier Prime',monospace!important;
    font-size:12px!important;letter-spacing:.14em!important;color:#232A5C!important;
}
.ec-ce-cta-row{display:flex;align-items:center;justify-content:flex-end;gap:28px;border-top:2px solid #232A5C;margin-top:26px;padding-top:24px;flex-wrap:wrap}
.ec-ce-cta-btn{min-width:240px}
.ec-ce-presale-alert{margin:24px 0!important}

/* -- WHEN / WHERE stubs grid -- */
.ec-ce-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:48px;padding:88px 0 30px}
.ec-ce-info-col{border-top:2px solid #232A5C;padding-top:26px}
.ec-ce-info-label{display:flex;align-items:center;gap:12px;font-family:'Courier Prime',monospace;font-weight:700;font-size:11px;letter-spacing:.30em;text-transform:uppercase;color:#D93A2B}
.ec-ce-info-star{color:#3B5BA5;font-size:13px}
.ec-ce-info-big{margin-top:20px;font-family:'Archivo',sans-serif;font-size:clamp(26px,3.4vw,38px);font-weight:900;line-height:1.1;letter-spacing:.02em;text-transform:uppercase;color:#232A5C}
.ec-ce-info-meta{margin-top:12px;font-family:'Courier Prime',monospace;font-weight:700;font-size:12px;line-height:1.6;letter-spacing:.20em;color:#8A8468}

/* -- In-cart badge -- */
.ec-ce-wrap .label-success{background:#4E8C4A!important;color:#F7F0DE!important;border:1px solid #3D7039;border-radius:20px;font-weight:700;letter-spacing:.06em}

/* -- Mobile -- */
@media(max-width:700px){
    .ec-ce-topbar{padding:13px 22px}
    .ec-ce-hero{padding:44px 16px 42px}
    .ec-ce-banner{font-size:20px;padding:10px 26px 12px}
    .ec-ce-sub2{letter-spacing:.18em;text-indent:.18em}
    .ec-ce-stubs{gap:10px}
    .ec-ce-stub{padding:11px 18px}
    .ec-ce-stub-val{font-size:16px}
    .ec-ce-main{padding:16px 22px 40px}
    .ec-ce-wrap .exclusive-access-cta{margin:10px 0 22px!important;padding:24px!important}
    .ec-ce-tickets .item,
    .ec-ce-tickets .item-row,
    .ec-ce-tickets .product-row,
    .ec-ce-tickets .product,
    .ec-ce-tickets .variation,
    .ec-ce-tickets article{
        grid-template-columns:1fr!important;
        grid-template-areas:"name" "price" "qty"!important;
        row-gap:12px!important;align-items:flex-start!important;padding:18px 20px!important;
    }
    .ec-ce-tickets .price,
    .ec-ce-tickets .price-current,
    .ec-ce-tickets .item-price,
    .ec-ce-tickets .product-price{justify-self:start!important}
    .ec-ce-tickets .availability-box{justify-self:start!important}
    .ec-ce-cta-row{justify-content:stretch}
    .ec-ce-cta-btn{width:100%;min-width:0}
    .ec-ce-info{grid-template-columns:1fr;gap:28px;padding:48px 0 18px}
}

/* -- Color re-assertions --------------------------------------------------
   ecube-clockend-v1.css forces p/li/span/div to navy with !important (the
   platform-standard text guard). These layout accents must win back their
   colors, so every declaration below carries !important on purpose. */
.ec-ce-topbar-brand{color:#D93A2B!important}
.ec-ce-topbar-dot{color:#3B5BA5!important}
.ec-ce-eyebrow{color:#D93A2B!important}
.ec-ce-banner{color:#EDE3CB!important}
.ec-ce-wordmark .ec-ce-clock{color:#E8A934!important}
.ec-ce-wordmark .ec-ce-end{color:#3B5BA5!important}
.ec-ce-sub{color:#D93A2B!important}
.ec-ce-sub2{color:#232A5C!important}
.ec-ce-stub-lab{color:#D93A2B!important}
.ec-ce-stub-val{color:#232A5C!important}
.ec-ce-cta-note{color:#3B5BA5!important}
.ec-ce-eyebrow-row{color:#232A5C!important}
.ec-ce-eyebrow-star{color:#D93A2B!important}
.ec-ce-info-label{color:#D93A2B!important}
.ec-ce-info-star{color:#3B5BA5!important}
.ec-ce-info-big{color:#232A5C!important}
.ec-ce-info-meta{color:#8A8468!important}
a.ec-ce-topbar-link,a.ec-ce-topbar-link:visited{color:#3B5BA5!important}
a.ec-ce-topbar-link:hover{color:#D93A2B!important}

/* -- Hide the default pretix event-header band on the index page ----------
   The full-bleed clockend hero replaces it (it duplicated the event name
   above the topbar). Scoped with :has() so checkout/order/account pages
   keep their styled page headers. */
body:has(.ec-ce-wrap) .page-header{display:none!important}