/**
 * Stylesheet for the Schedules Manager Plugin
 * 
 * Provides styling for the Update Schedule admin page and related UI elements.
 * 
 * @package SchedulesManager
 * @version 1.0.0
 * @author Adela C Lewis
 * @link adelalewis.com
 */
/* Style for the entire page or body of the admin */

/*Styling the day and date heading for each game table*/

#gameday {}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.full-version { display: inline; }
.short-version { display: none; }

.tv-text-full, .tv-text-mobile {
    display: none;
}

/* For screens larger than 600px (you can adjust this threshold as needed) */
@media screen and (min-width: 601px) {
    .tv-text-full {
        display: inline;
    }
}

/* For screens smaller or equal to 600px (you can adjust this threshold as needed) */
@media screen and (max-width: 600px) {
    .tv-text-mobile {
        display: inline;
    }
}




#selectdate {
    position: relative;
    display: inline-block;
}

.ui-datepicker-trigger {
    position: absolute;
    top: 50%; /* Aligns vertically centered */
    right: 5px; /* Adjust based on your design, 5px from the right edge of #selectdate */
    transform: translateY(-50%); /* This will vertically center the icon */
    z-index: 2; /* Ensuring it appears on top */
}

#gameDate {
    padding-right: 30px; /* Adjust based on the width of the icon */
}


/* The increased specificity should help override competing styles */
.ui-datepicker td a.todayGame {
    background-color: #FFD700;  /* Gold color for today's game */
    color: #000; /* You can adjust the font color if needed */
}

.ui-datepicker td a.pastGame {
    background-color: #d3ebf8;  /* Blue color for past games */
    color: #FFF; /* Adjusting font color to white for better readability */
}

.ui-datepicker td a.noGame {
    /* Styles for dates with no games (this may not be necessary as they're not clickable, but just in case) */
}


#selectdate {margin-bottom:5px;}
#selectdate .bydatesearch{}

#gameday span {font-size: 1.7em;font-weight:bold;}

#teamDropdown {
    margin-bottom: 15px !important;
    padding: 10px;
    width: 100%;
    max-width: 300px;
}

#selectteam {margin-bottom:15px !important;}

.nogamestoshow { padding:20px;width:100%;text-align:center;background:#eeeeee;color:#000000;margin-bottom:20px;}

.backtotop {content:url(https://www.sportsmediawatch.com/wp-content/uploads/2022/08/sort-up-solid.svg); width:.65em;  filter: invert(75%) sepia(23%) saturate(0%) hue-rotate(243deg) brightness(97%) contrast(91%); display:inline-block;}

#scheduleContainer div.game-notes-bottom .comp {
  font-size: 11px;
}

#scheduleContainer div.game-notes-top .bold {
  font-weight: 600;}

#scheduleContainer div.game-notes-top {
    margin-top: 5px;
    display: block;
}

#scheduleContainer div.game-notes-bottom {
    margin-top: 5px;
    display: block;
   }

#scheduleContainer .previousgames h3 {margin-bottom:5px;}
/* League indicator for the Classic layout (shown when a query is not pinned to a
   single league). Colors mirror the Modern renderer's league pill. */
.smw-league-tag-line { margin-bottom: 6px; line-height: 1; }
.smw-league-tag {
    display: inline-block;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .03em;
    color: #fff;
    background: #475569;
    border-radius: 6px;
    line-height: 1.5;
    vertical-align: middle;
    text-transform: uppercase;
}
.smw-league-tag[data-league="CFB"],
.smw-league-tag[data-league="NFL"]   { background: #166534; }
.smw-league-tag[data-league="NBA"],
.smw-league-tag[data-league="MCBB"]  { background: #1d4ed8; }
.smw-league-tag[data-league="WCBB"],
.smw-league-tag[data-league="WNBA"]  { background: #6d28d9; }
.smw-league-tag[data-league="NHL"]   { background: #0f172a; }
.smw-league-tag[data-league="MLB"]   { background: #b91c1c; }
.smw-league-tag[data-league="MLS"],
.smw-league-tag[data-league="NWSL"]  { background: #047857; }
.smw-league-tag[data-league="NSCR"]  { background: #ea580c; }