@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

/* Big King Moose - WheresTheGig final styling */

html,
body {
    margin: 0;
    padding: 0;
    background: #000000;
    color: #ffffff;
    font-family: 'Roboto', Arial, sans-serif;
}

body {
    padding: 10px 12px;
}

body,
table,
tbody,
thead,
tfoot,
tr,
td,
th,
div,
span,
p,
a,
strong,
b,
em,
i {
    font-family: 'Roboto', Arial, sans-serif !important;
}

/* Main gig list */
.publicgiglist {
    width: 100%;
    color: #ffffff;
    font-family: 'Roboto', Arial, sans-serif;
}

table.publicgiglist,
.publicgiglist table {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0 10px;
    table-layout: auto;
    background: transparent;
}

/* IMPORTANT: keep row background transparent so rounded cell corners actually show */
.publicgiglist tr {
    background: transparent !important;
}

/* Gig cells get the dark card background */
.publicgiglist td,
.publicgiglist th {
    padding: 14px 16px;
    vertical-align: top;
    background: #151515 !important;
    color: #ffffff;
    border-top: 1px solid #303030;
    border-bottom: 1px solid #303030;
    line-height: 1.35;
}

/* DATE */
.publicgiglist .pubdate {
    width: 165px;
    min-width: 165px;
    white-space: nowrap;
    font-size: 22px !important;
    line-height: 1.25;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #ffffff !important;

    border-left: 1px solid #303030 !important;
    border-radius: 9px 0 0 9px !important;
}

/* VENUE */
.pubvenue {
    font-size: 21px !important;
    line-height: 1.25;
    font-weight: 700 !important;
    color: #ffffff !important;
}

/* TIME */
.pubtimes {
    font-size: 15px !important;
    line-height: 1.35;
    font-weight: 400 !important;
    color: #d5d5d5 !important;
}

/* COMMENTS / ADDRESS */
.pubcomments,
pre.pub {
    margin: 5px 0 0;
    font-family: 'Roboto', Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4;
    color: #c2c2c2 !important;
    white-space: pre-wrap;
}

/* Private event label */
.pubprivate {
    font-size: 14px !important;
    font-style: italic;
    color: #c2c2c2 !important;
}

/* Right edge of each gig card */
.publicgiglist td:last-child,
.publicgiglist th:last-child {
    border-right: 1px solid #303030 !important;
    border-radius: 0 9px 9px 0 !important;
}

/* Links */
.publicgiglist a,
.publicgiglist a:visited {
    color: #63b5ff !important;
    text-decoration: none;
    font-weight: 500;
}

.publicgiglist a:hover,
.publicgiglist a:focus {
    color: #9ad0ff !important;
    text-decoration: underline;
}

/* Separator rows/cells should NOT inherit gig card styling */
.publicgiglist tr:has(hr) {
    background: transparent !important;
}

.publicgiglist td:has(hr),
.publicgiglist th:has(hr) {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}

/* HR line itself */
.publicgiglist hr,
hr {
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    margin: 10px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid #333333 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Keep the desktop-style date/gig layout in narrower embeds */
@media (max-width: 700px) {
    body {
        padding: 7px;
    }

    table.publicgiglist,
    .publicgiglist table {
        min-width: 560px;
    }

    .publicgiglist .pubdate {
        width: 145px;
        min-width: 145px;
        font-size: 19px !important;
    }

    .pubvenue {
        font-size: 18px !important;
    }

    .pubtimes {
        font-size: 14px !important;
    }

    .pubcomments,
    pre.pub {
        font-size: 13px !important;
    }
}