/* นำเข้าฟอนต์ตามหน้าเว็บจริง */
@import url(‘https://fonts.googleapis.com/css2?family=Karla:wght@400;700&family=Muli:wght@300;400;700&display=swap’);
/* ตั้งค่าคอนเทนเนอร์หลัก */
.ac-final-layout {
font-family: ‘Muli’, sans-serif;
text-align: center;
color: #333;
}
/* ส่วน Hero Banner ด้านบน */
.ac-final-hero {
position: relative;
background-image: url(‘https://web.archive.org/web/20230402110944im_/https://atomiccowboystl.com/wp-content/uploads/2022/10/AC_bground.jpg’);
background-size: cover;
background-position: center;
height: 250px; /* ปรับความสูงแบนเนอร์ตามรูปตัวอย่าง */
border-bottom: 2px solid #555; /* ขอบด้านล่างสีเข้ม */
}
/* ปุ่ม Order Online สีส้ม */
.ac-order-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.ac-btn-order-final {
background-color: #ff6f00; /* สีส้มตามรูปตัวอย่าง */
color: #ffffff !important;
font-size: 18px;
font-weight: 700;
text-decoration: none !important;
padding: 12px 25px;
border-radius: 5px;
text-transform: capitalize; /* ทำให้ตัวแรกเป็นตัวใหญ่ */
border: none;
cursor: pointer;
box-shadow: 0 4px 6px rgba(0,0,0,0.3);
transition: background 0.3s;
}
.ac-btn-order-final:hover {
background-color: #e65100; /* สีส้มเข้มขึ้น */
}
/* ส่วนเนื้อหาหลักสีขาว */
.ac-final-body {
background-color: #ffffff;
padding: 60px 20px;
}
/* โลโก้สคริปต์ขนาดใหญ่ตรงกลาง */
.ac-main-logo {
width: auto;
max-width: 90%;
height: auto;
max-height: 350px; /* ขนาดโลโก้หลัก */
margin-bottom: 30px;
}
/* เส้นขีดคั่นสีทอง */
.ac-golden-divider {
border-top: 1px solid #dfc26c; /* สีทองอ่อน */
width: 150px;
margin: 0 auto 15px auto;
position: relative;
}
/* จุดเพชรตรงกลาง */
.ac-golden-divider::after {
content: “♦”;
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%);
color: #dfc26c;
background: #ffffff;
padding: 0 10px;
font-size: 14px;
}
/* ข้อความแท็กไลน์ */
.ac-tagline {
color: #dfc26c; /* สีทองอ่อน */
font-size: 20px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 40px;
}
/* ส่วนที่อยู่สีดำ */
.ac-final-address {
font-family: ‘Karla’, sans-serif;
color: #000000;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
line-height: 1.5;
margin-bottom: 25px;
}
/* ลิงก์ View Map */
.ac-btn-map-final {
color: #dfc26c !important; /* สีทองอ่อน */
font-size: 16px;
text-decoration: none !important;
text-transform: capitalize;
letter-spacing: 1px;
}
.ac-btn-map-final:hover {
text-decoration: underline !important;
}
