/* ====================================================== MAIN ====================================================== */

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  background-color: #f3e5dc;
  align-content: center;
  text-align: center;
}

/* ====================================================== PROFILE ====================================================== */

/* Header row inside the table */
.profile-header {
    height: 50px;                 
    line-height: 50px;            
    padding: 0;                  
    border-bottom: 1px solid black;
    border-radius: 10px 10px 0 0; /* rounded top corners */
}

h1, .profile-header {
    font-family: 'Rubik', sans-serif;
    font-weight: 800;
    font-size: 35px;
    text-align: center;
    margin: 0 auto 0px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.profile-logo {
  margin-top: 12px;
  margin-bottom: -10px;
}

.profile-card {
    width: 65%;
    background-color: #fcfcfc;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    margin: 15px auto;
    border: 1px solid black;
    border-radius: 10px;
    overflow: hidden; /* critical */
    box-sizing: border-box;
    padding: 3px;
}

/* ====================================================== HONOURS CARDS ====================================================== */

.honours-cards {
    margin-bottom: 20px;
}

.honours-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    max-width: 65%;     
    margin: 0 auto;
}

.honour-card {
    background: #fff;
    border: 1px solid #000;
    border-top: 4px solid var(--club, #333);
    border-radius: 4px;
    padding: 16px 12px;
    text-align: center;
}

.honour-value {
    display: block;
    font-size: 2.2rem;
    font-weight: bold;
    color: var(--club, #333);
    line-height: 1;
    margin-bottom: 6px;
}

.honour-label {
    display: block;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #444;
}

.placeholder-link {
    color: inherit;
    text-decoration: underline;
    cursor: default;
}

/* ====================================================== UNKNOWN ====================================================== */

.match-list {
  width: 65%;
  margin: 0 auto;
  color: #1a1a1a;
  border: 1px solid #000;
}

.match-list .match-day + .match-day {
  margin-top: 28px;
}

.match-list .match-day__date {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #6b6b6b;
  margin: 0 0 10px 2px;
  border-bottom: 1px solid #d8d8d4;
  padding-bottom: 6px;
}

.match-list .match {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 14px;
  padding: 10px 12px;
  background: #ffffff;
  border: 1px solid #e6e6e2;
  border-radius: 4px;
}

.match-list .match + .match {
  margin-top: 6px;
}

.match-list .match__round {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #8a3b2e;
  text-align: left;
}

.match-list .match__fixture {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 15px;
}

.match-list .match__team {
  min-width: 150px;
  text-align: right;
  font-family: 'Montserrat', sans-serif;
}

.match-list .match__team--away {
  text-align: left;
}

.match-list .match__score {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  min-width: 52px;
  text-align: center;
  background: #f1efe8;
  border-radius: 3px;
  padding: 2px 0;
  font-family: 'Montserrat', sans-serif;
}

.match-list .match__note {
  display: inline-block;
  width: 75px;
  font-size: 11px;
  font-weight: 400;
  color: #8a8a8a;
  margin-left: 4px;
  text-align: left;
}

.match-list .match__venue {
  font-family: 'Montserrat', sans-serif;
  text-align: right;
  font-size: 14px;
  color: #7a7a7a;
  font-style: italic;
}

.match-list .match__note-spacer {
  display: inline-block;
  width: 75px;
}

/* Stack on narrow screens */
@media (max-width: 620px) {
  .match-list .match {
    flex-wrap: wrap;
  }
  .match-list .match__round {
    flex: 1 0 100%;
  }
  .match-list .match__fixture {
    flex: 1 1 100%;
    justify-content: flex-start;
  }
  .match-list .match__team {
    min-width: 0;
  }
  .match-list .match__venue {
    flex: 1 0 100%;
    text-align: left;
  }
}

/* ====================================================== ADS ====================================================== */

.ad-container {
    width: 65%;
    max-width: 100%;
    overflow: hidden;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.ad-mobile {
    display: none;
}

@media (max-width: 767px) {
  .ad-desktop {
    display: none !important;
  }
  .ad-mobile {
    display: block !important;
  }
}

/* ====================================================== TABLES ====================================================== */

.table-header {
    font-family: 'Montserrat', sans-serif;
    height: 40px;
    background-color: #36454F;
    font-size: 17px;
    column-span: all;
}

.table-header th {
    text-align: center;
    height: 40px;
}

.country {
  margin: 5px 5px;
  width: 20px;
  height: 20px;
}

.ball-header {
  margin: 5px 5px;
  width: 20px;
  height: 20px;
}

.pitch-header {
  margin: 5px 5px;
  width: 24px;
  height: 20px;
}

.flags {
  border-width: 1px;
  border-style: solid;
  width: 23px;
  height: 15px;
  vertical-align: middle; 
}

.flags-square {
  border-width: 1px;
  border-style: solid;
  width: 15;
  height: 15px;
  vertical-align: middle; 
}

/* ====================================================== SEASONS ====================================================== */

.season-header-container {
    width: 65%;
    margin: 0 auto;
    /* Gradient Background (White to Green) */
    background: linear-gradient(to bottom, #ffffff, #46B57A);
    border: 1px solid black;
    color: #1a1a1a;
    /* Dark text */
    border-radius: 8px;
    overflow: hidden;
    /* No box-shadow as requested */
    font-family: 'Montserrat', sans-serif;
}

/* Seasons Main Title (England 2024-25) */

.season-title {
    font-family: 'Rubik', sans-serif;
    min-width: 700px;
    font-size: 35px;
    font-weight: 700;
    text-align: center;
    display: block;
    width: 100%;
    padding: 15px 0 10px 0;
    margin: 0;
    letter-spacing: normal;
    /* Reduced spacing */
    color: #1a1a1a;
    text-shadow: none;
}

/* Season Navigation Bar */
.season-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 30px;
    background-color: rgba(255, 255, 255, 0.2);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* Season Center Text in Nav */
.season-nav-title {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: normal;
    /* Reduced spacing */
    color: #333;
}

/* Season Links (Previous / Next) */
.season-nav .nav-link,
.season-nav .nav-link:link,
.season-nav .nav-link:visited {
    color: #1a1a1a !important;
    /* Dark text */
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 12px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.4);
    border: none;
    display: inline-block;
    width: 120px; /* or whatever fits your longest link */
}

.season-nav .nav-link:hover {
    background-color: #1a1a1a;
    color: #fff !important;
    transform: translateY(-2px);
    text-decoration: none;
}

/* Responsive Design */
@media (max-width: 768px) {
    .season-header-container {
        width: 95%;
    }

    .season-title {
        font-size: 28px;
    }

    .season-nav-title {
        display: none;
        /* Hide middle text on mobile to save space */
    }

    .season-nav {
        padding: 10px;
    }
}

/* --- League Table Styles --- */

.league-table {
    width: 65%;
    margin: 20px auto;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    text-align: center;
    color: #1a1a1a;
    box-sizing: border-box;

    /* Gradient Background (White to Green) */
    background: white;

    /* Rounded Corners & Border */
    border: 1px solid black;
    border-radius: 8px;
    overflow: hidden;

    /* Required for rounded corners on tables */
    border-collapse: separate !important;
    border-spacing: 0;
}

/* Table Headers */
.league-table th {
    padding: 12px 5px;
    text-align: center;
    font-weight: 600;
    border: none !important;
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}

/* Table Cells */
.league-table td {
    padding: 8px 5px;
    text-align: center;
    border: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.3) !important;
}

/* Links in Table */
.league-table a {
    color: #1a1a1a;
    text-decoration: none;
    font-weight: 600;
}
.league-table a:hover {
    text-decoration: underline;
}

.league-table a.red-link {
    color: red;
}

.league-table a.green-link {
    color: green;
}

.league-table a.re-election {
  color: #e49353;
}

.re-election {
  color: #e49353;
}

/* Season Division Header (Premier League, etc.) */
.division-header {
    background: linear-gradient(to bottom, #ffffff, #46B57A);
    font-family: 'Rubik', sans-serif;
    font-size: 20px;
    font-weight: bold;
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid black;
    color: #1a1a1a;
}

/* Empty row */
.league-table .empty-row {
    height: 10px;
}

.promoted {
  box-shadow: 
    inset 4px 0 0 #28a745,
    inset -4px 0 0 #28a745;
}

.relegated {
  box-shadow: 
    inset 4px 0 0 #dc3545,
    inset -4px 0 0 #dc3545;
}

.division-line td {
    border-bottom: 1px solid black !important;
}

/* Container to center the table on the page */
.text-table-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 65%;
  min-height: 620px; 
  margin: auto;
  background-color: #fcfcfc;
  border: 1px solid #000;
  border-radius: 8px;
  box-sizing: border-box;
}

/* New Unified Table Class */
.text-table {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  color: #333;
  border-collapse: collapse; /* Removes double borders if any */
  width: 100%; /* Optional: Makes table fill the 65% container */
}

/* Table cell spacing */
.text-table td {
  padding: 5px;
  vertical-align: middle;
}

.top-scorers-table {
  width: 65%;
  margin: 20px auto;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  text-align: center;
  color: #1a1a1a;
  box-sizing: border-box;
  background: white;
  border: 1px solid black;
  border-radius: 8px;
  overflow: hidden;
  border-collapse: separate !important;
  border-spacing: 0;
}

/* Table Headers */
.top-scorers-table th {
    padding: 5px 5px;
    text-align: center;
    font-weight: 600;
    border: none !important;
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}

/* Table Cells */
.top-scorers-table td {
    padding: 8px 5px;
    text-align: center;
    border: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.3) !important;
}


    /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* To be deleted */
.ballheader {
  margin: 5px 5px;
  width: 20px;
  height: 20px;
}


/* The club information table */
.profile-table {
    width: 65%;
    background-color: #fcfcfc;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    text-align: center;
    border: 1px solid black;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
}


.home {
  background-color: #36454F;
  color: white;
  border: 1px solid black;
  width: 65%;
}

.clubs-index-header {
  background-color: #36454F;
  color: white;
  border: 1px solid black;
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.title-404 {
  background-color: #36454F;
  color: white;
  border: 1px solid black;
  width: 65%;
}

.padding-home {
  padding: 15px;
}

.blink {
    animation: blink 1s infinite;
}

@keyframes blink {
    0%, 49% { opacity: 1; }
    50%, 100% { opacity: 0; }
}

#liveTime {
    font-family: "Assistant", monospace;
    font-size: 16px;
    font-weight: normal;
}

#seasonTicker {
    overflow: hidden;
    white-space: nowrap;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #f0f0f0;
    padding: 5px 0;
    width: 65%;
    margin: 0 auto; /* centers the ticker */
    font-family: 'Times New Roman', Times, serif; /* Times font */
}

