/* ---------------------------------------------------------
   AMCOMM THEME OVERRIDES FOR XLXD DASHBOARD
   --------------------------------------------------------- */

/* GLOBAL -------------------------------------------------- */
body {
    margin: 0;
    padding: 0;
    background: #000000;
    color: #e0e0e0;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    min-width: 760px;

    /* Subtle grid */
    background-image:
        linear-gradient(rgba(255, 215, 0, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 215, 0, 0.06) 1px, transparent 1px);
    background-size: 40px 40px;
}

/* HEADER -------------------------------------------------- */
#top {
    height: 115px;
    width: 100%;
    background: #000000;
    border-bottom: 2px solid #d4af37; /* gold */
    position: absolute;
    top: 0;
    left: 0;
    color: #d4af37;
    padding-left: 20px;
    padding-top: 20px;
    font-size: 18px;
}

/* MENU BAR ------------------------------------------------ */
#menubar {
    height: 50px;
    width: 100%;
    background: #000000;
    border-bottom: 2px solid #d4af37;
    position: absolute;
    top: 115px;
    left: 0;
    display: flex;
    align-items: center;
}

/* MENU LINKS --------------------------------------------- */
#menu table {
    border-collapse: collapse;
}

.menulink,
.menulinkactive {
    font-size: 14pt;
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 14px;
    margin-left: 10px;
    border: 1px solid #d4af37;
    background: #000000;
    color: #d4af37;
    transition: all 0.2s ease;
}

/* Hover: gold underline */
.menulink:hover {
    color: #ffffff;
    border-color: #ffffff;
    box-shadow: 0 2px 0 #d4af37;
}

/* Active: neon green */
.menulinkactive {
    background: #00ff66;
    color: #000000;
    border-color: #00ff66;
    box-shadow: 0 0 8px #00ff66;
}

/* CONTENT ------------------------------------------------- */
#content {
    width: 100%;
    position: absolute;
    top: 175px;
    left: 0;
    padding: 20px;
    color: #e0e0e0;
}

/* TABLES -------------------------------------------------- */
.listingtable {
    margin-top: 20px;
    width: 95%;
    border: 1px solid #d4af37;
    background: #000000;
    color: #e0e0e0;
}

.listingtable th {
    background: #111111;
    color: #d4af37;
    border-bottom: 1px solid #d4af37;
    height: 35px;
}

.listingtable td {
    padding: 6px;
    border-bottom: 1px solid #333333;
}

/* LINKS --------------------------------------------------- */
.listinglink,
.smalllink {
    color: #00ff66;
    text-decoration: none;
}

.listinglink:hover,
.smalllink:hover {
    color: #ffffff;
}

/* ERROR BOX ---------------------------------------------- */
.error {
    background: #330000;
    border: 1px solid #ff0000;
    color: #ff6666;
    padding: 15px;
    width: 90%;
    margin: 10px auto;
    font-weight: bold;
}
/* ---------------------------------------------------------
   AMCOMM CINEMATIC TABLE SYSTEM — MEDIUM MOTION
   --------------------------------------------------------- */

/* Table container */
.listingtable {
    width: 95%;
    margin-top: 20px;
    border: 1px solid #d4af37; /* gold */
    background: #000000;
    color: #e0e0e0;
    border-collapse: collapse;
    box-shadow: 0 0 12px rgba(212, 175, 55, 0.15);
}

/* Header row */
.listingtable th {
    background: #0d0d0d;
    color: #d4af37;
    border-bottom: 2px solid #d4af37;
    padding: 10px 6px;
    font-size: 14pt;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    position: relative;
}

/* Gold energy band under header */
.listingtable th::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: linear-gradient(90deg, #d4af37, #00ff66, #d4af37);
    opacity: 0.4;
}

/* Table rows */
.listingtable td {
    padding: 8px 6px;
    border-bottom: 1px solid rgba(212, 175, 55, 0.25);
    transition: background 0.25s ease, color 0.25s ease;
}

/* Hover illumination — medium intensity */
.listingtable tr:hover td {
    background: rgba(0, 255, 102, 0.08); /* neon green glow */
    color: #ffffff;
}

/* Alternating row depth */
.listingtable tr:nth-child(even) td {
    background: rgba(255, 255, 255, 0.02);
}

