/**
 * carrier-timetable.css — หน้าตารางเดินรถรายบริษัท (/timetable/{compcode})
 *
 * ยกมาจาก <style> 3 บล็อกของ carrier_timetable.php บนเว็บ production ตรงตัวทุกค่า
 * (overlay-shadow: production เคยเป็น 0.3 ตอนที่สำเนาบนเครื่องเป็น 0.5 — ณ 23 ก.ย. 2569 production กลับมาเป็น 0.5 ตรงกันแล้ว)
 *
 * .p-t-title กับ .overlay-shadow ทับค่าที่ layout.css ประกาศไว้ เพราะเว็บเดิมประกาศบล็อกนี้
 * ในตัวหน้าซึ่งมาทีหลัง header.inc.php — ไฟล์นี้โหลดหลัง layout.css จึงได้ผลเหมือนกัน
 */

.card-carrier {
    border: solid 1px #ccc;
    border-radius: 0.25rem;
}

.card-carrier:hover {
    background-color: #eee;
    cursor: pointer;
}

.tracking-item {
    border-left: 1px solid #e5e5e5;
    position: relative;
    padding: 0 1.5rem 0.5rem 2.5rem;
    font-size: .9rem;
    margin-left: 3rem;
    min-height: 3rem;
}

.tracking-item .tracking-icon.status-intransit {
    border: 1px solid #17b5b3;
    font-size: .6rem;
}

.tracking-item .tracking-icon {
    line-height: 2.6rem;
    position: absolute;
    left: -0.5rem;
    width: 1rem;
    height: 1rem;
    text-align: center;
    border-radius: 50%;
    font-size: 1.1rem;
    background-color: #fff;
    color: #fff;
}

#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;
    }
}

.map iframe {
    width: 100%;
    height: 350px;
}

.txt-info a {
    color: #ff6702 !important;
}

.txt-info table {
    width: 100%;
    max-width: 800px;

    margin-bottom: 15px;
}

.txt-info table thead tr {
    background-color: #eee;
    text-align: center;
}

.txt-info table tbody td {
    padding-left: 10px;
    padding-right: 10px;
}

.txt-info h2 {
    font-size: 18px;
}

@media (max-width: 700px) {
    .txt-info img {
        width: 100% !important;
        height: unset !important;
        padding: 5px 0px !important;
    }

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


}

.station-link a {
    color: #ff6700 !important;
}

.station ul li {
    list-style: disc !important;
    color: #000 !important;
}

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

@media only screen and (min-width: 576px) {
    .p-t-title {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media only screen and (max-width: 576px) {
    .p-t-title {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.overlay-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.bg-header-content {
    position: relative;
    background-size: cover;
    /* เว็บเดิมเขียน path สัมพัทธ์จาก URL หน้า (../../images/) พอย้ายมาเป็นไฟล์ CSS ต้องชี้ URL เต็ม
       เหมือนไฟล์ CSS อื่นของโปรเจกต์ เพราะ images/ ไม่ได้ก๊อปมาไว้บนเครื่อง */
    background-image: url('../images/site/banner/bus-travel.webp');
    background-position-y: 95%;

    @media screen and (max-width: 1440px) {
        & {
            background-position-y: 100%;
        }
    }

    @media screen and (max-width: 768px) {
        & {
            background-position-y: 100%;
        }
    }
}

/* ── ค่าที่เว็บเดิมเขียนเป็น inline style ย้ายมาเป็นคลาส ค่าเท่าเดิมทุกตัว ────── */

.carrier-page {
    /* เว็บเดิมเป็น <div class="pt-3" style="padding-top:50px !important"> ค่าที่ชนะจริงคือ 50px */
    padding-top: 50px;
    background-color: #fff;
}

.carrier-page-custom {
    padding-top: 60px;
}

.carrier-hero-container {
    max-width: 980px;
    position: relative;
    z-index: 10;
    padding-top: 15px;
    padding-bottom: 15px;
}

.carrier-hero-title {
    line-height: 1.6;
    margin-bottom: 0;
    padding-bottom: 0;
}

.carrier-hero-breadcrumb {
    color: #fff;
    font-size: 12px;
    padding-bottom: 20px;

    a {
        color: #fff;
        text-decoration: underline;
    }
}

.carrier-custom-breadcrumb {
    padding-top: 1.5rem;

    a {
        color: #ff6701;
    }
}

.carrier-body {
    min-height: 500px;
}

.carrier-page-custom .carrier-body {
    line-height: 40px;
}

.carrier-custom-head {
    padding-top: 15px;
    padding-bottom: 15px;
}

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

.carrier-custom-logo {
    max-height: 30px;
    width: auto;
}

.carrier-info-title {
    font-size: 22px;
}

.carrier-info-logo {
    max-height: 40px;
    width: auto;
}

.carrier-info-image {
    width: 100%;
    max-width: 800px;
}

.carrier-info-text {
    line-height: 35px;
}

.carrier-section-title {
    font-size: 18px;
}

.carrier-address-text {
    line-height: 35px;
}

.carrier-timetable-title {
    font-size: 22px;
}

.carrier-route-title {
    font-size: 16px;
}

.carrier-route-stops {
    line-height: 24px;
}

/* จุดจอดสุดท้ายไม่ต้องลากเส้นต่อลงไป */
.tracking-item-last {
    border-left: unset;
}

/* เว็บเดิมเขียนสีส้มทับสีฟ้าของ .status-intransit ด้วย inline style ทุกจุด */
.tracking-item .tracking-icon.status-intransit {
    background-color: #ff6701;
    border: 1px solid #ff6701;
}

.tracking-stop {
    margin-top: -2px;
    position: absolute;

    a {
        color: #ff6701;
    }

    img {
        height: 25px;
    }
}

.carrier-trip-table thead tr {
    background-color: #eee;
}

.carrier-route-line {
    margin-top: 1rem;
}

.carrier-counter-station {
    padding-left: 30px;
}

.carrier-related {
    line-height: 35px;
}

.carrier-top-list {
    line-height: 35px;
}

.carrier-see-all {
    color: #ff6700;
}

/* กับดัก doctype (ข้อ 13): iframe เดี่ยวในบรรทัดจะมีช่องว่างใต้ baseline โผล่มาในโหมด standards
   แผนที่ของหน้านี้สูงเกินของเดิม 7px ถ้าไม่สั่ง display:block */
.map iframe {
    display: block;
}