/* viewfile.css — shared view-level styles for all public view files */

/* ─────────────────────────────────────────────────────────────────────────
   HEADINGS
   Usage: add class="inquiry-heading" to <h2> on any inquiry-related page
   ───────────────────────────────────────────────────────────────────────── */
.inquiry-heading {
    color: #000;
}

/* ─────────────────────────────────────────────────────────────────────────
   INQUIRY BOARD LAYOUT
   Replaces all inline style="" attributes in inquiry/list.php
   ───────────────────────────────────────────────────────────────────────── */
.inquiry-wrap {
    margin-top: 30px;
    margin-bottom: 50px;
}

.inquiry-header {
    margin-bottom: 20px;
}

.inquiry-privacy {
    margin: 0;
}

.inquiry-filter-col {
    padding-top: 10px;
}

.inquiry-filter {
    display: inline-block;
    width: auto;
}

/* ─────────────────────────────────────────────────────────────────────────
   INQUIRY TABLE  (.inquiry-table)
   Applied to: <table class="table table-striped table-bordered inquiry-table">
   text-align on th is handled via DataTables columnDefs: dt-center
   text-align on td is handled via DataTables columnDefs: dt-center
   ───────────────────────────────────────────────────────────────────────── */

/* ── Mobile-first base (< 768px) ──────────────────────────────────────── */
.inquiry-table {
    width: 100%;
}

.inquiry-table th,
.inquiry-table td {
    font-size: 12px;
    vertical-align: middle;
    padding: 12px 12px;
    line-height: 2;
}

.inquiry-table td {
    font-weight: normal;
}

table.inquiry-table thead th {
    text-align: center;
    background-color: #f5f5f5;
    font-weight: normal;
    color: #313131;
}

.inquiry-table .label {
    font-size: 12px;
    padding: 3px 7px;
}

/* ── Tablet (≥ 768px) ─────────────────────────────────────────────────── */
@media (min-width: 768px) {
    .inquiry-table th,
    .inquiry-table td {
        font-size: 15px;
        padding: 16px 20px;
        line-height: 1.6;
    }

    .inquiry-table .label {
        font-size: 13px;
        padding: 4px 9px;
    }
}

/* ── Desktop (≥ 992px) ────────────────────────────────────────────────── */
@media (min-width: 992px) {
    .inquiry-table th,
    .inquiry-table td {
        font-size: 16px;
        padding: 25px 24px;
        line-height: 2;
    }

    .inquiry-table .label {
        font-size: 14px;
        padding: 5px 10px;
    }
}

/* ─────────────────────────────────────────────────────────────────────────
   CONTACT LIST  (info/contact-list.php)
   ───────────────────────────────────────────────────────────────────────── */
.contact-list-section {
    margin: 150px 0;
}

.contact-list-hr {
    margin-bottom: 50px;
}

.contact-list-table th:nth-child(1) { width: 60px; }
.contact-list-table th:nth-child(2) { width: 110px; }
.contact-list-table th:nth-child(3) { width: 120px; }