/*
 * โค้ด CSS ที่ได้รับการปรับปรุงโทนสีเพื่อให้คุมธีมกับรูปโปรไฟล์
 * โดยเปลี่ยนจากสีม่วง/ชมพู/เทอร์ควอยซ์ เป็นสีดำ/ส้ม/ทอง
 */

@media only screen and (max-width: 959px) {
    .appbar .appbar-container .appbar-logo{
        max-height: 45px  !important;
    }
}
/* เปลี่ยนข้อความเมนูนำทางที่ 'active' ให้เป็นสีทอง */
.bottom-nav .menu-item.active .text {
    color: #ffd700 !important;
}
/* หัวข้อส่วนใหญ่ยังคงเป็นสีขาวเพื่อให้ตัดกับพื้นหลังเข้ม */
h2 , h3 {
color: #ffffff !important;
}
h1.ql-align-center  span {
color: #ffffff !important;
}
h2.ql-align-center > span {
color: #ffffff !important;
}
p.ql-align-center > span {
color: #ffffff !important;
}
p   span {
color: #ffffff !important;
}
/* เปลี่ยนพื้นหลังหลักเป็นสีดำสนิทเพื่อความหรูหรา */
.v-main {
    background: #000000 !important;
}
/* เปลี่ยนพื้นหลังหน้าเป็นสีส้มเข้ม (burnt orange) เพื่อให้เข้ากับไล่ระดับสี */
.page{
background-color: #aa4400 !important;
}
/* เปลี่ยนพื้นหลังส่วนคงที่ให้เป็นสีดำ */
.group-zone.fixed{
background: #000000 !important;
}
h1 > span{
color: #ffffff !important;
}
h2 > span{
color: #ffffff !important;
}
p >  span {
color: #ffffff !important;
}
/* เปลี่ยนข้อความเน้น (ตัวหนา) จากเทอร์ควอยซ์เป็นสีทอง */
p > strong , p em {
color: #ffd700 !important;
}
.categories{
color: #ffffff !important;
}
/* เปลี่ยนแถบนำทางด้านล่างเป็นสีส้มสด */
.bottom-nav{
background: #ff7800 !important;
}
/* เปลี่ยนพื้นหลังการ์ดบทความเป็นสีดำเกือบสนิท */
.card-article{
background: #1a1a1a !important;
}
/* คงขนาดเดิม */
.div-card img {
    border-radius: 8px;
    height: 300px !important;
    width: 508px !important;
}
.swiper-slide {
    width: 500px !important;
}
@media only screen and (max-width: 480px) {
    .div-card img {
          height: 170px !important;
    }   
.swiper-slide {
    width: 300px !important;
 }
}
.bg {
    color: #100d0d !important;
}
/* ยังคง URL รูปภาพพื้นหลังเดิม แต่ผู้ใช้ควรตรวจสอบว่าเข้ากับธีมใหม่หรือไม่ */
.page { 
  position: relative;
  background-image: url("https://ik.imagekit.io/0hj4s9qad/Rca669TH_Mockup_BG%20_1920x1080_.jpg") !important;
  background-color: #cccccc;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed !important;
  min-height: 100vh;
  z-index: 1;
}
/* ปรับปรุงพื้นหลังมือถือให้เป็นสีดำล้วน */
@media only screen and (max-width: 480px) {
  .page {
    background-image: none !important; 
    background-color: #000000!important; 
    background-attachment: scroll !important;
    background-size: auto !important; 
    min-height: 100vh; 
  }
}
/* คง URL รูปภาพเมนูเดิม แต่ควรตรวจสอบความเข้ากันได้ของธีม */
.menu-list .menu-item{
background-image: url("https://ik.imagekit.io/0hj4s9qad/Rca669TH_Button_Button_BG.png") !important;
background-color: #cccccc;
background-position: center  !important;
background-repeat: no-repeat !important;
background-size: 140% 140% !important;
}
.appbar-menu .menu-item{
background-image: url("https://ik.imagekit.io/0hj4s9qad/Rca669TH_Button_Button_BG%202.png") !important;
background-color: #cccccc;
background-position: center  !important;
background-repeat: no-repeat !important;
background-size: 140% 140% !important;
}