/* athlete gallery css */
.wc-style-gallery {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wc-main-image {
  width: 100%;
  border: 1px solid #eee;
  padding: 5px;
  box-sizing: border-box;
}

.wc-main-image .wc-main-img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity .25s ease;
}

.wc-thumbnails {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 5px;
}

.wc-thumb-link {
  display: block;
}

.wc-thumb-img {
  width: 80px;
  height: auto;
  cursor: pointer;
  border: 2px solid transparent;
  box-sizing: border-box;
}

.wc-thumb-link.active-thumb .wc-thumb-img,
.wc-thumb-img:hover {
  border-color: #000;
}

/* responsive: thumbnails below on small screens */
@media (max-width: 600px) {
  .wc-style-gallery { gap: 8px; }
  .wc-thumb-img { width: 60px; }
}
.athlete-wrapper {
    display: flex;
    gap: 40px;
    margin-top: 20px;
}

.athlete-left {
    flex: 1;
    max-width: 45%;
}

.athlete-right {
    flex: 1;
    max-width: 55%;
}

.athlete-title {
    margin-bottom: 10px;
    font-size: 32px;
}

.meta p {
    margin: 4px 0;
}

.athlete-content {
    margin-top: 15px;
}

@media(max-width: 768px){
    .athlete-wrapper {
        flex-direction: column;
    }
    .athlete-left, .athlete-right {
        max-width: 100%;
    }
}
.archive-sports-star .archive-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}

.athletes-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.athlete-card {
  border: 1px solid #eee;
  padding: 10px;
  box-sizing: border-box;
  background:#fff;
}

.athlete-thumb img { width:100%; height:auto; display:block; }

.athlete-info { margin-top:8px; text-align:center; }
.athlete-name { font-size:16px; margin:0 0 6px 0; font-weight:bold; }
.athlete-agency, .athlete-height { color:#666; font-size:0.95rem; }
.athlete-name A { font-size:16px;  font-weight:bold;color:blue; }
.pagination { margin-top: 24px; text-align:center; }

@media (max-width: 900px) {
  .athletes-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .athletes-grid { grid-template-columns: repeat(1, 1fr); }
  .archive-sports-star .archive-header { flex-direction:column; align-items:flex-start; }
}
/* Alphabet bar */
.alpha-bar {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
  margin: 10px 0;
}

.alpha-item {
  display:inline-block;
  padding:6px 9px;
  border-radius:4px;
  border:1px solid #e0e0e0;
  text-decoration:none;
  color:#333;
  font-weight:600;
  font-size:13px;
}

.alpha-item.active,
.alpha-item:hover {
  background:#111;
  color:#fff;
  border-color:#111;
}

/* Controls layout */
.archive-controls {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}

.sort-control select {
  padding:6px 8px;
}

/* Grid (re-affirm) */
.athletes-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-top:12px;
}
@media (max-width:900px){ .athletes-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .athletes-grid{ grid-template-columns:repeat(1,1fr); } }
/* protect WP editor toolbar appearance from theme overrides */
.wp-editor-wrap .mce-toolbar,
.wp-editor-wrap .quicktags-toolbar,
.wp-editor-wrap .wp-editor-tools {
    background: #fff !important;
    border: 1px solid #e5e5e5 !important;
    color: #222 !important;
}

.wp-editor-wrap .mce-btn, 
.wp-editor-wrap .mce-btn i,
.wp-editor-wrap .quicktags-toolbar button {
    color: #222 !important;
    background: transparent !important;
    border: none !important;
}

/* make editor area visible and spaced */
.wp-editor-wrap .wp-editor-container {
    background: #fff !important;
    border: 1px solid #e5e5e5 !important;
    padding: 6px !important;
}

