/* === index.php inline style (line 1453-1473) === */

.countdown-box {
    font-weight: 700;
}

.countdown-box .number {
    font-size: 45px;
    font-weight: 800;
    display: inline-block;
    min-width: 60px;
    text-align: center;
}

.countdown-box .label {
    font-size: 16px;
    font-weight: 400;
    margin-right: 15px;
}


/* === footer.php inline style (line 578-600) === */
#pdfOverlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.72);z-index:99999;align-items:center;justify-content:center;padding:10px;box-sizing:border-box;touch-action:none}
#pdfOverlay.active{display:flex}
.pdf-modal{background:#fff;border-radius:10px;width:80%;height:80vh;display:flex;flex-direction:column;overflow:hidden;touch-action:none}
@media(max-width:768px){.pdf-modal{width:96%;height:70vh}}
.pdf-modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #e5e5e5;gap:8px;flex-shrink:0;touch-action:none}
.pdf-modal-title{font-size:13px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.pdf-modal-actions{display:flex;gap:6px;flex-shrink:0}
.pdf-dl-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:6px;border:1px solid #ccc;background:#fff;font-size:12px;color:#333;text-decoration:none;cursor:pointer}
.pdf-dl-btn:hover{background:#f5f5f5}
.pdf-close-btn{background:none;border:none;font-size:22px;cursor:pointer;padding:4px 8px;border-radius:6px;line-height:1;color:#666}
.pdf-close-btn:hover{background:#f5f5f5;color:#000}
.pdf-iframe-wrap{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;position:relative;touch-action:pan-x pan-y pinch-zoom}
.pdf-iframe-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:1;touch-action:pan-x pan-y pinch-zoom}
.pdf-loading{position:absolute;inset:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:2;touch-action:none}
.pdf-loading.hidden{display:none}
.pdf-spinner{width:34px;height:34px;border:3px solid #e5e5e5;border-top-color:#555;border-radius:50%;animation:pdfSpin 0.8s linear infinite}
.pdf-spinner.gone{display:none}
@keyframes pdfSpin{to{transform:rotate(360deg)}}
.pdf-loading p{font-size:13px;color:#555;margin:0;text-align:center}
.pdf-retry-btn{display:none;align-items:center;gap:6px;padding:8px 18px;border-radius:6px;border:1px solid #aaa;background:#fff;font-size:13px;color:#333;cursor:pointer}
.pdf-retry-btn:hover{background:#f5f5f5}

/* === Sayfalama (pagination) === */
.pagination-style1 .page-numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 6px;
    list-style: none;
    padding: 0;
    margin: 40px 0;
}
.pagination-style1 .page-numbers li {
    display: inline-flex;
}
.pagination-style1 .page-numbers li a,
.pagination-style1 .page-numbers li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s;
}
.pagination-style1 .page-numbers li a:hover {
    background: #e31e26;
    border-color: #e31e26;
    color: #fff;
}
.pagination-style1 .page-numbers li span.current {
    background: #e31e26;
    border-color: #e31e26;
    color: #fff;
    font-weight: 700;
}
/* ... (dots) */
.pagination-style1 .page-numbers li span.dots {
    border: none;
    background: transparent;
    color: #999;
    letter-spacing: 2px;
    cursor: default;
}

/* ============================================================
   SPORCULAR SAYFASI (izole - .sporcu- prefix)
   ============================================================ */
.sporcu-list-section,
.sporcu-detay-section { font-family: 'Poppins', sans-serif; }

/* Filtreler */
.sporcu-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-end;
    background: #f7f7f9;
    padding: 18px 20px;
    border-radius: 10px;
    margin-bottom: 24px;
}
.sporcu-filter-item { display: flex; flex-direction: column; gap: 6px; }
.sporcu-filter-item label { font-size: 13px; font-weight: 600; color: #444; }
.sporcu-filter-item input,
.sporcu-filter-item select {
    height: 42px;
    min-width: 200px;
    padding: 0 12px;
    border: 1px solid #d5d5dd;
    border-radius: 8px;
    font-size: 14px;
    background: #fff;
    outline: none;
    transition: border-color .2s;
}
.sporcu-filter-item input:focus,
.sporcu-filter-item select:focus { border-color: #e31e26; }
.sporcu-filter-btns { flex-direction: row; gap: 10px; }

.sporcu-btn {
    height: 42px;
    padding: 0 22px;
    border: 1px solid #d5d5dd;
    border-radius: 8px;
    background: #fff;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all .2s;
}
.sporcu-btn:hover { background: #ececf0; color: #333; }
.sporcu-btn-primary { background: #e31e26; border-color: #e31e26; color: #fff; }
.sporcu-btn-primary:hover { background: #c5161d; color: #fff; }

/* Durum mesajı */
.sporcu-status { padding: 14px 0; font-size: 14px; color: #666; text-align: center; }
.sporcu-status-error { color: #e31e26; font-weight: 600; }

/* Tablo */
.sporcu-table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.sporcu-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    background: #fff;
}
.sporcu-table thead th {
    background: #1b1b3a;
    color: #fff;
    text-align: left;
    padding: 14px 16px;
    font-weight: 600;
    white-space: nowrap;
}
.sporcu-table tbody td {
    padding: 13px 16px;
    border-bottom: 1px solid #ececec;
    color: #333;
    vertical-align: middle;
}
.sporcu-table tbody tr:hover { background: #f9f9fb; }
.sporcu-td-action, .sporcu-th-action { text-align: right; white-space: nowrap; }
.sporcu-detail-link {
    display: inline-block;
    padding: 7px 16px;
    background: #e31e26;
    color: #fff;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background .2s;
}
.sporcu-detail-link:hover { background: #c5161d; color: #fff; }

/* Detay kartı */
.sporcu-detay-card {
    background: #f7f7f9;
    border-radius: 12px;
    padding: 28px;
    margin-bottom: 28px;
}
.sporcu-detay-name { font-size: 26px; font-weight: 700; color: #1b1b3a; margin: 0 0 16px; }
.sporcu-detay-info { display: flex; flex-wrap: wrap; gap: 14px 40px; }
.sporcu-info-row { display: flex; flex-direction: column; gap: 3px; }
.sporcu-info-row span { font-size: 12px; color: #888; text-transform: uppercase; letter-spacing: .5px; }
.sporcu-info-row strong { font-size: 16px; color: #222; }
.sporcu-detay-subtitle { font-size: 19px; font-weight: 700; color: #1b1b3a; margin: 24px 0 14px; }

/* ── Responsive: mobilde tablo → kart ── */
@media (max-width: 768px) {
    .sporcu-filters { flex-direction: column; align-items: stretch; }
    .sporcu-filter-item { width: 100%; }
    .sporcu-filter-item input,
    .sporcu-filter-item select { min-width: 0; width: 100%; }
    .sporcu-filter-btns { flex-direction: row; }
    .sporcu-filter-btns .sporcu-btn { flex: 1; }

    .sporcu-table-wrap { overflow-x: visible; }
    .sporcu-table thead { display: none; }
    .sporcu-table, .sporcu-table tbody, .sporcu-table tr, .sporcu-table td { display: block; width: 100%; }
    .sporcu-table tr {
        margin-bottom: 16px;
        border: 1px solid #e5e5e5;
        border-radius: 10px;
        overflow: hidden;
        background: #fff;
    }
    .sporcu-table tbody td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 16px;
        padding: 11px 14px;
        border-bottom: 1px solid #f0f0f0;
        text-align: right;
    }
    .sporcu-table tbody td:last-child { border-bottom: none; }
    .sporcu-table tbody td::before {
        content: attr(data-label);
        font-weight: 600;
        color: #888;
        text-align: left;
        flex-shrink: 0;
    }
    .sporcu-td-action { justify-content: flex-end; }
    .sporcu-td-action::before { display: none; }
    .sporcu-detail-link { width: 100%; text-align: center; }

    .sporcu-detay-info { flex-direction: column; gap: 12px; }
}

/* ── Kulüp detay (logo + yerleşim) ── */
.kulup-detay-card { display: flex; gap: 28px; align-items: flex-start; }
.kulup-logo { flex-shrink: 0; width: 120px; }
.kulup-logo img { width: 100%; height: auto; border-radius: 10px; background: #fff; padding: 8px; border: 1px solid #eee; }
.kulup-detay-main { flex: 1; }
.kulup-short { font-size: 14px; color: #888; margin: -8px 0 14px; }
@media (max-width: 768px) {
    .kulup-detay-card { flex-direction: column; align-items: center; text-align: center; }
    .kulup-detay-card .sporcu-detay-info { text-align: left; }
}

/* Sporcu/Kulüp liste bölümü - footer'a yapışmayı önle */
.sporcu-list-section { min-height: 60vh; padding-bottom: 50px; }
.sporcu-pagination { margin-top: 30px; margin-bottom: 50px; min-height: 40px; }

/* Kulüp liste logo hücresi */
.kulup-logo-cell { width: 64px; }
.kulup-logo-cell img {
    width: 48px; height: 48px;
    object-fit: contain;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #eee;
    padding: 3px;
}
@media (max-width: 768px) {
    .kulup-logo-cell { width: auto; }
    .kulup-logo-cell img { width: 56px; height: 56px; }
}

/* ── Yarışma detay sayfası ── */
.yarisma-hero {
    background: linear-gradient(135deg, #1b1b3a 0%, #2d2d5f 100%);
    color: #fff;
    border-radius: 14px;
    padding: 36px 32px;
    margin-bottom: 26px;
}
.yarisma-badge {
    display: inline-block;
    background: #e31e26;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 14px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 14px;
}
.yarisma-title { font-size: 28px; font-weight: 700; margin: 0 0 12px; color: #fff; line-height: 1.25; }
.yarisma-place { font-size: 15px; opacity: .85; }
.yarisma-place i { margin-right: 6px; }

.yarisma-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
}
.yarisma-info-box {
    background: #f7f7f9;
    border: 1px solid #ececf0;
    border-radius: 10px;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.yarisma-info-box span { font-size: 12px; color: #888; text-transform: uppercase; letter-spacing: .5px; }
.yarisma-info-box strong { font-size: 17px; color: #1b1b3a; }

@media (max-width: 768px) {
    .yarisma-hero { padding: 26px 22px; }
    .yarisma-title { font-size: 22px; }
}

/* Kulüp detay - antrenör tablosu tam genişlik kaplamasın */
.kulup-detay-section .sporcu-table-wrap { max-width: 500px; }
.kulup-detay-section .sporcu-table { width: auto; min-width: 320px; }
@media (max-width: 768px) {
    .kulup-detay-section .sporcu-table-wrap { max-width: 100%; }
    .kulup-detay-section .sporcu-table { width: 100%; }
}

/* ── Kulüp detay - modern hero (yarışma tarzı) ── */
.kulup-hero {
    display: flex;
    align-items: center;
    gap: 26px;
    background: linear-gradient(135deg, #1b1b3a 0%, #2d2d5f 100%);
    color: #fff;
    border-radius: 14px;
    padding: 30px 32px;
    margin-bottom: 22px;
}
.kulup-hero-logo {
    flex-shrink: 0;
    width: 110px; height: 110px;
    background: #fff;
    border-radius: 14px;
    padding: 10px;
    display: flex; align-items: center; justify-content: center;
}
.kulup-hero-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.kulup-hero-text { flex: 1; }
.kulup-hero-text .yarisma-title { margin: 8px 0 6px; }
.kulup-hero-short { font-size: 14px; opacity: .8; margin: 0 0 8px; }

/* Antrenör kartları */
.kulup-coaches {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 12px;
}
.kulup-coach-card {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #f7f7f9;
    border: 1px solid #ececf0;
    border-radius: 10px;
    padding: 12px 14px;
    transition: all .2s;
}
.kulup-coach-card:hover { border-color: #e31e26; box-shadow: 0 4px 12px rgba(0,0,0,.06); }
.kulup-coach-avatar {
    flex-shrink: 0;
    width: 40px; height: 40px;
    border-radius: 50%;
    background: #e31e26;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    display: flex; align-items: center; justify-content: center;
}
.kulup-coach-name { font-size: 14px; font-weight: 600; color: #1b1b3a; }

@media (max-width: 768px) {
    .kulup-hero { flex-direction: column; text-align: center; padding: 24px 20px; }
    .kulup-hero-text .yarisma-place { justify-content: center; }
}

/* ── Tablo badge'leri (sporcular/kulupler/yarismalar/faaliyet) ── */
.sporcu-badge {
    display: inline-block;
    padding: 4px 11px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
}
.sporcu-badge--blue   { background: #e7efff; color: #1b54c4; }
.sporcu-badge--pink   { background: #ffe9f1; color: #c4185f; }
.sporcu-badge--green  { background: #e5f7ec; color: #157a3f; }
.sporcu-badge--orange { background: #fff1e0; color: #b35c00; }
.sporcu-badge--purple { background: #f0e9fb; color: #6b29c4; }
.sporcu-badge--gray   { background: #eef0f5; color: #444; }
.sporcu-badge--red    { background: #ffe7e8; color: #c5161d; }

/* Kulüp detay - bilgi kutuları satırda 3 tane */
.kulup-detay-section .yarisma-info-grid {
    grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
    .kulup-detay-section .yarisma-info-grid {
        grid-template-columns: 1fr;
    }
}