/* Training Portal • Course Details v28 • page-scoped visual layer.
   No changes to Web Forms control IDs, SQL or business rules. */
body.dga-lite-public #tp-course-details-v28 {
  --tpd-green:#176a4a;
  --tpd-green-dark:#11523a;
  --tpd-text:#1b302c;
  --tpd-muted:#61746e;
  --tpd-line:#dfe9e3;
  --tpd-wash:#f5f8f6;
  --tpd-card:#fff;
  background:var(--tpd-wash);
  color:var(--tpd-text);
  text-align:right;
  direction:rtl;
  padding-bottom:54px;
  font-size:15px;
  line-height:1.85;
}
body.dga-lite-public #tp-course-details-v28 .tpd-container {max-width:1240px;width:100%;}
body.dga-lite-public #tp-course-details-v28 :is(h1,h2,h3,p,dl,dd) {margin-block-start:0;}
body.dga-lite-public #tp-course-details-v28 .tpd-hero {
  background:linear-gradient(115deg,#e7f3ec 0%,#f9fbfa 60%,#f3f8f5 100%);
  border-bottom:1px solid var(--tpd-line);
  padding:25px 0 27px;
}
body.dga-lite-public #tp-course-details-v28 .tpd-breadcrumb {
  display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  color:#667b70;font-size:13px;margin-bottom:15px;
}
body.dga-lite-public #tp-course-details-v28 .tpd-breadcrumb a {
  color:var(--tpd-green-dark);font-weight:600;text-decoration:none;
}
body.dga-lite-public #tp-course-details-v28 .tpd-breadcrumb a:hover {text-decoration:underline;}
body.dga-lite-public #tp-course-details-v28 .tpd-hero-inner {
  display:flex;gap:22px;justify-content:space-between;align-items:flex-start;
}
body.dga-lite-public #tp-course-details-v28 .tpd-hero-text {min-width:0;max-width:960px;flex:1;}
body.dga-lite-public #tp-course-details-v28 .tpd-eyebrow {
  display:inline-flex;align-items:center;min-height:27px;border-radius:100px;padding:2px 12px;
  background:#dcefe2;color:#185f40;font-size:12px;font-weight:700;margin-bottom:9px;
}
body.dga-lite-public #tp-course-details-v28 h1 {
  color:#14362b;font-size:clamp(23px,2.4vw,33px);font-weight:750;line-height:1.55;
  margin-bottom:12px;overflow-wrap:anywhere;
}
body.dga-lite-public #tp-course-details-v28 .tpd-badges {
  display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;
}
body.dga-lite-public #tp-course-details-v28 .tpd-badge {
  display:inline-flex;align-items:center;color:#38614c;background:#fff;
  border:1px solid #d5e6da;border-radius:8px;padding:3px 12px;
  font-size:13px;font-weight:600;min-height:30px;
}
body.dga-lite-public #tp-course-details-v28 .tpd-badge:empty {display:none;}
body.dga-lite-public #tp-course-details-v28 .tpd-update {
  font-size:13px;color:var(--tpd-muted);margin:0;display:flex;gap:7px;align-items:center;
}
body.dga-lite-public #tp-course-details-v28 .tpd-update .la {font-size:17px;}
body.dga-lite-public #tp-course-details-v28 .tpd-hero-actions {flex:none;padding-top:7px;}
body.dga-lite-public #tp-course-details-v28 .tpd-share {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  color:var(--tpd-green-dark);border:1px solid #c5dbce;background:#fff;
  border-radius:10px;padding:9px 15px;min-height:40px;
  font-size:15px;font-weight:650;text-decoration:none;white-space:nowrap;
}
body.dga-lite-public #tp-course-details-v28 .tpd-share:hover {background:#eef7f1;color:var(--tpd-green-dark);}
body.dga-lite-public #tp-course-details-v28 .tpd-body {padding:25px 0 0;background:transparent;}
body.dga-lite-public #tp-course-details-v28 .tpd-layout {row-gap:18px;align-items:flex-start;}
body.dga-lite-public #tp-course-details-v28 :is(.tpd-primary,.tpd-aside,.tpd-step-wrap) {min-width:0;}
body.dga-lite-public #tp-course-details-v28 .tpd-panel {
  background:var(--tpd-card);border:1px solid var(--tpd-line);border-radius:15px;
  box-shadow:0 5px 20px rgba(17,63,43,.035);padding:22px 24px;margin-bottom:18px;
  min-width:0;overflow-wrap:anywhere;
}
body.dga-lite-public #tp-course-details-v28 .tpd-panel-heading {
  display:flex;align-items:center;gap:10px;border-bottom:1px solid #e8efeb;
  padding-bottom:13px;margin-bottom:18px;
}
body.dga-lite-public #tp-course-details-v28 .tpd-section-icon {
  flex:0 0 35px;width:35px;height:35px;display:grid;place-items:center;
  border-radius:9px;background:#e8f4ed;color:var(--tpd-green);font-size:20px;
}
body.dga-lite-public #tp-course-details-v28 .tpd-panel h2 {
  font-size:18px!important;font-weight:750;color:#213a30;line-height:1.65;
  margin:0!important;
}
body.dga-lite-public #tp-course-details-v28 .tpd-description {
  font-size:15px;line-height:2;color:#3d504b;white-space:pre-line;overflow-wrap:anywhere;
}
body.dga-lite-public #tp-course-details-v28 .tpd-description:empty::after {content:"لا يوجد وصف متاح";color:var(--tpd-muted);}
body.dga-lite-public #tp-course-details-v28 .tpd-topics {list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:0;}
body.dga-lite-public #tp-course-details-v28 .tpd-topics>li {
  list-style:none!important;display:flex;align-items:baseline;gap:10px;
  color:#3c5449;line-height:1.95;padding:10px 2px;border-bottom:1px solid #edf2ef;
  overflow-wrap:anywhere;
}
body.dga-lite-public #tp-course-details-v28 .tpd-topics>li:last-child {border-bottom:0;}
body.dga-lite-public #tp-course-details-v28 .tpd-topics>li .la {
  font-size:18px;color:var(--tpd-green);flex:none;
}
body.dga-lite-public #tp-course-details-v28 .tpd-two-panels {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
body.dga-lite-public #tp-course-details-v28 .tpd-two-panels .tpd-panel {margin-bottom:0;}
body.dga-lite-public #tp-course-details-v28 .tpd-pills {
  list-style:none!important;margin:0!important;padding:0!important;
  display:flex;gap:8px;flex-wrap:wrap;
}
body.dga-lite-public #tp-course-details-v28 .tpd-pills>li.tpd-pill {
  border-radius:9px;background:#eff6f2;border:1px solid #ddebe2;padding:5px 12px;
  color:#315b44;font-size:14px;line-height:1.65;list-style:none;
}
body.dga-lite-public #tp-course-details-v28 .tpd-pills :is(a,span) {color:inherit!important;text-decoration:none!important;}
body.dga-lite-public #tp-course-details-v28 .tpd-enroll-card {padding:0!important;overflow:hidden;}
body.dga-lite-public #tp-course-details-v28 .tpd-poster {
  background:#eef4f0;min-height:210px;display:flex;justify-content:center;align-items:center;
  overflow:hidden;border-bottom:1px solid var(--tpd-line);
}
body.dga-lite-public #tp-course-details-v28 .tpd-poster-img {
  display:block;max-width:100%;height:230px;width:100%;object-fit:contain;object-position:center;
}
body.dga-lite-public #tp-course-details-v28 .tpd-enroll-content {padding:20px 22px 23px;}
body.dga-lite-public #tp-course-details-v28 .tpd-cost-caption {display:block;color:var(--tpd-muted);font-size:13px;margin-bottom:2px;}
body.dga-lite-public #tp-course-details-v28 .tpd-price {
  color:#173d2a;font-weight:750;font-size:clamp(18px,1.6vw,23px);
  line-height:1.6;margin-bottom:15px;overflow-wrap:anywhere;
}
body.dga-lite-public #tp-course-details-v28 .tpd-price :is(span, label) {font-size:inherit!important;line-height:inherit;}
body.dga-lite-public #tp-course-details-v28 .tpd-cta {
  background:var(--tpd-green)!important;color:#fff!important;
  border:1px solid var(--tpd-green)!important;border-radius:10px!important;
  display:flex!important;align-items:center;justify-content:center;gap:9px;
  width:100%;min-height:46px;padding:10px 16px!important;
  font-size:15px!important;font-weight:700;text-align:center;
  box-shadow:none!important;white-space:normal;margin:0 0 9px;
}
body.dga-lite-public #tp-course-details-v28 .tpd-cta:hover {background:var(--tpd-green-dark)!important;}
body.dga-lite-public #tp-course-details-v28 .tpd-cta[disabled],body.dga-lite-public #tp-course-details-v28 .tpd-cta.aspNetDisabled {
  opacity:.65;cursor:not-allowed;
}
body.dga-lite-public #tp-course-details-v28 .tpd-cta-alt {background:#fff!important;color:var(--tpd-green-dark)!important;border-color:#bdd8c9!important;}
body.dga-lite-public #tp-course-details-v28 .tpd-cta-alt:hover {background:#edf7f1!important;}
body.dga-lite-public #tp-course-details-v28 .tpd-my-courses {
  display:flex;align-items:center;justify-content:center;gap:7px;margin-top:8px;
  font-size:14px;color:var(--tpd-green-dark);font-weight:650;text-decoration:none;
}
body.dga-lite-public #tp-course-details-v28 .tpd-my-courses:hover {text-decoration:underline;}
body.dga-lite-public #tp-course-details-v28 .tpd-facts-card {padding:20px 22px;}
body.dga-lite-public #tp-course-details-v28 .tpd-facts {margin:0;display:grid;}
body.dga-lite-public #tp-course-details-v28 .tpd-facts>div {
  display:grid;grid-template-columns:minmax(100px,45%) minmax(0,1fr);gap:11px;
  border-bottom:1px solid #edf1ee;padding:11px 0;align-items:start;
}
body.dga-lite-public #tp-course-details-v28 .tpd-facts>div:first-child {padding-top:1px;}
body.dga-lite-public #tp-course-details-v28 .tpd-facts>div:last-child {border:0;padding-bottom:0;}
body.dga-lite-public #tp-course-details-v28 .tpd-facts dt,
body.dga-lite-public #tp-course-details-v28 .tpd-facts dd {margin:0;line-height:1.75;font-size:14px;overflow-wrap:anywhere;}
body.dga-lite-public #tp-course-details-v28 .tpd-facts dt {
  color:var(--tpd-muted);font-weight:500;display:flex;gap:7px;align-items:baseline;
}
body.dga-lite-public #tp-course-details-v28 .tpd-facts dt .la {font-size:16px;color:var(--tpd-green);}
body.dga-lite-public #tp-course-details-v28 .tpd-facts dd {color:#263d33;font-weight:650;white-space:pre-line;}
body.dga-lite-public #tp-course-details-v28 .tpd-step-wrap {width:100%;}
body.dga-lite-public #tp-course-details-v28 .tpd-step-card {padding:23px;}
body.dga-lite-public #tp-course-details-v28 .tpd-add-class-row {max-width:800px;margin-bottom:15px;}
body.dga-lite-public #tp-course-details-v28 .tpd-label {display:block;font-size:14px;font-weight:650;margin-bottom:7px;}
body.dga-lite-public #tp-course-details-v28 .tpd-add-class-controls {display:flex;align-items:stretch;gap:10px;}
body.dga-lite-public #tp-course-details-v28 .tpd-select {
  flex:1 1 auto;min-width:0;height:45px;border:1px solid #cadcd1;
  border-radius:9px!important;background:#fff;
}
body.dga-lite-public #tp-course-details-v28 .tpd-add-class {
  min-height:45px!important;border-radius:9px!important;padding:8px 21px!important;
  background:var(--tpd-green)!important;color:#fff!important;
  border:1px solid var(--tpd-green)!important;white-space:nowrap;
}
body.dga-lite-public #tp-course-details-v28 .tpd-subheading {font-size:16px;font-weight:700;color:#244736;margin:17px 0 10px;}
body.dga-lite-public #tp-course-details-v28 .tpd-table-scroll {max-width:100%;overflow-x:auto;border:1px solid #e2ece5;border-radius:10px;}
body.dga-lite-public #tp-course-details-v28 .tpd-data-table {width:100%;margin:0!important;background:#fff;border-collapse:collapse;}
body.dga-lite-public #tp-course-details-v28 .tpd-data-table :is(td,th) {
  padding:12px 15px!important;vertical-align:middle;border:0!important;
  border-bottom:1px solid #e7eee9!important;background:#fff;color:#324b3e;
  text-align:right;white-space:normal;min-width:80px;
}
body.dga-lite-public #tp-course-details-v28 .tpd-data-table tr:last-child td {border-bottom:0!important;}
body.dga-lite-public #tp-course-details-v28 .tpd-data-table a,
body.dga-lite-public #tp-course-details-v28 .tpd-row-action {
  display:inline-flex;min-height:34px;align-items:center;border-radius:8px;
  padding:4px 11px;background:#e9f5ec;color:#175f40!important;
  border:1px solid #d2e7d8;text-decoration:none;font-size:14px;
}
body.dga-lite-public #tp-course-details-v28 .tpd-answer {
  width:100%;min-width:170px;min-height:40px;max-width:100%;border-radius:9px;
}
body.dga-lite-public #tp-course-details-v28 .tpd-complete-bar {
  margin:0 0 10px;padding:20px 23px;border-radius:14px;border:1px solid #d1e5d6;
  background:#eaf5ed;display:flex;justify-content:flex-end;
}
body.dga-lite-public #tp-course-details-v28 .tpd-complete-bar .tpd-cta {max-width:300px;margin:0;}
body.dga-lite-public #tp-course-details-v28 :is(a,button,input,select,textarea):focus-visible {
  outline:3px solid #82bd97!important;outline-offset:2px;
}
@media (max-width: 991px) {
  body.dga-lite-public #tp-course-details-v28 .tpd-two-panels {grid-template-columns:repeat(2,minmax(0,1fr));}
  body.dga-lite-public #tp-course-details-v28 .tpd-layout {row-gap:0;}
  body.dga-lite-public #tp-course-details-v28 .tpd-aside {margin-top:0;}
  body.dga-lite-public #tp-course-details-v28 .tpd-poster-img {height:245px;}
}
@media (max-width: 575px) {
  body.dga-lite-public #tp-course-details-v28 .tpd-hero {padding:18px 0 20px;}
  body.dga-lite-public #tp-course-details-v28 .tpd-hero-inner {gap:10px;flex-direction:column;}
  body.dga-lite-public #tp-course-details-v28 h1 {font-size:22px;}
  body.dga-lite-public #tp-course-details-v28 .tpd-breadcrumb {font-size:12px;gap:6px;margin-bottom:11px;}
  body.dga-lite-public #tp-course-details-v28 .tpd-hero-actions {padding:0;}
  body.dga-lite-public #tp-course-details-v28 .tpd-share {padding:7px 12px;min-height:36px;}
  body.dga-lite-public #tp-course-details-v28 .tpd-body {padding-top:16px;}
  body.dga-lite-public #tp-course-details-v28 .tpd-panel {padding:17px 16px;border-radius:12px;margin-bottom:15px;}
  body.dga-lite-public #tp-course-details-v28 .tpd-panel-heading {margin-bottom:13px;}
  body.dga-lite-public #tp-course-details-v28 .tpd-panel h2 {font-size:17px!important;}
  body.dga-lite-public #tp-course-details-v28 .tpd-two-panels {grid-template-columns:1fr;gap:0;}
  body.dga-lite-public #tp-course-details-v28 .tpd-aside .tpd-enroll-card {padding:0!important;}
  body.dga-lite-public #tp-course-details-v28 .tpd-poster-img {height:200px;}
  body.dga-lite-public #tp-course-details-v28 .tpd-enroll-content {padding:18px 16px;}
  body.dga-lite-public #tp-course-details-v28 .tpd-facts-card {padding:17px 16px;}
  body.dga-lite-public #tp-course-details-v28 .tpd-facts>div {grid-template-columns:40% minmax(0,1fr);gap:8px;}
  body.dga-lite-public #tp-course-details-v28 .tpd-add-class-controls {flex-direction:column;}
  body.dga-lite-public #tp-course-details-v28 .tpd-add-class {width:100%;justify-content:center;}
  body.dga-lite-public #tp-course-details-v28 .tpd-complete-bar {padding:14px;}
  body.dga-lite-public #tp-course-details-v28 .tpd-complete-bar .tpd-cta {max-width:none;}
}
@media (prefers-reduced-motion: reduce) {
  body.dga-lite-public #tp-course-details-v28 * {scroll-behavior:auto!important;transition:none!important;}
}

/* Self-contained icon treatment, independent of the legacy icon-font package. */
body.dga-lite-public #tp-course-details-v28 .tpd-section-icon svg {width:19px;height:19px;display:block;}
body.dga-lite-public #tp-course-details-v28 .tpd-update svg {width:16px;height:16px;flex:none;}
body.dga-lite-public #tp-course-details-v28 .tpd-share svg {width:16px;height:16px;flex:none;}
body.dga-lite-public #tp-course-details-v28 .tpd-topics>li::before {content:"✓";font-weight:850;color:var(--tpd-green);flex:none;}
body.dga-lite-public #tp-course-details-v28 .tpd-facts dt::before {content:"•";font-weight:900;color:var(--tpd-green);flex:none;}
@media(max-width:991px){
  /* Make the registration action visible before the long course description on narrow screens. */
  body.dga-lite-public #tp-course-details-v28 .tpd-aside {order:-1;}
}

body.dga-lite-public #tp-course-details-v28 .tpd-facts dt {white-space:nowrap;}