.elementor-15098 .elementor-element.elementor-element-57db7fc{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15098 .elementor-element.elementor-element-57db7fc:not(.elementor-motion-effects-element-type-background), .elementor-15098 .elementor-element.elementor-element-57db7fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d704333 );}.elementor-15098 .elementor-element.elementor-element-9bd963e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15098 .elementor-element.elementor-element-0e1b2b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15098 .elementor-element.elementor-element-52ece50{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15098 .elementor-element.elementor-element-817a132 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-15098 .elementor-element.elementor-element-07c2ab8 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-15098 .elementor-element.elementor-element-36b63d7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:100;}@media(min-width:768px){.elementor-15098 .elementor-element.elementor-element-9bd963e{--width:50%;}.elementor-15098 .elementor-element.elementor-element-0e1b2b8{--width:50%;}.elementor-15098 .elementor-element.elementor-element-52ece50{--width:20%;}}/* Start custom CSS for shortcode, class: .elementor-element-8faf73d *//* === Unified Styling for TOTM and All Raffle Tables (Updated) === */

:root {
  --font-main: 'Segoe UI', 'Roboto', sans-serif;
  --font-size-base: 1rem;
  --font-size-large: 1.25rem;
  --font-size-xlarge: 1.5rem;
  --font-size-header: 2rem;
  --padding-cell: 16px 20px;
  --color-primary: #0073aa;
  --color-bg: #fff;
  --color-header: #f8f8f8;
  --color-border: #ddd;
  --color-hover: #f5f5f5;
}

.totm-winners-wrapper,
.raffle-section {
  font-family: var(--font-main);
  background-color: var(--color-bg);
}

.totm-winners-wrapper {
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}

.totm-winners-wrapper h2,
.raffle-section h2 {
  font-size: var(--font-size-header);
  padding: 20px;
  margin: 0;
  border-left: 6px solid var(--color-primary);
  background: var(--color-header);
  color: #222;
  z-index: 20;
  position: relative;
}

.totm-scroll-container,
.gun-scroll-container {
  flex: 1;
  overflow: hidden;
  position: relative;
  height: 100%;
}

.totm-winners-table,
.raffle-section table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: var(--font-size-large);
  line-height: 1.4;
  background-color: var(--color-bg);
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.totm-winners-table thead,
.raffle-section table thead {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.totm-winners-table tbody,
.raffle-section table tbody {
  display: block;
  width: 100%;
  overflow: hidden;
  height: 100%;
}

.totm-winners-table tbody tr,
.raffle-section table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

/* TOTM column widths */
.totm-winners-table thead th:nth-child(1),
.totm-winners-table td:nth-child(1) {
  width: 15%;
}
.totm-winners-table thead th:nth-child(2),
.totm-winners-table td:nth-child(2) {
  width: 50%;
}
.totm-winners-table thead th:nth-child(3),
.totm-winners-table td:nth-child(3) {
  width: 35%;
}

/* Gun Raffle column widths */
.gun-raffles-table thead th:nth-child(1),
.gun-raffles-table td:nth-child(1) {
  width: 25%;
}
.gun-raffles-table thead th:nth-child(2),
.gun-raffles-table td:nth-child(2) {
  width: 25%;
}
.gun-raffles-table thead th:nth-child(3),
.gun-raffles-table td:nth-child(3) {
  width: 50%;
}

/* Scroll control */
.scrolling-tbody.totm {
  animation: scroll-up-totm 90s linear infinite;
  animation-delay: 5s;
}

.scrolling-tbody.gun {
  animation: scroll-up-gun 90s linear infinite;
  animation-delay: 5s;
}

@keyframes scroll-up-totm {
  0% { transform: translateY(0); }
  100% { transform: translateY(-100%); }
}

@keyframes scroll-up-gun {
  0% { transform: translateY(0); }
  100% { transform: translateY(-100%); }
}

/* Sticky header */
.totm-winners-table thead th,
.raffle-section th {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: var(--color-primary) !important;
  color: white;
  font-size: var(--font-size-xlarge);
  padding: var(--padding-cell);
  text-align: left;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
  font-weight: bold;
}

/* Table body */
.totm-winners-table td,
.raffle-section td {
  padding: var(--padding-cell);
  border-bottom: 1px solid var(--color-border);
  background-color: var(--color-bg);
  font-size: var(--font-size-large);
  font-weight: bold;
}

.raffle-section tr:hover {
  background-color: var(--color-hover);
}

@media (max-width: 1440px) {
  :root {
    --font-size-base: 1.125rem;
    --font-size-large: 1.25rem;
    --font-size-xlarge: 1.5rem;
    --font-size-header: 2rem;
  }
}

@media (max-width: 1024px) {
  .totm-winners-table,
  .raffle-section table {
    font-size: 1rem;
  }
  .totm-winners-table thead th,
  .raffle-section th {
    font-size: 1.125rem;
  }
}

@media (max-width: 768px) {
  .raffle-section table,
  .raffle-section thead,
  .raffle-section tbody,
  .raffle-section th,
  .raffle-section td,
  .raffle-section tr {
    display: block;
  }
  .raffle-section thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .raffle-section tr {
    border: 1px solid #ccc;
    margin-bottom: 1rem;
    padding: 10px;
    border-radius: 4px;
  }
  .raffle-section td {
    border: none;
    position: relative;
    padding-left: 50%;
    text-align: right;
  }
  .raffle-section td::before {
    position: absolute;
    top: 12px;
    left: 15px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: bold;
    text-align: left;
    color: #444;
  }
  .raffle-section tr td:nth-child(1)::before { content: "Serial #"; }
  .raffle-section tr td:nth-child(2)::before { content: "Winning #"; }
  .raffle-section tr td:nth-child(3)::before { content: "Prize"; }
}/* End custom CSS */