/* Callsign links */
.listinglink {
    color: #00ff66;
    text-decoration: none;
    transition: color 0.2s ease;
}

.listinglink:hover {
    color: #ffffff;
}

/* Country flag column alignment */
.listingtable td img {
    border-radius: 3px;
    box-shadow: 0 0 4px rgba(212, 175, 55, 0.4);
}
/* Force table text to be readable */
.listingtable td,
.listingtable th {
    color: #e6e6e6 !important; /* bright neutral */
}

/* Make the non-hover row background slightly lighter */
.listingtable tr td {
    background: rgba(255, 255, 255, 0.04) !important;
}

/* Keep hover effect but ensure text stays bright */
.listingtable tr:hover td {
    background: rgba(0, 255, 102, 0.12) !important;
    color: #ffffff !important;
}

/* ---------------------------------------------------------
   FINAL XLXD TEXT VISIBILITY FIX — OVERRIDES INLINE <font>
   --------------------------------------------------------- */

/* Force ALL table text to bright gold/white */
.listingtable td,
.listingtable th,
.listingtable tr td,
.listingtable tr th,
.listingtable td * {
    color: #e6e6e6 !important; /* readable */
}

/* Kill XLXD's inline <font color="#000000"> */
.listingtable td font {
    color: #e6e6e6 !important;
}

/* Make sure background isn't swallowing text */
.listingtable tr td {
    background-color: rgba(255, 255, 255, 0.04) !important;
}

/* Hover stays neon and readable */
.listingtable tr:hover td {
    background-color: rgba(0, 255, 102, 0.15) !important;
    color: #ffffff !important;
}

/* Header stays gold */
.listingtable th {
    color: #d4af37 !important;
    background-color: #0d0d0d !important;
}
/* ---------------------------------------------------------
   XLXD TABLE RESET — FIXES WHITE BACKGROUND + DARK TEXT
   --------------------------------------------------------- */

.listingtable,
.listingtable * {
    all: unset;
    display: revert;
    box-sizing: border-box;
}

/* Restore table structure after reset */
.listingtable {
    width: 95%;
    border-collapse: collapse;
    margin-top: 20px;
}
/* ---------------------------------------------------------
   AMCOMM CINEMATIC TABLE — CLEAN + READABLE
   --------------------------------------------------------- */

.listingtable {
    background: #000;
    border: 1px solid #d4af37;
    box-shadow: 0 0 12px rgba(212, 175, 55, 0.15);
}

.listingtable th {
    background: #0d0d0d;
    color: #d4af37;
    padding: 10px 6px;
    border-bottom: 2px solid #d4af37;
    text-transform: uppercase;
    font-size: 14pt;
}

.listingtable td {
    padding: 8px 6px;
    color: #e6e6e6;
    border-bottom: 1px solid rgba(212, 175, 55, 0.25);
    background: rgba(255, 255, 255, 0.03);
}

/* Alternating rows */
.listingtable tr:nth-child(even) td {
    background: rgba(255, 255, 255, 0.06);
}

/* Hover */
.listingtable tr:hover td {
    background: rgba(0, 255, 102, 0.15);
    color: #ffffff;
}
/* ---------------------------------------------------------
   AMCOMM TABLE COLUMN ALIGNMENT FIX
   --------------------------------------------------------- */

/* Restore spacing between columns */
.listingtable td,
.listingtable th {
    padding: 8px 12px !important;
    white-space: nowrap !important;
}

/* Force consistent column widths */
.listingtable th:nth-child(1),
.listingtable td:nth-child(1) {
    width: 40px !important;   /* # column */
    text-align: center !important;
}

.listingtable th:nth-child(2),
.listingtable td:nth-child(2) {
    width: 60px !important;   /* flag */
    text-align: center !important;
}

.listingtable th:nth-child(3),
.listingtable td:nth-child(3) {
    width: 140px !important;  /* callsign */
}

.listingtable th:nth-child(4),
.listingtable td:nth-child(4) {
    width: 100px !important;  /* suffix */
}

.listingtable th:nth-child(5),
.listingtable td:nth-child(5) {
    width: 260px !important;  /* talkgroup */
}

.listingtable th:nth-child(6),
.listingtable td:nth-child(6) {
    width: 180px !important;  /* via/peer */
}

.listingtable th:nth-child(7),
.listingtable td:nth-child(7) {
    width: 200px !important;  /* last heard */
}