#hero  {
}


a.menu-item
{
    color: #7A7A7A;
    font-size: medium;
    font-size: 1.2em;
    font-weight: bold;
}

footer, footer > div{
    background-color: #26282F !important;
    color: #999999;
}

footer .text-slate-700
{
    color: #999999;
}

footer .text-slate-700:hover
{
    color: white;
}

.app-header
{
    background-color: #101010;
    color: white;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
}

.app-header a.menu-item
{
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.95rem;
}

.app-header a.menu-item:hover
{
    color: white;
}

#basketlink {
    background-color: transparent;
    color: white;
}

#basket-count
{
    background-color: white;
    color: #101010;
}

#copyright, #copyright-wrapper
{
    border: 0;
    color: #999999;
}


.ticket-product-grid
{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 256px));
    justify-content: center;
    gap: 1.25rem;
}

.ticket-product-card
{
    width: 100%;
    max-width: 256px;
    aspect-ratio: 1 / 1;
}

.ticket-product-gradient
{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 30%, rgba(0, 0, 0, 0.92) 100%);
}

@media (min-width: 1024px)
{
    .ticket-product-grid
    {
        justify-content: flex-start;
    }
}
@media (min-width: 1024px)
{
    .ticket-app-shell
    {
        display: grid;
        grid-template-columns: 280px minmax(0, 1fr);
        align-items: stretch;
    }

    .ticket-basket-panel
    {
        display: block;
        min-height: calc(100vh - 64px);
        background: linear-gradient(180deg, #101010 0%, #19150e 100%);
        border-right: 1px solid rgba(213, 182, 95, 0.22);
    }
}
/* Checkout follows the ticket selection page's black and gold palette. */
.ticket-checkout { color: #101010; align-content: start; }
.ticket-checkout #form-checkout { border-radius: 12px; }
.ticket-checkout input:not([type="checkbox"]):not([type="radio"]),
.ticket-checkout textarea { border-radius: 8px; width: 100%; min-width: 0; }
.ticket-checkout input:focus-visible, .ticket-checkout textarea:focus-visible,
.ticket-checkout button:focus-visible, .ticket-checkout a:focus-visible {
    outline: 2px solid #d5b65f; outline-offset: 3px;
}
.ticket-checkout input { accent-color: #94752c; }
.ticket-checkout #btn-pay { background: #d5b65f; color: #101010; border-radius: 8px; }
.ticket-checkout #btn-pay:hover { background: #efd47d; }
.checkout-summary > div {
    background: linear-gradient(180deg, #101010, #19150e);
    color: white; border-radius: 12px; box-shadow: none; border: 1px solid #54482c;
}
.checkout-summary .bg-slate-50 { background: rgba(255,255,255,.06); }
.checkout-summary .text-slate-600 { color: #d7d3c9; }
.checkout-summary .border-slate-200, .checkout-summary hr { border-color: rgba(213,182,95,.25); }
.checkout-ticket-row + .checkout-ticket-row { border-top: 1px solid rgba(255,255,255,.12); }
.checkout-remove {
    flex-shrink: 0; width: 36px; height: 36px; border-radius: 6px;
    border: 1px solid rgba(255,255,255,.3); color: white; font-size: 22px;
}
.checkout-remove:hover { border-color: #d5b65f; color: #efd47d; }
.checkout-remove:disabled { opacity: .5; cursor: wait; }
@media (max-width: 1023px) {
    .ticket-checkout > .checkout-summary { grid-row: 2; }
}

.mobile-basket-total { display: none; }
@media (max-width: 767px) {

    .app-header .app-header-brand { min-width: 0; max-width: 35vw; overflow: hidden; }
    .app-header .app-header-brand img { max-width: 100% !important; }
    .app-header #basketlink { width: auto; flex-shrink: 0; gap: 8px; padding: 0 8px; }
    .mobile-basket-total { display: inline; white-space: nowrap; font-size: 14px; font-weight: 700; color: #efd47d; }
}
header.app-header { position: relative; flex-shrink: 0; }
@media (max-width: 767px) {
    header.app-header { position: sticky; top: 0; z-index: 40; }
}