/*
 Theme Name:     Tower Stats	
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child theme created for Client by TC Web
 Author:         TC Web
 Author URI:     https://www.tcink.com.au/
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */


.gform_button {
    background: #fff !important;
    color: #2b9af4 !important;
    width: 100% !important;
    font-size: 20px !important;
    border: solid !important;
    border-width: 1px !important;
    border-color: #2b9af4 !important;
	border-radius: 0px !important;
    font-weight: normal !important;
    padding: 0.3em 1em !important;
    display: inline-block !important;
    text-align: center;
    cursor: pointer;
}
.gform_button:hover {
	background-color: #2b9af4 !important;
	color: #fff !important	;
}
.gform_wrapper ul.gform_fields li.gfield {padding-right: 0px !important;}
.gform_wrapper .gform_footer {margin-top: 0px !important;}
.gform_wrapper ul li.gfield {margin-top: 0px !important;}
.gform_wrapper .gform_fields li.gf_left_half, .gform_wrapper .gform_fields li.gf_right_half, #gform_wrapper_11 #gform_fields_11 li.gf_left_half, #gform_wrapper_11 #gform_fields_11 li.gf_right_half {width: 49% !important;}
.gform_wrapper .gform_fields li.gf_left_half , #gform_wrapper_11 #gform_fields_11 li.gf_left_half {margin-right: 2% !important;}
.gform_wrapper .gform_fields li.gf_right_half, #gform_wrapper_11 #gform_fields_11 li.gf_right_half {margin-right: 0px !important;}

/* Large screens (1405px upwards) */
@media only screen and ( min-width: 1405px ) { 
    /* your css goes here */
}

/* Laptops and desktops (1100-1405px) */
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) { 
    /* your css goes here */
}

/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
    /* your css goes here */
}

/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
    /* your css goes here */
}

/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
    /* your css goes here */
}

/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
    /* your css goes here */
}

.cpcc-controls { display:flex; gap:.75rem; align-items:center; margin-bottom:.75rem; flex-wrap:wrap; }
.cpcc-controls label { font-weight:600; }
.cpcc-controls select { padding:.35rem .5rem; }
.cpcc-controls .cpcc-filter-button { padding:.4rem .8rem; font-weight:600; cursor:pointer; }
.cpcc-results.is-loading { opacity:.5; pointer-events:none; transition:opacity .2s ease-in-out; }

.cpcc-shearer-leaderboard table {
	width: 100%;
	border-collapse: collapse;
	margin: 1rem 0;
}
.cpcc-shearer-leaderboard th,
.cpcc-shearer-leaderboard td {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: left;
}
.cpcc-shearer-leaderboard th {
	background: #f6f6f6;
	font-weight: 600;
}
.cpcc-shearer-leaderboard td.num {
	text-align: right;
}
.cpcc-shearer-leaderboard .rank {
	text-align: center;
	font-weight: 700;
	width: 60px;
}

