/*
 * Markup added by inc/integration-growth.php and js-wp (no prototype rule for it):
 * sale tag on course prices, affiliate panel, community report, learning paths,
 * combo / plan info, plan label in "Khóa học của tôi", automatic discount row.
 * Colours follow the prototype (navy #071367, orange #ff8b00, muted #7d8aac).
 */

/* Sale: list price struck through + percentage. */
.dha-list-price { margin-left: 6px; color: #8a96b8; font-size: .82em; font-weight: 400; text-decoration: line-through; white-space: nowrap; }
.dha-sale-pct { margin-left: 6px; padding: 1px 6px; border-radius: 10px; background: #ffe8e1; color: #e2401b; font-size: .75em; font-weight: 700; white-space: nowrap; }

/* Affiliate panel (Thông tin cá nhân). */
.dha-affiliate .dha-aff-body { display: grid; gap: 12px; font-size: 14px; line-height: 1.5; }
.dha-affiliate .dha-aff-body p { margin: 0; }
.dha-affiliate .dha-aff-field, .dha-affiliate .dha-aff-payout label, .dha-affiliate .dha-aff-link label { display: grid; gap: 6px; font-size: 13px; color: #42507a; }
.dha-affiliate textarea, .dha-affiliate input { width: 100%; box-sizing: border-box; padding: 9px 11px; border: 1px solid #dae0ef; border-radius: 8px; font: inherit; }
.dha-affiliate button { justify-self: start; padding: 9px 16px; border: 1px solid #dae0ef; border-radius: 8px; background: #fff; font-weight: 600; cursor: pointer; }
.dha-affiliate button.gold { border: 0; }
.dha-affiliate button:disabled { opacity: .5; cursor: not-allowed; }
.dha-aff-link { display: flex; gap: 8px; align-items: end; }
.dha-aff-link label { flex: 1; min-width: 0; }
.dha-aff-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; }
.dha-aff-stats div { padding: 10px; border-radius: 8px; background: #f6f8fd; }
.dha-aff-stats dt { font-size: 12px; color: #7d8aac; }
.dha-aff-stats dd { margin: 2px 0 0; font-weight: 700; color: #071367; }
.dha-aff-payout { display: grid; gap: 8px; }
.dha-affiliate h3 { margin: 6px 0 0; font-size: 15px; }
.dha-aff-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.dha-aff-table th, .dha-aff-table td { padding: 6px 4px; border-bottom: 1px solid #edf0f6; text-align: left; }
.dha-aff-status:empty { display: none; }
@media (max-width: 600px) { .dha-aff-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .dha-aff-link { flex-direction: column; align-items: stretch; } }

/* Community: report. */
.dha-report-link { margin-left: auto; padding: 4px 8px; border: 0; background: none; color: #7d8aac; font-size: 12px; cursor: pointer; text-decoration: underline; }
li > .dha-report-link { margin-left: 6px; }
dialog.dha-report { max-width: 440px; width: calc(100% - 32px); padding: 24px; border: 0; border-radius: 16px; color: #071367; }
dialog.dha-report::backdrop { background: #0011269c; }
.dha-report h2 { margin: 0 0 6px; font-size: 20px; }
.dha-report p { margin: 0 0 12px; color: #52628c; font-size: 14px; }
.dha-report fieldset { display: grid; gap: 8px; margin: 0 0 12px; padding: 0; border: 0; }
.dha-report fieldset label { display: flex; gap: 8px; align-items: center; font-size: 14px; }
.dha-report textarea { width: 100%; box-sizing: border-box; margin-top: 6px; padding: 8px; border: 1px solid #dae0ef; border-radius: 8px; font: inherit; }
.dha-report label { font-size: 14px; }
.dha-report-actions { display: flex; justify-content: flex-end; gap: 8px; }
.dha-report-actions button { padding: 9px 16px; border: 1px solid #dae0ef; border-radius: 8px; background: #fff; font-weight: 600; cursor: pointer; }
.dha-report-actions .gold { border: 0; }

/* Lộ trình học: published paths. */
.dha-paths .dha-path-courses { margin: 10px 0 14px; padding-left: 1.2em; font-size: 14px; line-height: 1.6; }
.dha-paths .dha-path-courses a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.dha-paths .dha-path-courses b { font-weight: 700; }

/* Course page: combo / plan; my courses: plan label. */
.dha-offer-info { margin: 10px 0 14px; padding: 10px 12px; border-radius: 10px; background: #fff7e8; font-size: 14px; line-height: 1.5; }
.dha-offer-info p { margin: 0 0 6px; }
.dha-offer-info ul { margin: 0; padding-left: 1.2em; }
.dha-offer-info a { text-decoration: underline; }
.dha-plan-active { color: #148a5b; font-weight: 600; }
.dha-via { display: block; margin-top: 2px; color: #148a5b; font-size: 12px; font-weight: 600; }
.dha-auto-discount small { font-weight: 400; color: #7d8aac; }

/* Catalogue filtered by tag; course tags on the course page. */
.dha-tag-filter { margin: 0 0 14px; font-size: 15px; color: #42507a; }
.dha-tag-filter a, .dha-course-tags a { color: #e2401b; text-decoration: underline; }