.ticker-inner {
    display: inline-block;
    white-space: nowrap;
    animation: tickerScroll 70s linear infinite; /* slower scroll */
}

.ticker-item {
    display: inline-block;
    padding: 0 2em; /* space on both sides */
    position: relative;
}

/* add bullet before each item except the first */
.ticker-item::before {
    content: "•"; 
    margin-right: 0.5em;
    color: #333;
}

.ticker-item:first-child::before {
    content: ""; /* no bullet for first item */
}

@keyframes tickerScroll {
    0% { transform: translateX(25%); } /* start partially visible */
    100% { transform: translateX(-100%); }
}

/* Main honours table */
.honours-table {
  background-color: #fcfcfc;
  width: 65%;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  border: 1px solid black;
  box-sizing: border-box;
}

/* Main table cells */
.honours-table th,
.honours-table td {
  padding: 6px 12px;
  border: 1px solid black;
  text-align: left;
}

.honours-table th {
  font-size: 17px;
    text-align: center;
}

/* Inner seasons table */
.honours-years-table {
  border-collapse: collapse;
  margin-top: 4px;
}

.honours-years-table td {
  padding: 2px 6px;
  border: none;
  text-align: center;
  white-space: nowrap;
}


.ad-wrapper-65 {
    max-width: 65%;
    margin-left: auto;
    margin-right: auto;
}

.ad-wrapper-65 .adsbygoogle {
    display: block;
    width: 100%;
}

/* WCQ table aligned with site-wide table styles */
.wcq-table {
  background-color: #fcfcfc;
  width: 65%;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  text-align: center;
  border: 1px solid black;
  box-sizing: border-box;
}

