/* contact.css */

/* ตั้งค่าพื้นฐาน */
.NameName, .PlateCategories, .ContactList {
    margin: 2rem auto;
    max-width: 800px;
    padding: 1rem 1.5rem;
    background-color: #fff;
    border-radius: 2rem;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

/* Heading หลัก */
.NameName h1 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    color: #333;
}

/* Heading รอง */
.PlateCategories h2,
.ContactList h3 {
    font-size: 1.4rem;
    margin-bottom: 1rem;
    color: #555;
}

.NameName p,
.PlateCategories p,
.ContactList p {
    line-height: 1.6;
    font-size: 1rem;
    color: #444;
}

/* รายการลิงก์ติดต่อ */
.ContactList ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 1.5rem;
}
.ContactList ul li {
    margin-bottom: 0.75rem;
    font-size: 1rem;
}

.ContactList a {
    color: #007bff; /* สีลิงก์ */
    text-decoration: none;
    transition: color 0.3s;
}
.ContactList a:hover {
    color: #0056b3; /* สีลิงก์เมื่อ Hover */
}

/* ปรับแสดงผลบนหน้าจอเล็ก */
@media (max-width: 576px) {
    .NameName, .PlateCategories, .ContactList {
        margin: 1rem;
        padding: 1rem;
    }
    .NameName h1 {
        font-size: 1.5rem;
    }
    .PlateCategories h2,
    .ContactList h3 {
        font-size: 1.2rem;
    }
}