/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
/*Hide Placeholder filter Year*/
.brxe-filter-years option.placeholder {
    display: none;
}

@media (max-width: 767px) {
  br.desktop {
    display: none;
  }
}


/* กำหนด keyframe อนิเมชัน TAB*/
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.tab-pane.brx-open {
  animation: fadeIn 0.35s ease-out;
}

/* --- ส่วนการทำงาน (Logic) --- */
input[type="radio"][name="tab-group"] {
  display: none;
}

/* แสดงเนื้อหาเมื่อ Radio ถูกเลือก */
body:has(#radio-thai:checked) #thai-go,
body:has(#radio-lao:checked) #lao-go,
body:has(#radio-cn:checked) #cn-go,
body:has(#radio-ind:checked) #ind-go,
body:has(#radio-aus:checked) #aus-go,
body:has(#radio-vn:checked) #vn-go,
body:has(#radio-mon:checked) #mon-go,
body:has(#radio-ja:checked) #ja-go,
body:has(#radio-usa:checked) #usa-go {
  display: block !important	;
  animation: fadeSlideUp 0.4s ease-out forwards;
}

/* ตกแต่งกล่องเนื้อหา go-container */
.go-container {
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f9f9f9;
  margin-bottom: 20px; /* ระยะห่างระหว่างเนื้อหากับปุ่มด้านล่าง */
  min-height: 150px; 
}

.map-name {
  transition: background-color 0.2s ease, color 0.2s ease;
}

.map-name:hover {
  background-color: #007bff !important;
	cursor:pointer;
}

/* ไฮไลท์ปุ่มที่ถูกเลือก */
#radio-thai:checked ~ div .buttons-menu #thai-bt,
#radio-lao:checked ~ div .buttons-menu #lao-bt,
#radio-cn:checked ~ div .buttons-menu #cn-bt,
#radio-ind:checked ~ div .buttons-menu #ind-bt,
#radio-vn:checked ~ div .buttons-menu #vn-bt,
#radio-mon:checked ~ div .buttons-menu #mon-bt,
#radio-ja:checked ~ div .buttons-menu #ja-bt,
#radio-usa:checked ~ div .buttons-menu #usa-bt,
#radio-aus:checked ~ div .buttons-menu #aus-bt {
  background-color: #007bff;
  color: white;
  border-color: #007bff;
}