/* Cells */
.wcq-table th,
.wcq-table td {
  border: 1px solid black;
  padding: 8px;
}

.wcq-table td:nth-child(2),
.wcq-table .wcq-row td:nth-child(2) {
  background-color: #f9f9f9;
  color: #000000;
}

/* Header */
.wcq-table th {
  position: sticky;
  top: 0;
  z-index: 2;
}

/* Opponent column (label column) */
.wcq-table td:first-child {
  text-align: center;
  font-weight: normal;
  background-color: #f9f9f9;
  color: black;
}

.wcq-row {
  background-color: #ffffff;
  font-weight: bold;
  color: #000000;         
}

/* Result colors (kept subtle to match your site tone) */
.win {
  background-color: #d8f0da; /* slightly toned down green */
  color: black;
}

.draw {
  background-color: #fff7cc; /* softer yellow */
  color: black;
}

.loss {
  background-color: #f4cccc; /* softer red */
  color: black;
}

/* Not played */
.not-played {
  background-color: #eeeeee;
  color: #777;
}

/* Hover (very subtle, doesn’t fight result colors) */
.wcq-table tbody tr:hover td {
  filter: brightness(0.97);
}

.club-profile-article {
    width: 65%;
    margin: 0 auto;
    border: 1px solid black;
    background: white;
    margin-bottom: 1.5rem;
}

.club-profile-article h2 {
    padding: 3px;
    margin: 0;
    border: none;
    border-bottom: 1px solid black;
}

/* old - remove when all pages updated */
.club-profile-article dl {
    margin: 0;
    text-align: left;
}
.club-profile-article dt {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 10px 0 10px;
    text-align: left;
}
.club-profile-article dd {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    margin: 0;
    padding: 0 10px 10px 10px;
    text-align: left;
}

/* new */
.club-profile-article section {
    margin: 0;
    text-align: left;
}
.club-profile-article section div {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    margin: 0;
    padding: 0 10px 10px 10px;
    text-align: left;
}
.record-cat {
    font-weight: bold;
    padding-top: 10px;
}
.record-headline {
    font-size: 20px;
    font-weight: bold;
}
.record-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid black;
    margin: 0 10px;
    padding: 8px 0;
}
.record-counter {
    font-size: 12px;
    color: #888;
}
.record-btn {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    cursor: pointer;
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 4px 12px;
}

.profile-card {
    position: relative;
}

.record-card {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 16px 20px;
    max-width: 480px;
}
.record-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #888;
    margin: 0 0 6px;
}
.record-category {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 4px;
}
.record-headline {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 8px;
}
.record-detail {
    font-size: 14px;
    margin: 0 0 16px;
    line-height: 1.5;
}
.record-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #ddd;
    padding-top: 10px;
}
.record-counter {
    font-size: 12px;
    color: #888;
}
.record-btn {
    font-size: 13px;
    cursor: pointer;
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px 12px;
}
.record-btn:hover {
    background: #f5f5f5;
}

.arrow-left,
.arrow-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
}
.arrow-left {
    left: 10px;
}
.arrow-right {
    right: 10px;
}

.home-facts {
  height: 100px; 
}

.blank-row-3 {
  height: 25px; 
}

#seasonSelect {
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 10px; 
}

.nav-link--placeholder {
    visibility: hidden;   /* keeps spacing, hides content */
    pointer-events: none; /* not interactive */
}

.logo {
    display: inline-block;
    align-content: center;
    margin: 1px;
}

.footer {
    background: linear-gradient(to bottom, #ffffff, #a3bfa8);
    width: 65%;
    
    /* Center the footer horizontally on the page */
    margin: 15px auto 20px auto; 
    
    /* Center text/content horizontally */
    text-align: center;
    
    /* Center content vertically (if it has height) */
    display: flex;
    justify-content: center; /* Horizontal center for flex items */
    align-items: center;     /* Vertical center for flex items */
    flex-direction: column;  /* Stacks content vertically if multiple lines */
    
    font-family: 'Quicksand', sans-serif;
    font-size: 12px;
    padding: 0 0; /* Consistent top/bottom padding */
}

header {
    background: #fef8f9;
    margin: 10px;
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.no-bullets {
  list-style-type: none;
  padding-left: 0;
  margin: 5px 0;
}

/* League Tables */

.leagueheading {
  width: 100%;
  padding: 5px;
  background-color: #36454F;
  color: white;
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  margin-left:auto; 
  margin-right:auto;
}

.divisionheader {
  background-color: #36454F;
  height: 40px;
  font-size: 16px;
  color: white;
  border-bottom: 1px solid black;
  padding: 8px;
}

.previous {
  background-color: #36454F;  
  text-align: left;
  padding-left: 10px;
}

.next {
  background-color: #36454F;
  text-align: right;
  padding-right: 10px;
}

.containerheading {
  background-color: #36454F;
  border: 1px solid black;
  width: 65%;
  margin-left:auto; 
  margin-right:auto;
}

.promotion {
  color: #00cc66;
}

.relegation {
  color: red;
}

.reelection {
  color: #e49353;
}

.resignation {
  color: #e77353;
}

.relegationplayoffs {
  color: #cfd13d;
}

#wrapper {
  min-height: 100%;
  position: relative;
}

#content {
  padding-bottom: 15px;
}

.page-wrap {
  width: 100%;
  margin: auto;
  align-content: center;
}

.container .logo {
    height: 40px;
    display: block;
    margin: 0 auto 10px auto;
}


.logo-text {
  font-family: 'Your Chosen Font', sans-serif; /* Specify the font you want to use */
  font-size: 24px; /* Adjust the font size */
  font-weight: bold; /* Optionally set font weight */
  text-align: center; /* Center the text */
  margin: 0; /* Remove default margin */
  padding: 10px; /* Add some padding for spacing */
}

.featured-content {
  text-align: center;
  margin: 20px auto;
  font-size: 16px;
  color: #666;
  font-family: "Rubik", sans-serif; /* Change the font family here */
  transition: transform 0.5s ease;
  transform: translateY(0);
}


.player_name {
    background-color: #f5f5f5;
}