/* Visual / Text tabs */
.wp-editor-wrap .wp-switch-editor.switch-tmce,
.wp-editor-wrap .wp-switch-editor.switch-html {
    color: #111 !important;
    background: #f7f7f7 !important;
}
/* --- Athlete registration form layout --- */
/* Container */
#wd-athlete-registration {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px 18px;
  align-items: start;
  max-width: 1100px;
  margin: 0 auto 30px;
  box-sizing: border-box;
  padding: 6px;
}

/* Labels span full width above in small screens */
#wd-athlete-registration label {
  display:block;
  font-weight:600;
  margin-bottom:4px;
}

/* Make inputs full width of their cell */
#wd-athlete-registration input[type="text"],
#wd-athlete-registration input[type="url"],
#wd-athlete-registration input[type="email"],
#wd-athlete-registration textarea,
#wd-athlete-registration .wp-editor-wrap {
  width:100%;
  box-sizing:border-box;
  padding:8px;
  border:1px solid #ddd;
  border-radius:4px;
  background:#fff;
}

/* Placeholders for grid positions: label + control combined as single cell */
#wd-athlete-registration label + input,
#wd-athlete-registration label + textarea {
  margin-bottom:0;
}

/* Arrange fields: (you can adjust these to suit)
   Full name, Agency, Height, Instagram on first row
   Availability, Description (editor spans multiple columns) etc.
*/
#wd-athlete-registration .field-fullname { grid-column: 1 / 2; }
#wd-athlete-registration .field-agency   { grid-column: 2 / 3; }
#wd-athlete-registration .field-height   { grid-column: 3 / 4; }
#wd-athlete-registration .field-instagram{ grid-column: 4 / 5; }

/* Availability under first row */
#wd-athlete-registration .field-availability { grid-column: 1 / 2; }

/* Description editor: span columns 2 - 5 (three columns) */
#wd-athlete-registration .field-description { grid-column: 2 / 5; }

/* Images list and portfolio occupy full width */
#wd-athlete-registration .field-images,
#wd-athlete-registration .field-portfolio,
#wd-athlete-registration .field-contact {
  grid-column: 1 / -1;
}

/* Buttons */
#wd-athlete-registration button[type="submit"] {
  grid-column: 1 / -1;
  background:#111;
  color:#fff;
  padding:10px 14px;
  border-radius:4px;
  border:none;
  cursor:pointer;
}

/* TinyMCE / toolbar protection — stronger specificity to override theme */
.wp-editor-wrap .mce-toolbar,
.wp-editor-wrap .mce-container,
.wp-editor-wrap .quicktags-toolbar,
.wp-editor-wrap .wp-editor-tools {
  background: #fff !important;
  border: 1px solid #e6e6e6 !important;
  color: #222 !important;
}

/* Buttons inside editor toolbar */
.wp-editor-wrap .mce-btn,
.wp-editor-wrap .mce-btn i,
.wp-editor-wrap .quicktags-toolbar button {
  color: #222 !important;
  background: transparent !important;
  border: none !important;
}

/* Editor area */
.wp-editor-wrap .wp-editor-area,
.wp-editor-wrap .wp-editor-container {
  min-height: 180px !important;
  background: #fff !important;
  border: 1px solid #e6e6e6 !important;
}

/* Make Editor Visual / Text tabs visible */
.wp-editor-wrap .wp-switch-editor {
  background:#f7f7f7 !important;
  color:#111 !important;
}

/* Responsive: stack fields on small screens */
@media (max-width: 900px) {
  #wd-athlete-registration { grid-template-columns: repeat(2, 1fr); }
  #wd-athlete-registration .field-description { grid-column: 1 / -1; }
}

@media (max-width: 600px) {
  #wd-athlete-registration { grid-template-columns: 1fr; gap:10px; }
  #wd-athlete-registration .field-fullname,
  #wd-athlete-registration .field-agency,
  #wd-athlete-registration .field-height,
  #wd-athlete-registration .field-instagram,
  #wd-athlete-registration .field-availability {
    grid-column: 1 / -1;
  }
}