/* ==========================================================
   UEH EXAM BANK 1.2.1
   Uses the same Bootstrap/theme shell as ai.ueh.edu.vn
   ========================================================== */

.ueh-exam-bank,
.ueh-exam-single {
    --ueh-heading: #02035e;
    --ueh-primary: #29aae2;
    --ueh-primary-hover: #1598d0;
    --ueh-text: #4a4b65;
    --ueh-muted: #737491;
    --ueh-border: #e9e9f2;
    --ueh-soft: #f7f7fc;

    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    text-align: left !important;
    font-family: inherit !important;
    color: var(--ueh-text);
    box-sizing: border-box;
}

.ueh-exam-bank *,
.ueh-exam-single * {
    box-sizing: border-box;
}

/* ----------------------------------------------------------
   Exam bank page shell
   ---------------------------------------------------------- */

.ueh-exam-bank .ueh-exam-shell {
    width: 100% !important;
    max-width: 1260px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* If the shortcode is already inside a theme .container, do not add a second width restriction. */
.container .ueh-exam-bank .ueh-exam-shell {
    max-width: 100% !important;
}

.ueh-exam-page-header,
.ueh-exam-breadcrumb {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.ueh-exam-page-header h1 {
    color: var(--ueh-heading) !important;
}

/* ----------------------------------------------------------
   Search/filter
   ---------------------------------------------------------- */

.ueh-exam-filter {
    width: 100% !important;
    margin: 0 !important;
    padding: 22px !important;
    background: #fff !important;
    border: 1px solid var(--ueh-border) !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 20px rgba(55,56,78,.035) !important;
    overflow: hidden !important;
}

.ueh-exam-search-row {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 130px !important;
    gap: 14px !important;
    align-items: end !important;
    margin: 0 0 18px !important;
}

.ueh-search-field,
.ueh-filter-field {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    margin: 0 !important;
}

.ueh-search-field span,
.ueh-filter-field span {
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    color: #5a5b75 !important;
}

.ueh-search-field input,
.ueh-filter-field select {
    width: 100% !important;
    max-width: 100% !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 1px solid var(--ueh-border) !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: none !important;
    font: inherit !important;
    font-size: 14px !important;
    color: var(--ueh-text) !important;
}

.ueh-search-field input:focus,
.ueh-filter-field select:focus {
    outline: 0 !important;
    border-color: rgba(41,170,226,.65) !important;
    box-shadow: 0 0 0 3px rgba(41,170,226,.08) !important;
}

.ueh-search-btn,
.ueh-btn-primary,
.ueh-doc-link {
    border-color: var(--ueh-primary) !important;
    background: var(--ueh-primary) !important;
    color: #fff !important;
}

.ueh-search-btn:hover,
.ueh-btn-primary:hover,
.ueh-doc-link:hover {
    border-color: var(--ueh-primary-hover) !important;
    background: var(--ueh-primary-hover) !important;
    color: #fff !important;
}

.ueh-search-btn {
    width: 130px !important;
    height: 46px !important;
    padding: 0 16px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 10px !important;
    font: inherit !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
}

.ueh-exam-selects {
    display: grid !important;
    grid-template-columns: repeat(5,minmax(0,1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
}

.ueh-filter-actions {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin: 18px 0 0 !important;
}

.ueh-btn,
.ueh-doc-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 9px !important;
    font: inherit !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

.ueh-btn-soft,
.ueh-doc-link.soft,
.ueh-doc-link.answer {
    border-color: var(--ueh-border) !important;
    background: #fff !important;
    color: var(--ueh-heading) !important;
}

.ueh-btn-soft:hover,
.ueh-doc-link.soft:hover,
.ueh-doc-link.answer:hover {
    background: var(--ueh-soft) !important;
    color: var(--ueh-primary) !important;
}

/* ----------------------------------------------------------
   Exam list
   ---------------------------------------------------------- */

.ueh-exam-summary {
    margin: 22px 0 12px !important;
    font-size: 14px !important;
    color: var(--ueh-muted) !important;
}

.ueh-exam-summary strong {
    color: var(--ueh-heading) !important;
}

.ueh-exam-table-wrap {
    width: 100% !important;
    border: 1px solid var(--ueh-border) !important;
    border-radius: 14px !important;
    background: #fff !important;
    overflow-x: auto !important;
}

.ueh-exam-table {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
}

.ueh-exam-table th:nth-child(1),.ueh-exam-table td:nth-child(1){width:44%!important}
.ueh-exam-table th:nth-child(2),.ueh-exam-table td:nth-child(2){width:9%!important}
.ueh-exam-table th:nth-child(3),.ueh-exam-table td:nth-child(3){width:11%!important}
.ueh-exam-table th:nth-child(4),.ueh-exam-table td:nth-child(4){width:14%!important}
.ueh-exam-table th:nth-child(5),.ueh-exam-table td:nth-child(5){width:22%!important}

.ueh-exam-table thead th {
    padding: 14px 15px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ueh-border) !important;
    background: var(--ueh-soft) !important;
    color: #5a5b75 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-align: left !important;
}

.ueh-exam-table tbody td {
    padding: 16px 15px !important;
    border: 0 !important;
    border-bottom: 1px solid #f0f0f5 !important;
    vertical-align: middle !important;
    font-size: 13px !important;
    color: #5a5b75 !important;
    overflow-wrap: anywhere !important;
}

.ueh-exam-table tbody tr:last-child td {border-bottom:0!important}
.ueh-exam-table tbody tr:hover {background:#fcfcfe!important}

.ueh-exam-title {
    margin: 0 0 6px !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
}

.ueh-exam-title a {color:var(--ueh-heading)!important;text-decoration:none!important}
.ueh-exam-title a:hover {color:var(--ueh-primary)!important}

.ueh-exam-submeta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px 10px !important;
    margin: 0 !important;
    font-size: 12px !important;
    color: var(--ueh-muted) !important;
}

.ueh-exam-note {margin-top:6px!important;font-size:12px!important;color:var(--ueh-muted)!important}
.ueh-exam-docs {display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important}

/* ----------------------------------------------------------
   Dedicated single exam template
   ---------------------------------------------------------- */

.ueh-exam-single-page .container {
    width: 100% !important;
    max-width: 1260px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.ueh-exam-single-page .page-header h1 {
    color: var(--ueh-heading, #02035e) !important;
}

.ueh-exam-single {
    width: 100% !important;
    margin: 0 !important;
}

.ueh-single-toolbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin: -6px 0 22px !important;
}

.ueh-single-back {
    color: #5a5b75 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

.ueh-single-back:hover {color:var(--ueh-primary)!important}

.ueh-single-pill {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 36px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    background: rgba(41,170,226,.09) !important;
    color: #168dbd !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
}

.ueh-single-grid {
    display: grid !important;
    grid-template-columns: minmax(0,1.45fr) minmax(390px,1fr) !important;
    gap: 22px !important;
    width: 100% !important;
}

.ueh-single-card {
    min-width: 0 !important;
    width: 100% !important;
    padding: 26px !important;
    border: 1px solid var(--ueh-border) !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: 0 5px 18px rgba(55,56,78,.035) !important;
}

.ueh-single-card h2 {
    margin: 0 0 22px !important;
    color: var(--ueh-heading) !important;
    font-size: 24px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

.ueh-single-info-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 14px !important;
}

.ueh-info-item {
    min-width: 0 !important;
    min-height: 88px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 15px 18px !important;
    border: 1px solid #eeeef5 !important;
    border-radius: 11px !important;
    background: var(--ueh-soft) !important;
}

.ueh-info-item span {display:block!important;margin:0 0 7px!important;font-size:12px!important;font-weight:500!important;color:var(--ueh-muted)!important}
.ueh-info-item strong {display:block!important;margin:0!important;font-size:15px!important;line-height:1.45!important;font-weight:500!important;color:#37384e!important;overflow-wrap:anywhere!important}

.ueh-single-note {margin-top:14px!important;padding:15px 17px!important;border:1px solid var(--ueh-border)!important;border-radius:11px!important;background:var(--ueh-soft)!important}
.ueh-single-note span {display:block!important;margin-bottom:6px!important;font-size:12px!important;color:var(--ueh-muted)!important}
.ueh-single-note p {margin:0!important;font-size:13px!important;line-height:1.6!important;color:#5a5b75!important}

.ueh-single-doc-box {
    display: grid !important;
    grid-template-columns: minmax(95px,1fr) auto !important;
    gap: 16px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 18px !important;
    border: 1px solid var(--ueh-border) !important;
    border-radius: 11px !important;
    background: #fff !important;
}

.ueh-single-doc-box + .ueh-single-doc-box {margin-top:14px!important}
.ueh-single-doc-text {min-width:0!important}
.ueh-single-doc-text strong {display:block!important;margin:0 0 5px!important;font-size:14px!important;font-weight:600!important;color:#37384e!important}
.ueh-single-doc-text span {display:block!important;margin:0!important;font-size:12px!important;line-height:1.45!important;color:var(--ueh-muted)!important}
.ueh-single-doc-actions {display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;white-space:nowrap!important}

.ueh-missing {display:inline-flex!important;align-items:center!important;min-height:38px!important;padding:0 12px!important;border:1px dashed var(--ueh-border)!important;border-radius:8px!important;color:var(--ueh-muted)!important;background:var(--ueh-soft)!important;font-size:12px!important}

/* ----------------------------------------------------------
   Empty/pagination
   ---------------------------------------------------------- */

.ueh-exam-empty {width:100%!important;padding:32px!important;border:1px dashed var(--ueh-border)!important;border-radius:14px!important;background:var(--ueh-soft)!important;text-align:center!important;color:var(--ueh-muted)!important}
.ueh-exam-pagination {display:flex!important;justify-content:center!important;gap:8px!important;margin-top:24px!important}
.ueh-exam-pagination a {display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;border:1px solid var(--ueh-border)!important;border-radius:9px!important;text-decoration:none!important}
.ueh-exam-pagination a.is-current {background:var(--ueh-primary)!important;color:#fff!important;border-color:var(--ueh-primary)!important}

/* ----------------------------------------------------------
   Responsive
   ---------------------------------------------------------- */

@media (max-width:1199.98px) {
    .ueh-exam-selects {grid-template-columns:repeat(3,minmax(0,1fr))!important}
    .ueh-single-grid {grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr)!important}
}

@media (max-width:991.98px) {
    .ueh-single-grid {grid-template-columns:1fr!important}
    .ueh-exam-table {min-width:850px!important;table-layout:auto!important}
}

@media (max-width:767.98px) {
    .ueh-exam-search-row {grid-template-columns:1fr!important}
    .ueh-search-btn {width:100%!important}
    .ueh-exam-selects {grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .ueh-single-info-grid {grid-template-columns:1fr!important}
    .ueh-single-card {padding:20px!important}
    .ueh-single-doc-box {grid-template-columns:1fr!important}
    .ueh-single-doc-actions {justify-content:flex-start!important;flex-wrap:wrap!important}
    .ueh-single-toolbar {align-items:flex-start!important;flex-direction:column!important}
}

@media (max-width:575.98px) {
    .ueh-exam-selects {grid-template-columns:1fr!important}
    .ueh-filter-actions {flex-direction:column!important}
    .ueh-filter-actions .ueh-btn {width:100%!important}
}