.g-images {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex; /* Display images in a row */
    justify-content: space-around; /* Distribute space evenly between images */
    align-items: center; /* Center images vertically */
}

.g-images img {
    border: 1px solid black;
    max-width: 100%; /* Maximum width of the image within its container */
    height: auto; /* Maintain aspect ratio */
    margin-right: 10px; /* Margin between images (adjust as needed) */
}

abbr[title] {
  cursor: default; /* Optional: Change cursor to a help pointer on hover */
}

/* Styling for the error message */
.error-container {
    font-family: 'Quicksand', sans-serif;
    text-align: center;
    margin-top: 50px;
    max-width: 600px;
    margin: 50px auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: #f9f9f9;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.error-container h1 {
    color: #D8000C;
    font-size: 2em;
    margin-bottom: 20px;
}

.error-container p {
    color: #666;
    font-size: 1em;
    line-height: 1.5;
}

.today-in-history {
  width: 65%;
  margin: 20px auto;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
}

.date {
  color: #FF007F;
}

/* Common styling for arrows */
.arrow {
  font-size: 16px; /* Adjust the size as needed */
  font-weight: bold; /* Make it bold for better visibility */
  text-align: center;
  line-height: 1; /* Center the arrow vertically */
}

/* Styling for down arrow */
.arrow.down::before {
  content: "↓"; /* Unicode character for down arrow */
  color: red;
}

/* Styling for up arrow */
.arrow.up::before {
  content: "↑"; /* Unicode character for up arrow */
  color: green;
}

/* Styling for right arrow */
.arrow.right::before {
  content: "→"; /* Unicode character for right arrow */
  color: pink;
}

.stadium {
    color: black;
    background-color: #f5f5f5; /* Light gray background */
    border-style: solid;
    border-width: 1px;
}

.scaled-image {
    transform: scale(0.85); /* Scales the image to 90% of its original size */
}

.scorer-text {
    vertical-align: middle;
}


.flag-border {
  border-width: 1px;
  border-style: solid;
  vertical-align: middle; 
}

.flags-alt {
  border-width: 1px;
  border-style: solid;
  width: 23px;
  height: 15px;
  vertical-align: top; 
}

.flags2 {
  border-width: 1px;
  border-style: solid;
  width: 15px;
  height: 15px;
  vertical-align: middle; 
}

.flags01 {
  margin-left: 10px;
}

.flags02 {
  margin-right: 10px;
}

.cards {
  vertical-align: middle; 
}

.england-club {
  border-width: 1px;
  border-style: solid;
}

.player-table {
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  text-align: center;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
  vertical-align: middle; 
}

.player-flag {
  margin-top: 10px;
  margin-bottom: -11px;
}

.player-flags {
  border-width: 1px;
  border-style: solid;
  width: 23px;
  height: 15px;
  vertical-align: text-bottom
}

.career-total {
    font-weight: bold;
}

.player-default {
  background-color: #2F4F4F;
  color: white;
  border: 1px solid black;
}

/* Style for the table with the 'data_table' class */
.data_table {
    font-family: "Quicksand", Courier, monospace; /* Monospace font appearance */
    background-color: #f4f4f4; /* Light background */
    border-collapse: collapse; /* Combine borders for a cleaner look */
    border-spacing: 0; /* Remove any gap between cells */
    width: 65%; /* Adjust table width */
    font-size: 15px; /* Adjust font size */
    font-weight: 300;
    text-align: center; /* Center text for the entire table */
    margin: 0 auto; /* Center the table horizontally */
    outline: 1px solid black; /* Outer border around the whole table */
}

/* Style for table headers (you can style them separately) */
.data_table th {
    padding: 5px; /* Space inside headers */
    background-color: #2F4F4F; /* Light gray background for headers */
    color: white;
    border: none; /* Remove border on th elements */
}

/* Style for table data cells */
.data_table td {
    padding: 3px; /* Space inside cells */
    border: 0.5px solid #dcdcdc; /* Border for data cells */
    box-sizing: border-box; /* Ensure proper width and height calculations */
}

.data_table .data-table-line {
    border-bottom: 1px solid black; /* 1px solid black line under the second row */
}

.data_table .data-table-left {
    border-left: 1px solid black; /* 1px solid black line under the second row */
}

.data_table .data-table-right {
    border-right: 1px solid black; /* 1px solid black line under the second row */
}

.season-info {
  width: 65%;
  background-color: #fcfcfc;
  font-family: "Montserrat", serif;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
  table-layout: fixed; /* Makes the table cells evenly spaced */
  border-collapse: collapse; /* Neatens the table borders */
}

.align-left {
  text-align: left; /* Aligns content to the left */
  width: 20%; /* Allocates a fixed width to the left cell */
}

.align-right {
  text-align: right; /* Aligns content to the right */
  width: 20%; /* Allocates a fixed width to the right cell */
}

.center-content {
  text-align: center; /* Centers the content horizontally */
  width: 60%; /* Allocates the remaining width for the center cell */
}

.squad-table + .squad-table {
  border-top: none;
}

.squad-table {
  background-color: #fcfcfc;
  width: 65%;
  font-family: 'Quicksand';
  font-weight: 400;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  text-align: center;
  border: 1px solid black;
  box-sizing: border-box; /* Include border width in the specified width */
}

.squad-table td, .squad-table th {
  vertical-align: middle; /* Aligns content vertically in the middle */
}

.squad-table tr.player-row:nth-child(even) {
  background-color: #f2f2f2;
}

.results-table {
  background-color: #fcfcfc;
  vertical-align: top;
  width: 65%;
  font-family: "Quicksand", Courier, monospace; /* Monospace font appearance */
  font-weight: 300;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  text-align: center;
  border: 1px solid black;
  box-sizing: border-box; /* Include border width in the specified width */
}

.results-table td {
    padding: 3px;
    vertical-align: top; /* Align text to the top */
}

.bold {
    font-weight: bold; /* Makes the text bold */
}

.minute {
  font-size: 85%;
}

.match-ball {
  vertical-align: middle;
}

.profile-card {
    position: relative;
}

.previous-season {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Montserrat';
    font-size: 16px;
    margin: 0;
}

.next-season {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Montserrat';
    font-size: 16px;
}

