.elementor-1791 .elementor-element.elementor-element-31c40969{--display:flex;}.elementor-1791 .elementor-element.elementor-element-73724a78{--display:flex;--border-radius:30px 30px 0px 0px;--margin-top:-436px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:42px;--padding-bottom:42px;--padding-left:42px;--padding-right:42px;}.elementor-1791 .elementor-element.elementor-element-73724a78:not(.elementor-motion-effects-element-type-background), .elementor-1791 .elementor-element.elementor-element-73724a78 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:767px){.elementor-1791 .elementor-element.elementor-element-73724a78{--margin-top:-180px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}}/* Start custom CSS for html, class: .elementor-element-207d458b *//* ===== CORE UTILITIES (theo mẫu) ===== */

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.bg-white {
  background-color: #ffffff;
}

.border-2 {
  border-width: 2px;
  border-style: solid;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.gap-2 {
  gap: 0.5rem;
}

.items-center {
  align-items: center;
}

.inline-flex {
  display: inline-flex;
}

.font-semibold {
  font-weight: 600;
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.3s;
}

.duration-300 {
  transition-duration: 0.3s;
}

button,
[role="button"] {
  cursor: pointer;
  background: none;
}

/* ===== TOGGLE CONTENT LOGIC ===== */

.content-inner {
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.content-wrapper.is-collapsed .content-inner {
  max-height: 220px;
}

/* ===== BUTTON STYLE ===== */

.toggle-btn {
  border-color: #00652e;
  color: #00652e;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}

/* Icon */
.toggle-btn .icon {
  transition: transform 0.3s ease, color 0.3s ease;
}

/* Text */
.toggle-btn span {
  transition: transform 0.3s ease, color 0.3s ease;
}

/* ===== HOVER EFFECT (THEO YÊU CẦU) ===== */

/* Background đổi sang đỏ */
.toggle-btn:hover {
  background-color: #00652e;
  border-color: #00652e;
}

/* Chữ + icon đổi màu trắng & đi lên */
.toggle-btn:hover span,
.toggle-btn:hover .icon {
  color: #ffffff;
  transform: translateY(-2px);
}
/* ===== FIX KHÔNG XUỐNG DÒNG ===== */
.toggle-btn {
  white-space: nowrap;          /* KHÓA KHÔNG XUỐNG DÒNG */
}

.toggle-btn span {
  display: inline-block;        /* đảm bảo chữ không tự wrap */
  line-height: 1.2;
}

/* ===== FONT SIZE CHUẨN ===== */

/* PC / Tablet */
.toggle-btn span,
.toggle-btn .icon {
  font-size: 16px;
}


button.toggle-btn.inline-flex.items-center.gap-2.px-6.py-3.border-2.border-\[\#00652E\].bg-white.text-\[\#00652E\].rounded-lg.font-semibold.hover\:bg-\[\#00652E\].hover\:text-white.transition-all.duration-300 {
    margin: 20px auto;
    display: flex;
}

/* ===== TRẠNG THÁI THU GỌN (ACTIVE) ===== */
.content-wrapper:not(.is-collapsed) .toggle-btn {
  background-color: #00652e !important;
  border-color: #00652e !important;
  color: #ffffff !important;
}

/* Chữ + icon trắng tuyệt đối */
.content-wrapper:not(.is-collapsed) .toggle-btn span,
.content-wrapper:not(.is-collapsed) .toggle-btn .icon {
  color: #ffffff !important;
}

/* ===== TẮT MÀU VÀNG / FOCUS MẶC ĐỊNH ===== */
.toggle-btn:focus,
.toggle-btn:focus-visible,
.toggle-btn:active {
  outline: none;
  box-shadow: none;
  background-color: inherit;
}
/* ===== TRẠNG THÁI XEM THÊM (COLLAPSED) ===== */
.content-wrapper.is-collapsed .toggle-btn {
  background-color: #ffffff !important;
  border-color: #00652e !important;
  color: #00652e !important;
}

.content-wrapper.is-collapsed .toggle-btn span,
.content-wrapper.is-collapsed .toggle-btn .icon {
  color: #00652e !important;
}

/* ===== TRẠNG THÁI THU GỌN (EXPANDED) ===== */
.content-wrapper:not(.is-collapsed) .toggle-btn {
  background-color: #00652e !important;
  border-color: #00652e !important;
  color: #ffffff !important;
}

.content-wrapper:not(.is-collapsed) .toggle-btn span,
.content-wrapper:not(.is-collapsed) .toggle-btn .icon {
  color: #ffffff !important;
}

/* ===== HOVER ===== */
.toggle-btn:hover {
  background-color: red !important;
  border-color: red !important;
}

.toggle-btn:hover span,
.toggle-btn:hover .icon {
  color: #ffffff !important;
  transform: translateY(-2px);
}

/* ===== CHẶN MÀU VÀNG / FOCUS / ACTIVE TỪ THEME & BROWSER ===== */
.toggle-btn:focus,
.toggle-btn:focus-visible,
.toggle-btn:active {
  outline: none !important;
  box-shadow: none !important;
  background-color: inherit !important;
  border-color: inherit !important;
}
/* ===== NÚT THU GỌN (EXPANDED) ===== */
.content-wrapper:not(.is-collapsed) .toggle-btn {
  background-color: #ffffff !important;
  border-color: #00652e !important;
  color: #00652e !important;
}

.content-wrapper:not(.is-collapsed) .toggle-btn span,
.content-wrapper:not(.is-collapsed) .toggle-btn .icon {
  color: #00652e !important;
}

/* Hover khi đang Thu gọn */
.content-wrapper:not(.is-collapsed) .toggle-btn:hover {
  background-color: #00652e !important;
  border-color: #00652e !important;
}

.content-wrapper:not(.is-collapsed) .toggle-btn:hover span,
.content-wrapper:not(.is-collapsed) .toggle-btn:hover .icon {
  color: #ffffff !important;
  transform: translateY(-2px);
}

/* ===== CHẶN MÀU LẠ / FOCUS ===== */
.toggle-btn:focus,
.toggle-btn:focus-visible,
.toggle-btn:active {
  outline: none !important;
  box-shadow: none !important;
}
.content-wrapper.is-collapsed .content-inner {
  max-height: 160px; /* 👈 chỉnh lại cho đúng điểm cắt */
}



/* Mobile */
@media (max-width: 767px) {
  .toggle-btn span,
  .toggle-btn .icon {
    font-size: 12px;
  }
  .title{
      font-size: 24px;
  }
  .entry-content .wp-audio-shortcode, .entry-content .wp-embedded-audio, .entry-content .wp-embedded-video, .entry-content .wp-video, .entry-content p {
    margin-bottom: 10px;
    font-size: 13px;
}
}

.title-dropdown{
    text-align: center;
}/* End custom CSS */