/* ── หน้ารายการบทความ (blog / blog-travel / blog-promotion) ──────────────────
   ยกมาจาก blog.php ของเว็บเดิมแบบตรงตัว เพื่อให้ UI ไม่ขยับ */

    .title-blog:hover {
        text-decoration: underline !important;
        color: #000;
    }

    .page-link,
    .page-link:hover {

        color: #ff6701;
    }

    .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: unset;
    }

    .page-item.active .page-link {
        z-index: 1;
        color: #fff;
        background-color: #ff6701;
        border-color: #ff6701;
    }

    #searchform {
        width: 100%;
        max-width: 1000px;
    }

    @media (max-width: 1200px) {
        #searchform {
            height: 330px;
        }
    }

    @media (max-width: 1007px) {
        #searchform {
            height: 430px;
        }
    }

    @media (max-width: 600px) {
        #searchform {
            height: 730px;
        }
    }

    @media (max-width: 700px) {

        .bg-form-search {
            background-color: #f6f6f6;
            margin-bottom: 20px;
        }
    }

    .btn-search {
        font-size: 18px !important;
    }

/* ── โครงหน้า — เดิมเป็น inline style + utility class บนมาร์กอัป ─────────────
   .page-blog          = <div class="pt-3" style="padding-top:10px!important;background:#fff">
                         (เดิม 60px — ระยะเว้นใต้ header ย้ายไปอยู่ที่ .page-banner แล้ว)
   .blog-row           = <div class="row pt-4 pb-4" style="min-height:500px">
   .blog-search        = <div style="padding-top:15px;padding-bottom:30px"> + text-center ของคอลัมน์
   .blog-search-title  = <h2 style="font-size:24px;padding:10px 0 15px;color:#000">
   .blog-search-form   = <center><div class="pb-4" style="max-width:1000px">
   .blog-list          = <div class="col-sm-12" style="line-height:40px">
   .blog-card          = <div class="pb-4"> + <div style="background-color:#f6f6f6">          */
.page-blog {
    padding-top: 10px;
    background-color: #fff;
}

.blog-row {
    padding-top: 24px;
    padding-bottom: 24px;
    min-height: 500px;
}

.blog-search {
    padding-top: 15px;
    padding-bottom: 30px;
    text-align: center;
}

.blog-search-title {
    padding-top: 10px;
    padding-bottom: 15px;
    font-size: 24px;
    color: #000;
}

.blog-search-form {
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 24px;
}

.blog-list {
    line-height: 40px;
}

.blog-card {
    margin-bottom: 24px;
    background-color: #f6f6f6;
}

.blog-card img {
    width: 100%;
}

.blog-card-title h2 {
    margin-bottom: 0;
    font-size: 18px;
    color: #000;
}

.blog-card-meta {
    font-size: 12px;
    color: #7a7979;
}

.blog-card-view {
    margin-top: -15px;
    color: #484848;
}

.blog-card-view img {
    width: 15px;
}

/* บรรทัดที่มีแต่ปุ่ม — เว็บเดิมเป็น XHTML (almost standards) ไม่นับ strut ของ line-height 40px
   doctype ใหม่นับ ปุ่มจึงต่ำลง 2px ทุกการ์ด (กับดักข้อ 13 · เจอเซสชัน 18) */
.blog-card-action {
    line-height: 0;
}

.btn-read-more {
    width: 150px;
    border-radius: .25rem;
    color: #fff;
}

.blog-pagination {
    justify-content: center;
}

/* ── หน้ารายละเอียดบทความใช้โครงเดียวกับหน้ารายการ — ชื่อบทความย้ายไปอยู่บนแบนเนอร์แล้ว ──
   .blog-article = <div id="blog" style="line-height:40px"> */
.blog-article {
    line-height: 40px;
}