.arrow-back {
  width: 10%;
  vertical-align: middle;
  font-size: 25px;
}

.arrow-forward {
  width: 10%;
  vertical-align: middle;
  font-size: 25px;
}

.nationalflags {
  border-width: 1px;
  border-style: solid;
  max-height: 100px; /* Set maximum height */
  width: auto; /* Allow variable width */
  vertical-align: baseline; /* Change from middle to baseline */
  margin-top: 10px;
  margin-bottom: -15px;
}

.nationalflags2 {
  border-width: 1px;
  border-style: solid;
  max-height: 50px; /* Set maximum height */
  width: auto; /* Allow variable width */
  vertical-align: baseline; /* Change from middle to baseline */
}

.about {
  background-color: #3b125b;
  color: white;
}

.about-section {
  background-color: #fcfcfc;
  width: 65%;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  text-align: center;
  border: 1px solid black;
  box-sizing: border-box; /* Include border width in the specified width */
}

.privacy-policy {
  background-color: #fcfcfc;
  width: 65%;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  text-align: center;
  border: 1px solid black;
  box-sizing: border-box; /* Include border width in the specified width */
  padding: 10px 20px;
}

.clublogohome {
  max-height: 50px; /* Set maximum height */
  width: auto; /* Allow variable width */
  vertical-align: baseline; /* Change from middle to baseline */
}

.underline-row {
    border-bottom: 1px solid #000; 
    margin: auto;
    font-weight: bold;
}

.club {
  margin: auto;
  width: 65%;
  vertical-align: middle;
  line-height: 50px;
  font-family: 'Quicksand', sans-serif;
  font-size: 40px;
  text-shadow: 1px 1px 2px black;
}

.clubAge {
  font-family: 'Rubik', sans-serif;
  font-size: 18px;
  display: inline-block;
}

.featuretitle {
  margin: auto;
  width: 65%;
  vertical-align: middle;
  line-height: 50px;
  font-family: 'Quicksand', sans-serif;
  font-size: 40px;
  color: #000099;
  background: #F0F8FF;
}

.season {
  background-color: #F0F8FF;
  margin: auto;
  width: 65%;
  vertical-align: middle;
  line-height: 50px;
  font-family: 'Quicksand', sans-serif;
  font-size: 25px;
}

.level1 {
  background-color: #f9f9f9;
}

.level2 {
  background-color: #f4f4f4;
}

.level3 {
  background-color: #efefef;
}

.level4 {
  background-color: #eaeaea;
}

.dissolved {
  font-style: italic;
}

/* New Styles */

.info-table {
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  text-align: center;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
}

.info-logo {
  margin-top: 10px;
  margin-bottom: -12px;
}

.footballfacts-crest {
  margin-top: 10px;
  margin-bottom: -12px;
  width: 100px;
  height: 100px;
}

.about-links ul {
    list-style-type: none; /* Optional: Removes default bullets */
    padding: 0;
    margin: 0 auto; /* Centers the list */
    text-align: center; /* Aligns list items' content to the center */
}

.league-history {
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  text-align: center;
  border: 1px solid black;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px; /* added */
  border-collapse: collapse;
  box-sizing: border-box;
}

.league-history .empty-row {
  height: 10px;
}

.league-history .th {
  height: 40px;
}

.top-scorers {
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  text-align: center;
  border: 1px solid black;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px; /* added */
  border-collapse: collapse;
  box-sizing: border-box;
}

.top-scorers .empty-row {
  height: 10px;
}

.top-scorers .th {
  height: 40px;
}

.most-appearances {
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  text-align: center;
  border: 1px solid black;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px; /* added */
  border-collapse: collapse;
  box-sizing: border-box;
}

.most-appearances .empty-row {
  height: 10px;
}

.most-appearances .th {
  height: 40px;
}

/* Common styles for all tables */
.maintable, .maintable1, .leaguehistorytable, .topgoalscorerstable, .careertable, .appearancestable, .managertable {
  background-color: #fcfcfc;
  width: 65%;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  border-collapse: collapse;
  text-align: center;
  border: 1px solid black;
  box-sizing: border-box; /* Include border width in the specified width */
}

.club-profile {
  background-color: #fcfcfc;
  width: 65%;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  text-align: left; /* Changed from center to left */
  border: 1px solid black;
  box-sizing: border-box; /* Include border width in the specified width */
}

.club-profile td {
  padding: 10px; /* Add spacing inside all cells */
  padding-bottom: 10px; /* Adds space between rows */
}

.club-profile th {
  text-align: center;
}

.position {
  font-size: 14px;
}

/* Common styles for all tables */
.test-table {
  background-color: #fcfcfc;
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  text-align: center;
  border: 1px solid black;
  box-sizing: border-box; /* Include border width in the specified width */
}

.test-table th {
  position: sticky;
  top: 1px;
  z-index: 2; /* Bring the header above other content */
}

.scrollable-table {
  height: 500px;
  overflow-y: auto;
  width: 65%; /* Match the table width */
  margin: 0 auto; /* Center-align the div */
  border-bottom: 1px solid black; /* Adds a bottom border */
  box-sizing: border-box; /* Ensures padding/border are included in width */
}

.league-season-summary {
  background-color: #fcfcfc;
  width: 65%;
  font-family: 'Quicksand', sans-serif;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  text-align: center;
  border: 1px solid black;
  box-sizing: border-box; /* Include border width in the specified width */
}

.line {
    border-bottom: 2px dotted black;
}

/* Player stats table */

.maintable1 {
  border-collapse: collapse;
  width: 65%; /* Adjust to fill the container width */
  border: 1px solid black;
}

.appearancestable {
  width: 65%; /* Adjust to fill the container width */
  border: 1px solid black;
}

.managertable {
  width: 65%; /* Adjust to fill the container width */
  border: 1px solid black;
}

.maintable1 td {
  padding: 8px;
  border: 1px solid #ddd;
}

.maintable1 th, .maintable1 td {
  padding: 8px;
  border: 1px solid #ddd;
}

.right-border {
    border-right: 1px solid #ddd;
}

.left-border {
    border-left: 1px solid #ddd;
}

.no-border {
    border: none;
}

