/*
Theme Name: KGLT-Go-2024
Theme URI: 
Author: Barrett Goding
Author URI: 
Description: Go.KGLT.net child of Twenty Twenty-Four
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: kglt-go-2024
Tags: 
*/


/* Fund Drive Progress Bar */
#site-content .fd-img-prog { max-width: 728px; }

#site-content .wp-block-image.fd-img { margin-bottom: 0 }

.fd-totals {  margin-bottom: 3rem; }

.fd-nums,
.fd-prog {
margin: 0;
max-width: 728px;
}

.fd-prog[value] {
--w: 100%; /* the width*/
--color: linear-gradient(90deg, #d42f2a, #36de36) 0/var(--w);
--background: #fff8b3; /* 2023:  #cafcca; 2024: #bfebea; */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
width: var(--w);
margin: 0;
border-radius: 10em;
background: var(--background);
}

.fd-prog[value]::-webkit-progress-bar {
border-radius: 10rem;
background: var(--background);
}

.fd-prog[value]::-webkit-progress-value {
border-radius: 10rem;
background: var(--color);
}

.fd-prog[value]::-moz-progress-bar {
border-radius: 10rem;
background: var(--color);
}

.fd-nums {
color: #6d6d6d;
display: flex;
font-size: 1.5rem;
font-family: var(--font-sans);
font-weight: 500;
justify-content: space-between;
margin-top: 0.5rem;
}

.fd-fig { margin: 0; }

/* Weekly on-air Schedule table ([kglt_schedule] shortcode) */
.kglt-schedule {
	border-collapse: collapse;
	width: 100%;
	margin: 2rem 0;
	font-size: 0.75rem;
}

.kglt-schedule caption {
	caption-side: top;
	text-align: left;
	font-weight: 600;
	font-size: 1.1rem;
	padding-bottom: 0.75rem;
	color: var(--wp--preset--color--contrast, #111);
}

.kglt-schedule th,
.kglt-schedule td {
	border: 1px solid var(--wp--preset--color--contrast-3, #ccc);
	padding: 0.5rem 0.6rem;
	vertical-align: top;
	text-align: left;
	line-height: 1.35;
}

.kglt-schedule thead th {
	background: var(--wp--preset--color--contrast, #111);
	color: var(--wp--preset--color--base, #fff);
	font-weight: 600;
	position: sticky;
	top: 0;
	z-index: 2;
}

.kglt-schedule thead th:first-child {
	z-index: 3;
	left: 0;
}

.kglt-schedule tbody th[scope="row"] {
	background: var(--wp--preset--color--base-2, #fff);
	font-weight: 600;
	white-space: nowrap;
	position: sticky;
	left: 0;
	z-index: 1;
}

.kglt-schedule tbody tr:nth-child(even) td {
	background: var(--wp--preset--color--base, #f9f9f9);
}

.kglt-schedule tbody tr:nth-child(odd) td {
	background: var(--wp--preset--color--base-2, #fff);
}

.kglt-schedule td:empty::before {
	content: "\2013"; /* en dash for empty slots */
	color: var(--wp--preset--color--contrast-3, #ccc);
}

.kglt-schedule-programs {
	list-style-type: disc;
	margin: 0;
	padding-left: 1.1em;
}

.kglt-schedule-programs li {
	margin: 0;
	padding: 0.1rem 0;
}

.kglt-schedule-programs li::marker {
	color: var(--wp--preset--color--contrast-3, #ccc);
	font-size: 0.8em;
}

/* Unused
.kglt-schedule-programs li:only-child {
	list-style-type: none;
	margin-left: -1.1em;
}
.kglt-schedule-programs li + li { border-top: 1px dotted var(--wp--preset--color--contrast-3, #ccc);}
*/

/* Wrap the table in a scrolling container on narrow screens so the
   grid stays legible instead of squeezing 8 columns into one screen. */
@media (max-width: 782px) {
	.kglt-schedule-wrap {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.kglt-schedule {
		font-size: 0.85rem;
		min-width: 900px;
	}
}