/* =============================================================
   ECUBE ACCESS - CLOCK END THEME (PREMIER LEAGUE NIGHTS, DHAKA)
   ecube-clockend-v3.css
   First LIGHT theme on the platform: cream paper canvas, navy ink,
   warm red primary, royal blue + mustard accents. Retro sticker /
   matchday collage language sampled from the client's key visuals.
   Palette = FIXED clockend preset constants. No per-event values here.
   New filename per change (Cloudflare).
   ============================================================= */

/* -- Self-hosted fonts (presale CSP: no Google Fonts) -- */
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/Archivo-Variable-s1.woff2') format('woff2')}
@font-face{font-family:'Shrikhand';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/Shrikhand-Regular-s1.woff2') format('woff2')}
@font-face{font-family:'Yellowtail';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/Yellowtail-Regular-s1.woff2') format('woff2')}
@font-face{font-family:'Courier Prime';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/CourierPrime-Regular-s1.woff2') format('woff2')}
@font-face{font-family:'Courier Prime';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/CourierPrime-Bold-s1.woff2') format('woff2')}

/* -- Base canvas: cream paper -- */
html,body{background:#EDE3CB!important;color:#232A5C!important;font-family:'Archivo',-apple-system,'Helvetica Neue',Arial,sans-serif!important;-webkit-font-smoothing:antialiased}
em,i,cite{font-style:normal!important}
.navbar,.navbar-default,.navbar-fixed-top,header,.header{background:#EDE3CB!important;border-bottom:2px solid #232A5C!important;box-shadow:none!important}
header .page-header-links .header-part{margin-bottom:0!important}
.navbar-default .navbar-brand,.navbar-brand,.navbar a,.navbar-default .navbar-nav>li>a{color:#232A5C!important}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#D93A2B!important}
.container,.container-fluid,body>.container{background:transparent!important}
main,main#content,#content,.main-box,[role="main"]{background:#EDE3CB!important;color:#232A5C!important}

/* -- Page headers (checkout / order / account pages) -- */
.page-header,.event-header,.shop-header{
    background:#EDE3CB!important;
    border-bottom:2px solid #232A5C!important;
    color:#232A5C!important;
    padding:44px 52px 30px!important;
    position:relative!important;
}
.page-header h1,.event-header h1,.page-header h2,.event-header h2{
    font-family:'Archivo',sans-serif!important;
    font-size:clamp(28px,4vw,44px)!important;
    font-weight:900!important;
    line-height:1.05!important;
    letter-spacing:.04em!important;
    text-transform:uppercase!important;
    color:#232A5C!important;
    margin:0!important;padding:0!important;
}
.page-header h1 a,.page-header h1 a:visited,.page-header h1 a:hover,.page-header h1 a:focus{color:#D93A2B!important}

/* -- Panels / cards: warm white stickers on paper -- */
.panel,.panel-default,.panel-body,.panel-heading,.panel-footer,
.card,.well,.info-row,.shop-box,.event-box{
    background:#F7F0DE!important;
    border:2px solid #232A5C!important;
    color:#232A5C!important;
    box-shadow:none!important;
    border-radius:10px!important;
}
.panel-default>.panel-heading{
    background:rgba(59,91,165,.10)!important;
    border-bottom:2px solid #232A5C!important;
    color:#232A5C!important;
    font-family:'Archivo',sans-serif!important;
    font-size:12px!important;font-weight:900!important;
    letter-spacing:.16em!important;text-transform:uppercase!important;
}

/* -- Product rows -- */
.item,.item-row,.product-row,.item-category,.product,.variation,
.item-description-box,.category,.category-box,article{
    background:#F7F0DE!important;
    border:2px solid #232A5C!important;
    color:#232A5C!important;
    border-radius:10px!important;
    transition:border-color .2s,background .2s,box-shadow .2s!important;
}
.item:hover,.item-row:hover,.product-row:hover{
    border-color:#D93A2B!important;
    background:#FBF6E9!important;
    box-shadow:4px 4px 0 rgba(35,42,92,.18)!important;
}
.item-category h3,.category h3,.item h4,.product-name,.item-name{
    font-family:'Archivo',sans-serif!important;
    font-size:15px!important;font-weight:900!important;
    letter-spacing:.10em!important;text-transform:uppercase!important;
    color:#232A5C!important;
}
.item-description,.product-description,.variation-description{color:rgba(35,42,92,.62)!important}

label,.control-label{
    color:rgba(35,42,92,.62)!important;font-weight:700!important;
    text-transform:uppercase!important;font-size:.6rem!important;letter-spacing:.22em!important;
}

/* -- Prices -- */
.price,.price-current,.item-price,.product-price,.total-price{
    font-family:'Courier Prime',monospace!important;
    color:#B07514!important;font-weight:700!important;font-size:1.08rem!important;letter-spacing:.02em!important;
}
.price-old,.price-original{color:rgba(35,42,92,.45)!important}
.tax-info,.vat-info,.price small{color:rgba(35,42,92,.45)!important;font-size:.65rem!important}

/* -- Buttons: filled red retro pill with navy outline -- */
.btn-primary,.btn-success,.btn-add-to-cart,
button[type="submit"],input[type="submit"],.btn-checkout{
    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 30px!important;
    box-shadow:4px 4px 0 #232A5C!important;
    transition:transform .15s,box-shadow .15s,background .15s!important;
}
.btn-primary:hover,.btn-primary:focus,
.btn-success:hover,button[type="submit"]:hover,.btn-checkout:hover{
    background:#C22F21!important;
    border-color:#232A5C!important;
    color:#F7F0DE!important;
    transform:translate(2px,2px)!important;
    box-shadow:2px 2px 0 #232A5C!important;
}
.btn-default,.btn-secondary{
    background:transparent!important;
    border:2px solid rgba(35,42,92,.45)!important;
    color:rgba(35,42,92,.75)!important;
    border-radius:40px!important;
    font-family:'Archivo',sans-serif!important;
    font-size:11px!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase!important;
    transition:all .2s!important;
}
.btn-default:hover,.btn-secondary:hover{border-color:#3B5BA5!important;color:#3B5BA5!important}
.btn-danger{background:transparent!important;border:2px solid #C22F21!important;color:#C22F21!important;border-radius:40px!important}

/* -- Links -- */
a:not(.btn),a:not(.btn):visited{color:#3B5BA5!important;transition:color .2s!important}
a:not(.btn):hover,a:not(.btn):focus{color:#D93A2B!important;text-decoration:none!important}

/* -- Forms -- */
.form-control,input[type="text"],input[type="email"],input[type="tel"],
input[type="number"],input[type="password"],input[type="date"],textarea,select{
    background:#FBF6E9!important;
    border:2px solid rgba(35,42,92,.35)!important;
    color:#232A5C!important;border-radius:8px!important;
}
.form-control:focus,input:focus,textarea:focus,select:focus{
    border-color:#3B5BA5!important;
    box-shadow:0 0 0 3px rgba(59,91,165,.15)!important;outline:none!important;
}
.form-control::placeholder,input::placeholder{color:rgba(35,42,92,.40)!important}

h1,h2,h3,h4,h5,h6{color:#232A5C!important}
p,li,span,div,td,th{color:#232A5C!important}
.text-muted,.help-block,small,.small{color:#8A8468!important}

/* -- Tables -- */
.table,table{background:transparent!important;border-color:rgba(35,42,92,.20)!important}
.table>thead>tr>th{
    border-bottom:2px solid #232A5C!important;
    color:#D93A2B!important;text-transform:uppercase!important;
    font-size:.6rem!important;letter-spacing:.22em!important;font-weight:700!important;
}
.table>tbody>tr>td{border-top-color:rgba(35,42,92,.12)!important}
.table-striped>tbody>tr:nth-of-type(odd){background:rgba(35,42,92,.03)!important}
.table-hover>tbody>tr:hover{background:rgba(59,91,165,.06)!important}

/* -- Alerts -- */
.alert{background:#F7F0DE!important;border:2px solid rgba(35,42,92,.30)!important;border-radius:10px!important;color:#232A5C!important;box-shadow:none!important}
.alert a{color:#3B5BA5!important}
.alert-info{background:rgba(59,91,165,.08)!important;border-left:4px solid #3B5BA5!important;color:#232A5C!important}
.alert-success{background:rgba(78,140,74,.10)!important;border-left:4px solid #4E8C4A!important;color:#232A5C!important}
.alert-warning{background:rgba(232,169,52,.14)!important;border-left:4px solid #E8A934!important;color:#232A5C!important}
.alert-danger{background:rgba(217,58,43,.10)!important;border-left:4px solid #D93A2B!important;color:#232A5C!important}
.alert-danger::before{background-color:rgba(217,58,43,.22)!important}
.alert-success::before{background-color:rgba(78,140,74,.22)!important}
.alert-warning::before{background-color:rgba(232,169,52,.28)!important}
.alert-info::before{background-color:rgba(59,91,165,.20)!important}

/* -- Badges / status -- */
.badge,.label,.label-default{background:rgba(59,91,165,.12)!important;color:#3B5BA5!important;border-radius:20px!important}
.label-success,.badge-success{background:#4E8C4A!important;border:1px solid #3D7039!important;color:#F7F0DE!important;font-weight:700!important;text-shadow:none!important}
.label-danger{background:rgba(217,58,43,.15)!important;color:#C22F21!important}
.text-success{color:#4E8C4A!important}
.text-danger{color:#C22F21!important}
.text-info{color:#3B5BA5!important}
.textbubble-success{background:#4E8C4A!important;color:#F7F0DE!important;border:1px solid #3D7039!important;font-weight:700!important}
.textbubble-success .fa{color:#F7F0DE!important}
.textbubble-warning{background:rgba(232,169,52,.20)!important;color:#232A5C!important;border:1px solid rgba(232,169,52,.5)!important}
.textbubble-danger{background:rgba(217,58,43,.15)!important;color:#C22F21!important;border:1px solid rgba(217,58,43,.3)!important}
.textbubble-info{background:rgba(59,91,165,.12)!important;color:#3B5BA5!important;border:1px solid rgba(59,91,165,.3)!important}
.list-group-item.payment,.list-group-item.payment *{background:#FBF6E9!important;color:#232A5C!important;border-color:rgba(35,42,92,.20)!important}
.list-group-item.payment .ecube-payment-note{color:#232A5C!important}

/* -- Modals / dropdowns / misc -- */
.modal-content{background:#F7F0DE!important;border:2px solid #232A5C!important;border-radius:12px!important;color:#232A5C!important}
.modal-header{border-bottom-color:rgba(35,42,92,.20)!important}
.modal-footer{border-top-color:rgba(35,42,92,.20)!important}
.dropdown-menu{background:#F7F0DE!important;border:2px solid #232A5C!important;border-radius:10px!important}
.dropdown-menu>li>a{color:#232A5C!important}
.dropdown-menu>li>a:hover{background:rgba(59,91,165,.08)!important;color:#3B5BA5!important}
.pagination>.active>a,.pagination>.active>span{background:#D93A2B!important;border-color:#D93A2B!important;color:#F7F0DE!important}
input[type="checkbox"],input[type="radio"]{accent-color:#D93A2B!important}
hr{border-top-color:rgba(35,42,92,.18)!important}
.quantity-input,.count,input[type="number"]{background:#FBF6E9!important;color:#232A5C!important;border-color:rgba(35,42,92,.35)!important}
.container.main-box,.container>.row,.main-box>.row,#main-content{background:#EDE3CB!important;color:#232A5C!important}
*{--bs-body-bg:#EDE3CB!important;--bs-card-bg:#F7F0DE!important}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#EDE3CB}
::-webkit-scrollbar-thumb{background:rgba(35,42,92,.28);border-radius:0}
::-webkit-scrollbar-thumb:hover{background:rgba(35,42,92,.5)}

/* -- Footer nuke + Ecube branding breakout (platform standard blocks) -- */
html body div.container.main-box footer,
html body div.container.main-box footer * { display: none !important; height: 0 !important; overflow: hidden !important; }

#ecube-branding-vFinal, #ecube-branding-vFinal * { text-align: center !important; }
#ecube-branding-vFinal {
    display: block !important;
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    margin-left: -50vw !important;
    padding: 16px 0 16px !important;
    color: rgba(35,42,92,.40) !important;
    font-size: 0.9rem !important;
    background: transparent !important;
}

/* -- Override Pretix brand primary & dialog styling -- */
:root {
  --pretix-brand-primary: #D93A2B !important;
  --pretix-brand-primary-darken-5: #C22F21 !important;
  --pretix-brand-primary-darken-10: #C22F21 !important;
  --pretix-brand-primary-darken-15: #A8271B !important;
  --pretix-brand-primary-darken-17: #A8271B !important;
  --pretix-brand-primary-darken-30: #8C1F15 !important;
}
dialog.modal-card .modal-card-icon { background: #D93A2B !important; color: #F7F0DE !important; }
dialog.modal-card { background: #F7F0DE !important; color: #232A5C !important; border: 2px solid #232A5C !important; }
dialog.modal-card .modal-card-content { color: #232A5C !important; }
dialog::backdrop { background-color: rgba(35,42,92,0.55) !important; backdrop-filter: blur(4px) !important; }

/* -- Kill focus outlines & tap highlight -- */
* { -webkit-tap-highlight-color: transparent !important; }
*:focus { outline: none !important; box-shadow: none !important; }
*:active { outline: none !important; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid currentColor !important; outline-offset: 2px !important; }

/* -- Customer login page alignment -- */
#customer-account-login-providers { padding-left: 0 !important; text-align: center !important; }
#customer-account-login-providers li { display: block !important; padding: 0 !important; }
#customer-account-login-providers .btn { text-align: center !important; }

/* -- Hide single-page pagination count -- */
.pagination-container:not(:has(.fa)) { display: none !important; }

/* -- Checkout widgets on the light paper canvas -- */
.sneak-peek-trigger{background:linear-gradient(0deg,rgba(237,227,203,.96) 44%,rgba(237,227,203,0) 100%)!important}
.sneak-peek-trigger button{background:#D93A2B!important;border:2px solid #232A5C!important;color:#F7F0DE!important;letter-spacing:.16em;text-transform:uppercase;font-size:11px;border-radius:40px}
.profile-pre-select,.profile-select-container,.profile-save-container,.profile-add-on{background:#F7F0DE!important;border-color:rgba(35,42,92,.30)!important}
.profile-select-container .profile-desc,.profile-save-container .help-block,.single-profile-desc{color:#8A8468!important}
.profile-select.form-control{background:#FBF6E9!important;color:#232A5C!important;border:2px solid rgba(35,42,92,.35)!important}
.profile-apply{background:#D93A2B!important;border:2px solid #232A5C!important;color:#F7F0DE!important;border-radius:40px!important}
.profile-save-container label,.profile-save label,.profile-scope .checkbox label{color:#232A5C!important}
.ecube-footer-banner{display:flex;justify-content:center;padding:20px 24px}
.ecube-footer-banner img{max-width:680px;width:100%;height:auto;border-radius:6px;opacity:.9}

/* -- Order page: cancel section + danger panels -- */
.panel-danger,.panel-danger>.panel-body{background:#F7F0DE!important;color:#232A5C!important;border-color:rgba(217,58,43,.55)!important}
.panel-danger>.panel-heading{background:rgba(217,58,43,.12)!important;color:#232A5C!important;border-color:rgba(217,58,43,.55)!important}
.panel-danger .btn-danger,.btn-danger{background:transparent!important;border:2px solid #C22F21!important;color:#C22F21!important;border-radius:40px!important}
.panel-danger .btn-danger:hover,.btn-danger:hover{background:rgba(217,58,43,.10)!important}

/* -- Generic list-group (order-page cancellation etc.) -- */
.list-group{background:transparent!important;box-shadow:none!important}
.list-group-item{background:#F7F0DE!important;border:2px solid rgba(35,42,92,.25)!important;color:#232A5C!important}
.list-group-item p,.list-group-item span,.list-group-item div{color:#232A5C!important}

/* -- Cart / order-detail grid rows ---------------------------------------
   pretix renders cart and order positions as ARIA-grid divs whose CELLS
   carry .product / .variation classes; the generic sticker-border rule
   above turned every cell into its own overlapping box (seen on the order
   page 2026-09-02). Cells go back to flat; the surrounding panel provides
   the frame. */
.cart-row .product,.cart-row .variation,.cart-row .count,
.cart-row [role="cell"],
[role="row"].cart-row,
[role="cell"].product,[role="cell"].variation{
    border:none!important;background:transparent!important;
    border-radius:0!important;box-shadow:none!important;
}