.playertable, .playertable-alt {
    background-color: #fcfcfc;
    width: 65%;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    border: 1px solid black;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    text-align: center;
    box-sizing: border-box;
}

.playertable th, .playertable td, .playertable-alt th, .playertable-alt td {
    padding: 10px;
}

.playertable th, .playertable-alt th {
    background-color: #ddd;
}

.player_league { 
    background-color: #fdfbf2;
}

.player_league_header {
    background-color: #fbf8e6;
}

.borderleft {
    border-left: 1px solid #D3D3D3;
}

.borderright {
    border-right: 1px solid #D3D3D3;
}

/* Styles for the first table */
.maintable th {
  height: 40px; /* Set a specific height for consistency */
}

.maintable .empty-row,
.maintable1 .empty-row,
.appearancestable .empty-row,
.leaguehistorytable .empty-row,
.topgoalscorerstable .empty-row,
.managertable .empty-row {
  height: 10px;
}

/* Styles for the second table, the new leaguehistorytable, and the new topgoalscorerstable */
.topgoalscorerstable, .appearancestable, .leaguehistorytable {
  max-height: 300px; /* Adjust the max height as needed */
  overflow-y: auto;
  width: 65%;
  margin-left: auto;
  margin-right: auto;
}

.topgoalscorerstable th,
.appearancestable th,
.careertable th,
.leaguehistorytable th {
  height: 40px; /* Set the same height as in the first table */
}

/* Styles for the managertable */
.managertable th {
  height: 40px; /* Set a specific height for consistency */
}

.topscorers {
  height: 40px;  
  background-color: #fcfcfc;
  width: 65%;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  border: 1px solid black;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  text-align: center;
  box-sizing: border-box; /* Include border width in the specified width */
}

.topscorers td {
  padding: 2px;
}

.league {
  font-size: 16px;
  column-span: all;
  height: 30px;
  border-bottom: 1px solid black;
  padding: 8px;
}

.player {
  text-decoration: underline dotted;
  opacity: 1;
}

/* Start of Overflow */





/* End of Overflow */

.five {
  width: 5%;
}

.pos {
  width: 5%;
}

.playerstats {
  width: 8%;
}

.team {
  width: 23%;
}

.worldcupyear {
  width: 12.5%;
}

.worldcupnation {
  width: 25%;
}

/* Old column names */
.stats {
  width: 4%;
}

.four {
  width: 4%;
}

.leagueseason {
  width: 10%;
}

.ten {
  width: 10%;
}

.playerclub {
  width: 13%;
}

.fifteen {
  width: 15%;
}

.division {
  width: 18%;
}

.playerhistory {
  width: 20%;
}

.columntwenty {
  width: 20%;
}

.twenty {
  width: 20%;
}

.playerseasons {
  width: 30%;
}

.thirty {
  width: 30%;
}

.thirtythree {
  width: 33%;
}

.playerseasons2 {
  width: 38%;
}

.playerhistoryheader {
  width: 40%;
}

.playerworldcup {
  width: 45%;
}

.fifty {
  width: 50%;
}

.twentyfive {
  width: 25%;
}

.abbreviations {
  font-family: 'monaco', monospace;
  font-size: 14px;
}

.up {
    color: #3B6D11;
    font-size: 11px;
}

.down {
    color: #A32D2D;
    font-size: 11px;
}

.neutral {
    color: #888;
    font-size: 11px;
}

/* Set column widths */

.width-3 {
  width: 3%;
}

.width-4 {
  width: 4%;
}

.width-5 {
  width: 5%;
}

.width-6 {
  width: 6%;
}

.width-7 {
  width: 7%;
}

.width-8 {
  width: 8%;
}

.width-9 {
  width: 9%;
}

.width-10 {
  width: 10%;
}

.width-11 {
  width: 10%;
}

.width-12 {
  width: 12%;
}

.width-14 {
  width: 14%;
}

.width-15 {
  width: 15%;
}

.width-16 {
  width: 16%;
}

.width-17 {
  width: 17%;
}

.width-18 {
  width: 18%;
}

.width-19 {
  width: 19%;
}

.width-20 {
  width: 20%;
}

.width-21 {
  width: 21%;
}

.width-22 {
  width: 22%;
}

.width-23 {
  width: 23%;
}

.width-25 {
  width: 25%;
}

.width-26 {
  width: 26%;
}

.width-27 {
  width: 27%;
}

.width-28 {
  width: 28%;
}

.width-30 {
  width: 30%;
}

.width-32 {
  width: 32%;
}

.width-34 {
  width: 34%;
}

.width-35 {
  width: 35%;
}

.width-36 {
  width: 36%;
}

.width-37 {
  width: 37%;
}

.width-44 {
  width: 44%;
}

.width-45 {
  width: 45%;
}

.width-46 {
  width: 46%;
}

.width-47 {
  width: 47%;
}

.width-48 {
  width: 48%;
}

.width-50 {
  width: 50%;
}

.width-55 {
  width: 55%;
}

.width-60 {
  width: 60%;
}

.width-70 {
  width: 70%;
}

.width-80 {
  width: 80%;
}

.all-time-goalscorers {
    background-color: #fcfcfc;
    width: 65%;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    text-align: center;
    border: 1px solid black;
    box-sizing: border-box;
}

.away-team {
    text-align: left;
}

.home-team {
    text-align: right;
}

.substitutes {
    text-align: center;
    font-weight: bold;
}

.scorers {
    font-weight: 400;
    color: #50C878;
    vertical-align: middle;
}

.arrow {
    cursor: pointer;
    margin: 0 5px;
}

img {
  max-width: 100%;
  max-height: 100%;
}

.img-resize {
  max-height: 100px;
  width: auto;
}

.pitchheader {
  margin: 4px 4px;
  width: 24px;
  height: 20px;
}

.titles {
  margin: 4px 4px;
  width: 20px;
  height: 19px;
}



.trophy {
  margin: 5px 5px;
  width: 20px;
  height: 20px;
}

.player-flag2 {

    align-items: center; /* Align text and image vertically */
}

.player-flag2 img.flags {
    vertical-align: bottom; /* Ensures image aligns with the text line */
}



.clublogo {
  margin-top: 10px;
  margin-bottom: -12px;
}

