/* Custom CSS fixes for user frontend (PMOD theme) */

/* 1. Đổi màu các nút và thành phần cho đồng bộ với theme color */
.ant-btn-primary,
.ant-btn-primary:focus,
.ant-btn-primary:active,
.btn-primary,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
}

.ant-btn-primary:hover,
.btn-primary:hover {
  background-color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
  opacity: 0.85 !important;
}

.text-primary,
a.text-primary,
a.text-primary:hover,
a.text-primary:focus,
a.text-primary:active {
  color: var(--theme-color) !important;
}

.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--theme-color) !important;
}

.ant-tabs-ink-bar {
  background: var(--theme-color) !important;
}

/* 2. Fix layout hiển thị trên Mobile (khoảng trắng card và nút đè chữ) */
@media (max-width: 768px) {
  /* Giảm bớt khoảng trắng bên ngoài để mở rộng Card */
  .ant-layout-content,
  .ant-pro-page-container {
    padding: 8px 4px !important;
  }

  .ant-pro-page-container-children-content {
    margin: 0 !important;
  }

  .ant-card {
    margin-bottom: 12px !important;
    border-radius: 8px !important;
  }

  .ant-card-body {
    padding: 12px !important;
  }

}