/*
Theme Name: Yukon Lights Out
Description: A child theme for Yukon Lights Out Basketball Tournament
Author: Aasman Brand Communications
Author URI: https://aasman.ca
Author Email: info@aasman.ca
Version: 1.0.0
Text Domain: hello-elementor-child
Template: hello-elementor
*/


/* SPORTSPRESS PRO CALENDAR LISTING */

.sp-template a, .sp-data-table a{
    font-weight: 500!important;
}

/* HS Boys */
.sp-event-list tbody tr.league-hs-boys td {
  background: rgba(47, 128, 237, 0.12);
}
.sp-event-list tbody tr.league-hs-boys td:first-child {
  border-left: 6px solid #2f80ed;
}

/* HS Girls (ORANGE – clearly different from Women) */
.sp-event-list tbody tr.league-hs-girls td {
  background: rgba(242, 153, 74, 0.15);
}
.sp-event-list tbody tr.league-hs-girls td:first-child {
  border-left: 6px solid #f2994a;
}

/* Men */
.sp-event-list tbody tr.league-men td {
  background: rgba(39, 174, 96, 0.12);
}
.sp-event-list tbody tr.league-men td:first-child {
  border-left: 6px solid #27ae60;
}

/* Women (DEEP PURPLE – distinct from HS Girls) */
.sp-event-list tbody tr.league-women td {
  background: rgba(142, 68, 173, 0.14);
}
.sp-event-list tbody tr.league-women td:first-child {
  border-left: 6px solid #8e44ad;
}

/* Grade 8 – SLATE (distinct from ALL other leagues) */
.sp-event-list tbody tr.league-grade-8 td {
  background: rgba(108, 117, 125, 0.15); /* slate grey */
}
.sp-event-list tbody tr.league-grade-8 td:first-child {
  border-left: 6px solid #6c757d;
}

/* Hover polish */
.sp-event-list tbody tr:hover td {
  filter: brightness(0.97);
}


/* TABLE */

table.tablepress.lightsout-table{
	font-size: 16px;
	line-height: 18px;	
	border-collapse: separate;
}

	table.tablepress.lightsout-table thead th{
		background: #000;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		font-size: 14px;
		line-height: 16px;
		width: 17.5%;
	}
	table.tablepress.lightsout-table.lightsout-new-schedule-table thead th{
		width: auto;	
	}
	table.tablepress.lightsout-table:not(.lightsout-new-schedule-table) thead th.column-1{
		width: 30%;	
	}
	table.tablepress.lightsout-table.lightsout-roster-table thead th{
		text-align: left;
		width: 50%!important;
	}
	
	table.tablepress.lightsout-table.lightsout-new-schedule-table tr td{
		padding: 0;
	}
		table.tablepress.lightsout-table.lightsout-new-schedule-table tr td span{
			display: inline-block;
			width: 100%;
			padding: 8px 0;
		}
	table.tablepress.lightsout-table.lightsout-new-schedule-table tr td:first-child{
		width: 10%;
		padding: 8px;
		background: #9f9333;
		color: #fff;
		border-bottom: 1px dashed #fff;
	}
	table.tablepress.lightsout-table.lightsout-new-schedule-table tr:last-child td:first-child{
		border-bottom: 1px solid #9f9333;
	}
	table.tablepress.lightsout-table.lightsout-new-schedule-table tr td:nth-child(2),
	table.tablepress.lightsout-table.lightsout-new-schedule-table tr td:nth-child(4){
		width: 37%;
		text-align: center;
	}
	table.tablepress.lightsout-table.lightsout-new-schedule-table tr td:nth-child(3){
		width: 18%;
		background: #eee;
		font-style: italic;
		text-align: center;
		font-size: 14px;
	}
	

	table.tablepress.lightsout-table td,
	table.tablepress.lightsout-table .odd td{
		background-color: #fff;
		vertical-align: middle;
		border-left: 1px solid #9f9333;
		border-bottom: 1px dashed #9f9333;
		border-top: none;
	}
	table.tablepress.lightsout-table td:last-child{
		border-right: 1px solid #9f9333;
	}
	
	table.tablepress.lightsout-table:not(.lightsout-new-schedule-table) tbody tr:first-child td{
		background: #9f9333;
		text-align: center;
	}
	table.tablepress.lightsout-table.lightsout-roster-table tbody tr:first-child td{
		background: #fff;
		text-align: left;
	}
	
	table.tablepress.lightsout-table tbody tr:last-child td{
		border-bottom: 1px solid #9f9333;
	}
	
	table.tablepress.lightsout-table tbody tr td img{
		margin: 0 auto;
	}


/* TABLE RESPONSIVE CUSTOM CODE */
/* Keep normal look on desktop & tablet */
#tablepress-1 {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1rem;
}

/* Mobile view: make table scroll horizontally with a visual cue */
@media (max-width: 767px) {
  .tablepress-id-1 {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1); /* subtle bottom bar */
  }

  /* Optional: style the scrollbar (for modern browsers) */
  .tablepress-id-1::-webkit-scrollbar {
    height: 6px;
  }

  .tablepress-id-1::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
  }

  .tablepress-id-1::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.25);
    border-radius: 3px;
  }

  /* For Firefox */
  .tablepress-id-1 {
    scrollbar-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.05);
    scrollbar-width: thin;
  }
}