.clublogoleft {
  padding: 0px 0;
  width: 30%;
  margin-left: auto;
}

.clublogoright {
  padding: 0px 0;
  width: 30%;
  margin-right: auto;
}

.clublogocentre {
  width: 30%;
  background-color: #fcfcfc;
  font-family: 'Rubik', sans-serif;
  font-size: 20px;
  text-align: center;
  margin-left:auto; 
  margin-right:auto;
}

.playerflag {
  margin-top: 10px;
  margin-bottom: -15px;
  border: 1px solid black;
}

.notes {
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.highlights {
  font-size: 18px;
  column-span: all;
}

.emoji-history {
  font-size: 16px;
}

.emoji-magnifier {
  font-size: 16px;
}
  
.image-container {
  width: 65%;
  background-color: #fcfcfc;
  margin-left:auto; 
  margin-right:auto;
  border: 1px solid black;
  padding-top: 10px;
  padding-bottom: 10px; 
}

.image-container img {
    margin-bottom: 5px;
    margin-top: 5px;
    border: 1px solid black; 
}

.homerandom {
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Quicksand', sans-serif;
  font-size: 25px;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
  vertical-align: text-top;
}

.social {
  width: 65%;
  background-color: #fef8f9;
  font-family: 'Quicksand', sans-serif;
  font-size: 15px;
  vertical-align: baseline;
  margin-left:auto; 
  margin-right:auto;
}

.socialmedia {
  margin: 0 10px;
}

.clubtable {
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  text-align: center;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
  margin-top: 15px;
  border-radius: 10px;
}

.clubheader {
  font-size: 35px;       /* H1 size */
  font-weight: 800;
  height: 40px; 
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid black;
  border-radius: 10px 10px 0 0; /* Match rounded top corners */
}

.clubrecordstable {
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Rubik', sans-serif;
  font-size: 18px;
  text-align: center;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
}

.clubrecordstable2 {
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Rubik', sans-serif;
  font-size: 18px;
  text-align: center;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
}

td.clubsplayed {
  width: 20%
}

.homediv {
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Rubik', sans-serif;
  font-size: 35px;
  text-align: center;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
}

.clubname {
  height: auto;
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Rubik', sans-serif;
  font-weight: 800;
  font-size: 35px;
  text-align: center;
  margin-left:auto; 
  margin-right:auto;
}

.playername {
  height: auto;
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Rubik', sans-serif;
  font-weight: 800;
  font-size: 35px;
  text-align: center;
  margin-left:auto; 
  margin-right:auto;
  border: 1px solid black;
}

h1 {
  font-family: 'Rubik', sans-serif;
  font-weight: 800;
  font-size: 35px;
  text-align: center;
  margin: 0 auto 10px auto;  /* centred, small gap under heading */
  display: flex;
  justify-content: center;
  align-items: center;
}

.today-background {
  background-color: #008080;
  color: white;
}

h2 {
  height: 35px;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  text-align: center;
  margin: 0 auto; /* Use shorthand for centering horizontally */
  display: flex; /* Use Flexbox */
  justify-content: center; /* Horizontally center content */
  align-items: center; /* Vertically center content */
}

.font-effect-shadow-multiple {
  text-shadow: .04em .04em 0 #fff,.08em .08em 0 #aaa;
  -webkit-text-shadow: .04em .04em 0 #fff, .08em .08em 0 #aaa;
}

.playerstats {
  background-color: #fcfcfc;
  width: 65%;
  font-family: 'Quicksand', sans-serif;
  font-size: 15px;
  border: 1px solid black;
  border-collapse: collapse;
  margin-left:auto;
  margin-right:auto;
  text-align: center;
}

.playernotes {
  background-color: #fcfcfc;
  width: 65%;
  font-family: 'Quicksand', sans-serif;
  font-size: 12px;
  border: 1px solid black;
  border-collapse: collapse;
  margin-left:auto;
  margin-right:auto;
  text-align: center;
}

.inline-container {
  display: inline;
}

/* Player Info Popup */

body {
    font-family: Arial, sans-serif;
}

.popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 1000;
}

.popup-content {
    text-align: center;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}

.tablelines {
    border-bottom: 0.5pt solid black;
}

.tablelines2 {
    border-bottom: 0.5pt dashed;
}

.clublist {
  width: 65%;
  text-align: center;
  background-color: #fcfcfc;
  font-family: 'Rubik', sans-serif;
  font-size: 17px;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
}

.feature {
  width: 65%;
  background-color: white;
  font-family: 'Quicksand', sans-serif;
  font-size: 15px;
  border: 1px solid black;
  margin-left:auto;
  margin-right:auto;
  text-align: center;
}

.feature-notes {
  width: 65%;
  background-color: white;
  font-family: 'Quicksand', sans-serif;
  font-size: 15px;
  border: 1px solid black;
  margin-left:auto;
  margin-right:auto;
  padding: 10px 15px;
  box-sizing: border-box;
}

.section-header {
    font-size: 24px;
    font-weight: bold;
    text-align: center; 
}

.featurenotes td {
  padding: 10px; /* Adjust the padding value as needed */
}

.italic {
  font-style: italic;  
}

/* Target the paragraph where the fact lives */
.daily-fact {
    font-family: 'Assistant', serif;
    font-style: italic;
    font-size: 15px;
    color: #444;
    margin: 15px 10px; 
    min-height: 40px;
    padding: 0 20px; 
}

.pageheading {
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Rubik', sans-serif;
  font-weight: bold;
  font-size: 35px;
  text-align: center;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
}

.pageheading2 {
  width: 65%;
  background-color: #FAF0E6;
  font-family: 'Rubik', sans-serif;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
}

.container404 {
  height: 480px; /* Fixed height for container */
  width: 65%;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center vertically */
  align-items: center; /* Center horizontally */
  background-color: #fcfcfc; /* Light background color */
  margin: auto;
  padding: 0;
  box-sizing: border-box;
  border: 1px solid black;
}

.table404 {
  background-color: #fcfcfc;
  height: 100%;
  width: 65%;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  margin: 0 auto; /* Center the table horizontally */
  border-collapse: collapse; /* Ensure borders collapse correctly */
  text-align: center;
  box-sizing: border-box; /* Include border width in the specified width */
}