.cpcc-shearer-winners table {width:100%;border-collapse:collapse;margin:1rem 0;}
.cpcc-shearer-winners th,.cpcc-shearer-winners td {border:1px solid #ddd;padding:8px;text-align:left;}
.cpcc-shearer-winners th {background:#f6f6f6;font-weight:600;}
.cpcc-shearer-winners td.num{text-align:right;}

.cpcc-career-shearer table {width:100%;border-collapse:collapse;margin:1rem 0;}
.cpcc-career-shearer th,.cpcc-career-shearer td {border:1px solid #ddd;padding:8px;text-align:left;}
.cpcc-career-shearer th {background:#f6f6f6;font-weight:600;}
.cpcc-career-shearer td.num{text-align:right;}

.cpcc-highest-scores table {width:100%;border-collapse:collapse;margin:1rem 0;}
.cpcc-highest-scores th,.cpcc-highest-scores td {border:1px solid #ddd;padding:8px;text-align:left;}
.cpcc-highest-scores th {background:#f6f6f6;font-weight:600;}
.cpcc-highest-scores td.num{text-align:right;}

.cpcc-leading-wickets table {width:100%;border-collapse:collapse;margin:1rem 0;}
.cpcc-leading-wickets th,.cpcc-leading-wickets td {border:1px solid #ddd;padding:8px;text-align:left;}
.cpcc-leading-wickets th {background:#f6f6f6;font-weight:600;}
.cpcc-leading-wickets td.num{text-align:right;}

.cpcc-most-matches table {width:100%;border-collapse:collapse;margin:1rem 0;}
.cpcc-most-matches th,.cpcc-most-matches td {border:1px solid #ddd;padding:8px;text-align:left;}
.cpcc-most-matches th {background:#f6f6f6;font-weight:600;}
.cpcc-most-matches td.num{text-align:right;}

.cpcc-batting-averages table {width:100%;border-collapse:collapse;margin:1rem 0;}
.cpcc-batting-averages th,.cpcc-batting-averages td {border:1px solid #ddd;padding:8px;text-align:left;}
.cpcc-batting-averages th {background:#f6f6f6;font-weight:600;}
.cpcc-batting-averages td.num{text-align:right;}

.cpcc-career-summary table { width:100%; border-collapse:collapse; margin:1rem 0; }
.cpcc-career-summary th, .cpcc-career-summary td { border:1px solid #ddd; padding:8px; text-align:center; }
.cpcc-career-summary th { background:#f6f6f6; font-weight:600; }
.cpcc-career-summary .section { text-align:left; font-weight:700; background:#fafafa; }
.cpcc-career-summary .totals { text-align:center; font-weight:700; font-size:1.1em; margin-top:10px; }

.cpcc-career-summary table { width:100%; border-collapse:collapse; margin:1rem 0; }
.cpcc-career-summary th, .cpcc-career-summary td { border:1px solid #ddd; padding:8px; text-align:center; }
.cpcc-career-summary th { background:#f6f6f6; font-weight:600; }
.cpcc-career-summary .section { text-align:left; font-weight:700; background:#fafafa; }

.cpcc-player-single { max-width: 1100px; margin: 0 auto; padding: 24px; }
.cpcc-player-header { display: grid; /*grid-template-columns: 180px 1fr;*/ grid-gap: 24px; align-items: start; margin-bottom: 24px; }
.cpcc-player-title { grid-column: 1 / -1; margin-bottom: 8px; }
.cpcc-player-photo img { width: 100%; height: auto; border-radius: 6px; }
.cpcc-player-meta .cpcc-line { margin: 0 0 6px; }
.cpcc-player-summary h2 { margin-top: 24px; }
@media (max-width: 768px) {
  .cpcc-player-header { grid-template-columns: 1fr; }
}

/* =========================
   CPCC Player Page Refresh
   Navy + Gold system (v2)
   ========================= */

:root{
  /* Palette */
  --cpcc-navy: #29166f;     /* Divi accent_color observed on the page */
  --cpcc-navy-2: #004b8d;   /* CPCC table header navy already in use */
  --cpcc-gold: #f2c400;     /* placeholder gold, tweak later */
  --cpcc-ink: #0b1220;
  --cpcc-muted: #475569;
  --cpcc-surface: #ffffff;
  --cpcc-bg: #f6f8fb;
  --cpcc-border: rgba(2, 8, 23, 0.10);
  --cpcc-shadow: 0 10px 30px rgba(2, 8, 23, 0.08);
  --cpcc-radius: 14px;
}

/* Background for player pages */
body.wp-singular.player{
  background: var(--cpcc-bg);
}

/* Page container */
.cpcc-player-single{
  max-width: 1100px;
  margin: 0 auto;
  padding: clamp(16px, 2.5vw, 28px);
}

/* Player article card */
.cpcc-player-article{
  background: var(--cpcc-surface);
  border: 1px solid var(--cpcc-border);
  border-radius: var(--cpcc-radius);
  box-shadow: var(--cpcc-shadow);
  overflow: hidden;
}

/* Header */
.cpcc-player-header{
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  padding: 18px 18px 14px;
  margin: 0;
  border-bottom: 1px solid var(--cpcc-border);
  position: relative;
}

/* Navy top rule with subtle gold accent */
.cpcc-player-header::before{
  content:"";
  position:absolute;
  inset: 0 0 auto 0;
  height: 6px;
  background: linear-gradient(90deg, var(--cpcc-navy), var(--cpcc-navy-2));
}

.cpcc-player-header::after{
  content:"";
  position:absolute;
  left: 0px;
  top: 6px;
  width: 100%;
  height: 3px;
  background: var(--cpcc-gold);
  border-radius: 999px;
}

/* Player name */
.cpcc-player-title{
  margin: 8px 0 0;
  padding: 0;
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--cpcc-ink);
}

.cpcc-player-details-wrapper {
	display: flex;
    gap: 30px;
}

.cpcc-player-photo {
	width: 335px;
	max-width: 50%;
}

/* Meta area */
.cpcc-player-meta{
    width: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px 14px;
	align-self: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    color: var(--cpcc-muted);
}

/* Meta pills */
.cpcc-player-meta .cpcc-line,
.cpcc-player-meta .cpcc-player-playing-years,
.cpcc-player-meta .cpcc-player-seasons-count{
  margin: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(41, 22, 111, 0.12);
  background: rgba(41, 22, 111, 0.04);
  border-radius: 999px;
  font-size: 14px;
  line-height: 1.2;
}

.cpcc-player-meta strong{
  color: var(--cpcc-ink);
  font-weight: 700;
}

/* Content padding */
.cpcc-player-content{
  padding: 18px;
  padding-bottom: 18px;
}

/* Restore paragraph spacing inside player content (Divi often zeroes last child padding) */
.cpcc-player-single p{
  padding-bottom: 0 !important;
  margin: 0 0 14px !important;
}

.cpcc-player-single p:last-child{
  margin-bottom: 14px !important;
}

/* Section headings */
.cpcc-player-summary h2{
  margin: 18px 0 10px;
  padding: 10px 12px;
  background: linear-gradient(90deg, rgba(41, 22, 111, 0.10), rgba(242, 196, 0, 0.14));
  border: 1px solid rgba(41, 22, 111, 0.12);
  border-radius: 12px;
  font-size: 18px;
  font-weight: 800;
  color: var(--cpcc-ink);
}

/* =========================
   Unified table styling
   Career summary + Grade summary
   ========================= */

.cpcc-career-summary table,
.cpcc-grade-summary table{
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #fff;
  border: 1px solid var(--cpcc-border);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
  margin: 12px 0 18px !important;
}

/* Remove existing borders injected by older CSS/inline styles */
.cpcc-career-summary th,
.cpcc-career-summary td,
.cpcc-grade-summary th,
.cpcc-grade-summary td{
  border: none !important;
  padding: 10px 12px !important;
  text-align: center;
  white-space: nowrap;
}

/* ===== Career Summary table header: less garish ===== */

/* Reset any previous thead backgrounds */
.cpcc-career-summary thead th{
  background: none !important;
  color: inherit !important;
}

/* Section row (eg Batting / Bowling / Fielding): solid navy */
.cpcc-career-summary thead tr:first-child th{
  background: var(--cpcc-navy) !important;
  color: #fff !important;
  font-weight: 800 !important;
  text-align: left !important;
  letter-spacing: 0.02em;
  position: relative;
}

/* Gold underline across the section row */
.cpcc-career-summary thead tr:first-child th::after{
  content:"";
  position:absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: var(--cpcc-gold);
}

/* Subheader row (Mat, Inns, Runs, etc): calm, consistent */
.cpcc-career-summary thead tr:nth-child(2) th{
  background: #f1f5f9 !important;
  color: var(--cpcc-ink) !important;
  font-weight: 700 !important;
  border-top: 1px solid rgba(2, 8, 23, 0.08) !important;
  border-bottom: 1px solid rgba(2, 8, 23, 0.10) !important;
  text-align: center !important;
}

/* If there are any extra header rows beyond the first, keep them calm too */
.cpcc-career-summary thead tr:nth-child(n+2) th{
  background: #f1f5f9 !important;
  color: var(--cpcc-ink) !important;
  font-weight: 700 !important;
}

/* Make section header cells (class="section") align left */
.cpcc-career-summary th.section{
  text-align: left !important;
}

/* ===== Grade Summary table header ===== */

.cpcc-grade-summary thead th{
  background: var(--cpcc-navy) !important;
  color: #fff !important;
  font-weight: 800 !important;
  position: relative;
}

/* Optional gold underline under grade summary header */
.cpcc-grade-summary thead th::after{
  content:"";
  position:absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: var(--cpcc-gold);
}

/* Body rows */
.cpcc-career-summary tbody tr,
.cpcc-grade-summary tbody tr{
  border-top: 1px solid rgba(2, 8, 23, 0.06);
}

.cpcc-career-summary tbody tr:nth-child(even),
.cpcc-grade-summary tbody tr:nth-child(even){
  background: rgba(2, 8, 23, 0.02);
}

.cpcc-career-summary tbody tr:hover,
.cpcc-grade-summary tbody tr:hover{
  background: rgba(242, 196, 0, 0.10);
}

/* Grade label cell */
.cpcc-grade-summary td.grade{
  text-align: left !important;
  font-weight: 800 !important;
  color: var(--cpcc-ink);
}

/* Table wrappers: horizontal scroll on small screens */
.cpcc-career-summary,
.cpcc-grade-summary{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Shearer points / totals line */
.cpcc-career-summary .totals{
  margin: 0 0 14px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(242, 196, 0, 0.30);
  background: rgba(242, 196, 0, 0.14);
  border-radius: 12px;
  font-weight: 700;
  color: var(--cpcc-ink);
}

/* =========================
   CPCC Search Results
   ========================= */

body.search #main-content {
  background: var(--cpcc-bg);
}

body.search.et_right_sidebar #left-area {
  width: 100% !important;
  float: none !important;
  padding-right: 0 !important;
}

body.search.et_right_sidebar #sidebar,
body.search #sidebar,
body.search #main-content .container:before {
  display: none !important;
}

body.search #main-content .container {
  width: 90%;
  max-width: 1100px;
}

body.search #left-area {
  padding-bottom: 24px;
}

body.search .page-title,
body.search h1.entry-title.main_title {
  margin-bottom: 18px;
}

/* Search result card */
.cpcc-search-results article.player,
body.search article.player {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 18px;
  align-items: start;
  background: #fff;
  border: 1px solid var(--cpcc-border);
  border-radius: 14px;
  box-shadow: var(--cpcc-shadow);
  padding: 16px;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}

.cpcc-search-results article.player::before,
body.search article.player::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 5px;
  background: linear-gradient(90deg, var(--cpcc-navy), var(--cpcc-navy-2));
}

.cpcc-search-results article.player::after,
body.search article.player::after {
  content: "";
  position: absolute;
  inset: 5px 0 auto 0;
  height: 2px;
  background: var(--cpcc-gold);
}

/* Thumbnail */
.cpcc-search-thumb,
body.search article.player .entry-featured-image-url {
  display: block;
  width: 92px;
  height: 92px;
  border-radius: 12px;
  overflow: hidden;
  background: #eef2f7;
  margin: 0 !important;
  align-self: start;
}

.cpcc-search-thumb img,
body.search article.player .entry-featured-image-url img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Prevent Divi default big image spacing */
body.search article.player .entry-featured-image-url {
  max-width: none !important;
}

body.search article.player .entry-featured-image-url img {
  margin: 0 !important;
}

/* Content */
.cpcc-search-content {
  min-width: 0;
}

body.search article.player .entry-title {
  margin: 0 0 8px !important;
  padding: 0 !important;
  font-size: 28px;
  line-height: 1.1;
  font-weight: 800;
}

body.search article.player .entry-title a {
  color: var(--cpcc-ink);
  text-decoration: none;
}

body.search article.player .entry-title a:hover {
  color: var(--cpcc-navy);
}

.cpcc-search-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  margin: 0;
}

.cpcc-search-pill {
  display: inline-flex;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid rgba(41, 22, 111, 0.12);
  background: rgba(41, 22, 111, 0.04);
  border-radius: 999px;
  font-size: 14px;
  line-height: 1.2;
  color: var(--cpcc-muted);
}

.cpcc-search-pill strong {
  color: var(--cpcc-ink);
  font-weight: 700;
}

/* Hide unwanted default meta/excerpt */
body.search article.player .post-meta,
body.search article.player > p:not(.cpcc-search-meta) {
  display: none !important;
}

/* No thumbnail version still lines up neatly */
body.search article.player.no-thumb,
body.search article.player.cpcc-no-thumb {
  grid-template-columns: 1fr;
}

/* Pagination */
body.search .pagination {
  margin-top: 24px;
}

/* Mobile */
@media (max-width: 767px) {
  .cpcc-search-results article.player,
  body.search article.player {
    grid-template-columns: 72px 1fr;
    gap: 14px;
    padding: 14px;
  }

  .cpcc-search-thumb,
  body.search article.player .entry-featured-image-url {
    width: 72px;
    height: 72px;
    border-radius: 10px;
  }

  body.search article.player .entry-title {
    font-size: 22px;
  }

  .cpcc-search-pill {
    font-size: 13px;
    padding: 7px 9px;
  }
}

/* Optional: sticky first column on wide screens */
@media (min-width: 981px){
  .cpcc-grade-summary td.grade,
  .cpcc-grade-summary th:first-child{
    position: sticky;
    left: 0;
    z-index: 2;
    background: #fff;
  }
  .cpcc-grade-summary thead th:first-child{
    background: var(--cpcc-navy) !important;
    color: #fff !important;
  }
}

/* Mobile refinements */
@media (max-width: 768px){
  .cpcc-player-content{ padding: 14px; }

  .cpcc-player-meta .cpcc-line,
  .cpcc-player-meta .cpcc-player-playing-years,
  .cpcc-player-meta .cpcc-player-seasons-count{
    font-size: 13px;
    padding: 7px 10px;
  }

  .cpcc-career-summary th,
  .cpcc-career-summary td,
  .cpcc-grade-summary th,
  .cpcc-grade-summary td{
    padding: 9px 10px !important;
    font-size: 13px;
  }
}

@media (max-width: 391px){
	.cpcc-player-photo {
		max-width: 100%;
	}	
}