/* หน้าแรก - เฉพาะส่วนที่ใช้หน้านี้หน้าเดียว
   ส่วนที่ใช้ร่วมกับหน้าอื่นอยู่ใน components/ */

/* มุมโค้งของการ์ดผลงานในหน้าแรก */
.projects-one--two--projects .projects-one__single-img {
                border-radius: 18px;
            }

            .projects-one--two--projects .projects-one__single-img::before {
                border-radius: 18px;
            }

/* "บทสัมภาษณ์ลูกค้า" - การ์ดวิดีโอสไตล์โมเดิร์น
               Scoped to .testimonial-modern; palette #062452 / #0a4091 / #17396c */
            .meet-farmers-one.testimonial-modern {
                background: #f5f8fc;
                margin: 0;
                padding: 76px 0 64px;
            }

            .meet-farmers-one.testimonial-modern .sec-title {
                margin-bottom: 44px;
            }

            .meet-farmers-one.testimonial-modern .row {
                --bs-gutter-y: 26px;
            }

            /* ---- การ์ด ---- */
            .meet-farmers-one.testimonial-modern .meet-farmers-one__single {
                background: #ffffff;
                border: 1px solid rgba(23, 57, 108, .10);
                border-radius: 18px;
                box-shadow: 0 12px 30px -20px rgba(6, 36, 82, .40);
                display: flex;
                flex-direction: column;
                height: 100%;
                margin-bottom: 0;
                overflow: hidden;
                transform: none;
                transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease;
            }

            /* ---- ภาพ + ปุ่ม play ---- */
            .meet-farmers-one.testimonial-modern .meet-farmers-one__single-img {
                aspect-ratio: 4 / 3;
                border-radius: 0;
                overflow: hidden;
                position: relative;
            }

            /* รูปปกดึงจาก thumbnail ของ YouTube ซึ่งเป็น 16:9 ครอบให้เต็มกรอบ 4:3 ของการ์ด
               ไม่งั้นจะเหลือช่องว่างด้านล่าง เพราะธีมเดิมตั้งไว้แค่ width: 100% */
            .meet-farmers-one.testimonial-modern .meet-farmers-one__single-img img {
                display: block;
                height: 100%;
                object-fit: cover;
                width: 100%;
            }

            .meet-farmers-one.testimonial-modern .meet-farmers-one__single:hover .meet-farmers-one__single-img img {
                transform: scale(1.06);
            }

            /* ทับ overlay สีเดิมของธีม ด้วยไล่เฉดบางๆ ที่ขอบล่าง */
            .meet-farmers-one.testimonial-modern .meet-farmers-one__single-img::before {
                background: linear-gradient(180deg, rgba(6, 36, 82, 0) 50%, rgba(6, 36, 82, .55) 100%);
                opacity: 1;
                transform: none;
                z-index: 1;
            }

            /* ---- เนื้อหาการ์ด ---- */
            .meet-farmers-one.testimonial-modern .meet-farmers-one__single-title {
                background: transparent;
                border-radius: 0;
                box-shadow: none;
                display: flex;
                flex-direction: column;
                flex-grow: 1;
                max-width: 100%;
                overflow: visible;
                padding: 18px 20px 22px;
                transform: none;
                transition: none;
            }

            .meet-farmers-one.testimonial-modern .meet-farmers-one__single:hover .meet-farmers-one__single-title {
                background-color: transparent;
                box-shadow: none;
                transform: none;
            }

            .meet-farmers-one.testimonial-modern .meet-farmers-one__single-title h2 {
                font-family: 'promptsemibold';
                font-size: 18px;
                line-height: 1.45;
                margin: 0 0 5px;
            }

            .meet-farmers-one.testimonial-modern .meet-farmers-one__single-title h2 a {
                color: #17396c;
            }

            .meet-farmers-one.testimonial-modern .meet-farmers-one__single-title h2 a:hover {
                color: #0a4091;
            }

            .meet-farmers-one.testimonial-modern .meet-farmers-one__single-title p {
                color: #6b7c96;
                font-family: 'promptregular';
                font-size: 13px;
                letter-spacing: .3px;
                line-height: 1.5;
                margin: 0;
                text-transform: none;
            }

            /* ---- ปุ่ม CTA (เดิมโผล่เฉพาะตอน hover) ---- */
            .meet-farmers-one.testimonial-modern .social-link {
                margin-top: auto;
                padding-top: 16px;
            }

            .meet-farmers-one.testimonial-modern .social-link ul {
                background-color: transparent;
                list-style: none;
                margin: 0;
                opacity: 1;
                padding: 0;
                visibility: visible;
            }

            .meet-farmers-one.testimonial-modern .social-link ul li {
                margin-right: 0;
            }

            .meet-farmers-one.testimonial-modern .social-link ul li a {
                align-items: center;
                background: #17396c;
                border-radius: 999px;
                color: #ffffff;
                display: inline-flex;
                font-family: 'promptregular';
                font-size: 14px;
                gap: 8px;
                line-height: 1;
                padding: 10px 18px;
                transition: background-color .3s ease;
            }

            .meet-farmers-one.testimonial-modern .social-link ul li a:hover {
                background: #0a4091;
                color: #ffffff;
            }

            .meet-farmers-one.testimonial-modern .social-link ul li a i {
                font-size: 11px;
            }

            @media (max-width: 767px) {
                .meet-farmers-one.testimonial-modern {
                    padding: 56px 0 48px;
                }

                .meet-farmers-one.testimonial-modern .sec-title {
                    margin-bottom: 32px;
                }
            }

            @media (prefers-reduced-motion: reduce) {
                .meet-farmers-one.testimonial-modern .meet-farmers-one__single,
                .meet-farmers-one.testimonial-modern .meet-farmers-one__single-img img {
                    transition: none;
                }

                .meet-farmers-one.testimonial-modern .meet-farmers-one__single:hover {
                    transform: none;
                }

                .meet-farmers-one.testimonial-modern .meet-farmers-one__single:hover .meet-farmers-one__single-img img {
                    transform: none;
                }
            }

/* แถวโลโก้ลูกค้าในหน้าแรก
   ไฟล์ design ของหน้าแรกโหลด Bootstrap 4 ทำให้ --bs-gutter-y: 6px ที่ components/clients.css
   ตั้งไว้ ไม่มีผล (BS4 ไม่มีกฎ .row > * { margin-top: var(--bs-gutter-y) })
   พอเปลี่ยนมาใช้ BS5 อย่างเดียว แถวที่ 2 จะขยับลง 6px  จึงปิดไว้ให้หน้าตาตรงกับ design
   หมายเหตุ: หน้าเกี่ยวกับเราใช้ระยะ 6px มาตลอด ถ้าอยากให้สองหน้าเหมือนกัน ลบกฎนี้ทิ้งได้ */
.company-logos-one.clients-modern .row {
    --bs-gutter-y: 0;
}