.container-today {
  height: 480px; /* Fixed height for container */
  width: 65%;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center vertically */
  align-items: center; /* Center horizontally */
  background-color: #fcfcfc; /* Light background color */
  margin: auto;
  padding: 0;
  box-sizing: border-box;
  border: 1px solid black;
}

.table-today {
  background-color: #fcfcfc;
  height: 100%;
  width: 65%;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  margin: 0 auto; /* Center the table horizontally */
  border-collapse: collapse; /* Ensure borders collapse correctly */
  text-align: center;
  box-sizing: border-box; /* Include border width in the specified width */
}

.table-today td {
  padding: 5px 10px; /* Adjust as needed */
  margin: 0;
  line-height: 2; /* Prevent excessive vertical spacing */
}

.table-today tr {
  margin: 0;
  padding: 0;
}

.containerother {
  height: 620px; /* Fixed height for container */
  width: 65%;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center vertically */
  align-items: center; /* Center horizontally */
  background-color: #fcfcfc; /* Light background color */
  margin: auto;
  padding: 0;
  box-sizing: border-box;
  border: 1px solid black;
}

/* Remove height from table cells */
.table404 td {
  padding: 9px; /* Add padding for better appearance */
}

.fact-text {
  font-family: 'Montserrat', sans-serif; /* Change to your preferred font */
  font-size: 20px; /* Change to your preferred font size */
  font-weight: bold; /* Optional: Change to your preferred font weight */
  color: #333; /* Optional: Change to your preferred font color */
  padding: 20px; /* Optional: Add padding for better appearance */
}

.other-text {
  font-family: 'Montserrat', sans-serif; /* Change to your preferred font */
  font-size: 20px; /* Change to your preferred font size */
  font-weight: normal; /* Optional: Change to your preferred font weight */
  color: #333; /* Optional: Change to your preferred font color */
}

.feature-container {
  height: 100px;    
  width: 65%;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
}

label {
  display: block;
  margin-bottom: 5px;
}

select, select option {
  font-family: "Rubik", sans-serif;
}

.blank-row {
  height: 15px; 
}

.blank-row-2 {
  height: 10px; 
}

.bold-row {
  font-weight: bold;
  font-size: 16px;
}

.home_current {
  height: 25px; 
}

.home_logo {
  width: 25%;
  height: 25%; 
}

.playoffvenue {
  vertical-align: sub;
  font-size: smaller;
}

.notation {
    font-size: 10px; /* Adjust the font size to your preference */
    font-style: italic;
}

#chartContainer {
    width: 70%;
    overflow-x: auto;
}

u {    
  text-decoration:underline;
}

html {
  overflow-y: scroll;
}

/* unvisited link */
a, a:link, a:visited {
    color: blue;
    text-decoration: none;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Added box-shadow transition */
}

/* mouse over link */
a:hover {
    color: blue;
    text-decoration: underline;
}

/* selected link */
a:active {
    text-decoration: underline;
}

a img {
    border: 2px solid black; /* Adjust thickness if needed */
    box-shadow: none; /* Ensure no unwanted shadows */
}

.link-2:hover {
    color: blue; /* Change color as needed */
    text-decoration: underline;
}

.link-2:active {
    text-decoration: underline;
}

.center {
    display: block;
    margin-left: 500px;
    margin-right: auto;
}

.tooltip {
  position: relative;
  cursor: help;
  text-decoration: underline dotted;
  padding-bottom: 1px; /* keeps the dashes away from table border */
}

.tooltip .tooltiptext {
  visibility: hidden;
  padding: 0.25em 0.5em;
  background-color: #333333;
  color: #fff;
  text-align: center;
  border-radius: 0.3em;
  white-space: nowrap;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  right: 100%;
  transition-property: visibility;
  transition-delay: 0s;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  transition-delay: 0.3s;
}

.tooltip2 {
  position: relative;
  display: inline-block;
  cursor: help; /* Change cursor to indicate it's clickable */
  text-decoration: underline dotted;
}

.tooltip2 .tooltiptext2 {
  visibility: hidden;
  width: 120px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip2:hover .tooltiptext2 {
  visibility: visible;
  opacity: 1;
}


.last-updated {
  font-style: italic;
  color: #654321;
  font-size: 18px;
  font-family: "Assistant", sans-serif;
  text-decoration: underline dotted;
  margin-left: auto;
  margin-right: auto;
}

/* Colour 3498db */
.current {
 color: #008080;
 font-weight: normal;
 font-style: normal;
}

.incomplete {
  color: #ad001e;
}


  
@media (max-width: 767px) {
  .maintable1-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .maintable1 {
    width: max-content;
    min-width: 600px;
    font-size: 12px !important;
  }

  .maintable1 th,
  .maintable1 td {
    white-space: nowrap;
    padding: 4px !important;
  }
}


/* ================================================================
   MOBILE FULL-WIDTH OVERRIDE
   Most containers on the site are fixed at width: 65% / 80%, which
   is fine on desktop but leaves huge side margins on phones.
   This stretches those boxes to (nearly) full width on small
   screens. Data tables with lots of columns are intentionally left
   out here — they already get horizontal scrolling above and would
   just squash if forced to 94% width.
   ================================================================ */
@media (max-width: 767px) {
  .profile-card,
  .honours-grid,
  .bracket,
  .match-list,
  .ad-container,
  .ad-wrapper-65,
  .homepage-widget,
  .football-bot-table,
  .season-header-container,
  .season-title,
  .club-profile-article,
  .club-profile,
  .footer,
  header,
  .containerheading,
  .today-in-history,
  .about-section,
  .privacy-policy,
  .club,
  .featuretitle,
  .season,
  .season-info,
  .league-season-summary,
  .notes,
  .image-container,
  .homerandom,
  .social,
  .homediv,
  .clubname,
  .playername,
  .playerstats,
  .playernotes,
  .clublist,
  .feature,
  .feature-notes,
  .pageheading,
  .pageheading2,
  .container404,
  .container-today,
  .containerother,
  .feature-container,
  .home,
  .title-404,
  #seasonTicker,
  .width-80,
  .text-table-container {
    width: 94% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }
}