:root {
    --primary-color: #005f5f; 
    --accent-color: #b8860b;  
    --text-color: #2d3436;
    --bg-light: #f4f7f6;
}

body {
    font-family: 'Segoe UI', Tahoma, sans-serif;
    margin: 0;
    padding: 0;
    background-color: var(--bg-light);
    min-height: 100vh;
}

/* Header */
/* Main Navigation */
nav.main-nav.main-nav.main-nav.main-nav.main-nav nav.main-nav li:hover /* Başlıq sahəsi */
.page-title-section {
    background: white;
    padding: 40px 8%;
    border-bottom: 1px solid #eee;
    margin-bottom: 40px;
}

.page-title-section h2 {
    margin: 0;
    color: var(--primary-color);
    font-size: 28px;
}

/* Cədvəl Konteyneri */
.main-container {
    padding: 0 8% 50px 8%;
}

.table-card {
    background: white;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    overflow: hidden;
    border: 1px solid #eef0f2;
}

table {
    width: 100%;
    border-collapse: collapse;
    background: white;
}

thead {
    background: #fafbfc;
}

th {
    text-align: left;
    padding: 18px 20px;
    color: #7f8c8d;
    font-size: 13px;
    text-transform: uppercase;
    border-bottom: 2px solid #edf1f2;
}

td {
    padding: 25px 20px;
    border-bottom: 1px solid #f1f4f5;
}

.exam-title {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.4;
    display: inline-block;
}

.exam-title:hover { color: var(--accent-color); }

.badge {
    background: #e0f2f2;
    color: var(--primary-color);
    padding: 7px 14px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.btn-action {
    background: var(--primary-color);
    color: white;
    text-decoration: none;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
    transition: 0.3s;
    display: inline-block;
    text-align: center;
}

.btn-action:hover {
    background: var(--accent-color);
    box-shadow: 0 4px 12px rgba(184, 134, 11, 0.2);
}

/* Hələ açılmamış sınaq: kart görünür, düymə sönükdür və kliklənmir. */
.btn-action.is-soon {
    background: #eef2f4;
    color: #94a3b8;
    cursor: default;
    pointer-events: none;
    box-shadow: none;
}


/* Kateqoriya kataloqu */
.catalog-intro { color:#636e72; margin-top:10px; max-width:auto; line-height:1.6; font-weight:700; }
.category-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px; margin-bottom:22px; }
.category-card { background:#fff; border:1px solid #eef0f2; border-radius:16px; padding:22px; box-shadow:0 8px 24px rgba(0,0,0,.06); cursor:pointer; transition:.25s; position:relative; overflow:hidden; }
.category-card::after { content:""; position:absolute; inset:auto -35px -45px auto; width:110px; height:110px; background:#e0f2f2; border-radius:50%; opacity:.7; }
.category-card:hover, .category-card.active { transform:translateY(-3px); border-color:var(--primary-color); box-shadow:0 12px 30px rgba(0,95,95,.13); }
.category-icon { width:48px; height:48px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:#e0f2f2; color:var(--primary-color); font-size:22px; margin-bottom:16px; }
.category-card.gold .category-icon { background:#fff5d9; color:var(--accent-color); }
.category-card h3 { margin:0 0 8px; color:var(--text-color); font-size:20px; }
.category-card p { margin:0; color:#64748b; line-height:1.55; font-size:14px; }
.category-meta { display:inline-flex; margin-top:14px; background:#f8fafc; border:1px solid #e2e8f0; color:var(--primary-color); padding:7px 12px; border-radius:999px; font-size:13px; font-weight:700; }
.exam-panel { background:#fff; border:1px solid #eef0f2; border-radius:16px; box-shadow:0 8px 24px rgba(0,0,0,.06); overflow:hidden; }
.exam-panel-head { padding:22px 24px; border-bottom:1px solid #eef0f2; display:flex; align-items:flex-start; justify-content:space-between; gap:15px; }
.exam-panel-head h3 { margin:0; color:var(--primary-color); font-size:22px; }
.exam-panel-head p { margin:6px 0 0; color:#64748b; line-height:1.5; }
.exam-list { padding:6px 0; }
.exam-row { display:grid; grid-template-columns:1fr auto auto auto; gap:16px; align-items:center; padding:18px 24px; border-bottom:1px solid #f1f4f5; }
.exam-row:last-child { border-bottom:0; }
.exam-name { color:var(--primary-color); font-weight:800; font-size:16px; margin-bottom:5px; }
.exam-desc { color:#64748b; font-size:13.5px; line-height:1.5; }
.empty-note { padding:24px; color:#64748b; }
@media (max-width:900px){ .category-grid{grid-template-columns:1fr;} .exam-row{grid-template-columns:1fr; gap:10px;} .exam-panel-head{flex-direction:column;} }

/* CLS düzəlişi (29.08.2026)
   #categoryGrid HTML-də boşdur, kartları JS doldurur. Kartlar gələndə
   altındakı #examPanel və bütün səhifə aşağı tullanırdı.
   Ölçülmüş CLS: mobil 1.0013 (!), desktop 0.2485 — saytdakı ən pis rəqəm.
   Dəyərlər brauzerdə ölçülüb: 3 sütun 300px, 1 sütun 827px.
   ":empty" sayəsində kartlar gələn kimi qayda sönür. */
#categoryGrid:empty { min-height: 300px; }
@media (max-width:900px){ #categoryGrid:empty { min-height: 827px; } }