.elementor-976 .elementor-element.elementor-element-0f3cfcd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-0f3cfcd:not(.elementor-motion-effects-element-type-background), .elementor-976 .elementor-element.elementor-element-0f3cfcd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-976 .elementor-element.elementor-element-0957f9e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-360a7ed{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-e9af745 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;color:var( --e-global-color-kadence9 );}.elementor-976 .elementor-element.elementor-element-6ac242b .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;color:var( --e-global-color-kadence9 );}.elementor-976 .elementor-element.elementor-element-aebcbc4{--display:flex;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-d31c01f{font-family:"Inter", Sans-serif;font-size:14px;color:var( --e-global-color-blocksy_palette_6 );}.elementor-976 .elementor-element.elementor-element-83d392f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-976 .elementor-element.elementor-element-83d392f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-976 .elementor-element.elementor-element-6154cac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-976 .elementor-element.elementor-element-6154cac:not(.elementor-motion-effects-element-type-background), .elementor-976 .elementor-element.elementor-element-6154cac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-kadence9 );background-image:url("https://cooperantlearning.com/wp-content/uploads/2026/01/CEUs-earned.png");background-size:cover;}.elementor-976 .elementor-element.elementor-element-8d7d5f5{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:-15px;--margin-right:0px;--padding-top:5px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-838bc8a.elementor-element{--align-self:flex-start;}.elementor-976 .elementor-element.elementor-element-838bc8a img{width:50%;}.elementor-976 .elementor-element.elementor-element-5937a47{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-a37e92b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 15px;text-align:start;}.elementor-976 .elementor-element.elementor-element-a37e92b .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;color:var( --e-global-color-text );}.elementor-976 .elementor-element.elementor-element-48d24f6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-de766a6{margin:-0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 15px;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:22px;color:var( --e-global-color-blocksy_palette_5 );}.elementor-976 .elementor-element.elementor-element-0cfaff3{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-0cfaff3.e-con{--align-self:stretch;}.elementor-976 .elementor-element.elementor-element-f36ff64 .elementor-button{background-color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:20px;font-weight:500;fill:var( --e-global-color-kadence9 );color:var( --e-global-color-kadence9 );border-style:none;border-radius:37px 37px 37px 37px;padding:20px 20px 20px 20px;}.elementor-976 .elementor-element.elementor-element-f36ff64 .elementor-button:hover, .elementor-976 .elementor-element.elementor-element-f36ff64 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-kadence9 );}.elementor-976 .elementor-element.elementor-element-f36ff64{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;border-radius:0px 0px 0px 0px;}.elementor-976 .elementor-element.elementor-element-f36ff64.elementor-element{--align-self:stretch;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-976 .elementor-element.elementor-element-f36ff64 .elementor-button:hover svg, .elementor-976 .elementor-element.elementor-element-f36ff64 .elementor-button:focus svg{fill:var( --e-global-color-kadence9 );}.elementor-976 .elementor-element.elementor-element-7b58b30{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-976 .elementor-element.elementor-element-7b58b30:not(.elementor-motion-effects-element-type-background), .elementor-976 .elementor-element.elementor-element-7b58b30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-kadence9 );background-image:url("https://cooperantlearning.com/wp-content/uploads/2026/01/certificates.png");background-size:cover;}.elementor-976 .elementor-element.elementor-element-16ce8b3{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:-15px;--margin-right:0px;--padding-top:5px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-05932ed.elementor-element{--align-self:flex-start;}.elementor-976 .elementor-element.elementor-element-05932ed img{width:50%;}.elementor-976 .elementor-element.elementor-element-ba18335{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-17b3615{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 15px;text-align:start;}.elementor-976 .elementor-element.elementor-element-17b3615 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;color:var( --e-global-color-text );}.elementor-976 .elementor-element.elementor-element-97d4a07{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-86fc9e0{margin:-0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 15px;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:22px;color:var( --e-global-color-blocksy_palette_5 );}.elementor-976 .elementor-element.elementor-element-feb11bf{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-feb11bf.e-con{--align-self:stretch;}.elementor-976 .elementor-element.elementor-element-05b5924 .elementor-button{background-color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:20px;font-weight:500;fill:var( --e-global-color-kadence9 );color:var( --e-global-color-kadence9 );border-style:none;border-radius:37px 37px 37px 37px;padding:20px 20px 20px 20px;}.elementor-976 .elementor-element.elementor-element-05b5924 .elementor-button:hover, .elementor-976 .elementor-element.elementor-element-05b5924 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-kadence9 );}.elementor-976 .elementor-element.elementor-element-05b5924{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;border-radius:0px 0px 0px 0px;}.elementor-976 .elementor-element.elementor-element-05b5924.elementor-element{--align-self:stretch;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-976 .elementor-element.elementor-element-05b5924 .elementor-button:hover svg, .elementor-976 .elementor-element.elementor-element-05b5924 .elementor-button:focus svg{fill:var( --e-global-color-kadence9 );}.elementor-976 .elementor-element.elementor-element-00f35c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-976 .elementor-element.elementor-element-00f35c9:not(.elementor-motion-effects-element-type-background), .elementor-976 .elementor-element.elementor-element-00f35c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-kadence9 );background-image:url("https://cooperantlearning.com/wp-content/uploads/2026/01/In-progress.png");background-size:cover;}.elementor-976 .elementor-element.elementor-element-e596906{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:-15px;--margin-right:0px;--padding-top:5px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-48f8ad5.elementor-element{--align-self:flex-start;}.elementor-976 .elementor-element.elementor-element-48f8ad5 img{width:50%;}.elementor-976 .elementor-element.elementor-element-0a6c094{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-3c2b62f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 15px;text-align:start;}.elementor-976 .elementor-element.elementor-element-3c2b62f .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;color:var( --e-global-color-text );}.elementor-976 .elementor-element.elementor-element-1083fe4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-133e247{margin:-0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 15px;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:22px;color:var( --e-global-color-blocksy_palette_5 );}.elementor-976 .elementor-element.elementor-element-315f358{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-315f358.e-con{--align-self:stretch;}.elementor-976 .elementor-element.elementor-element-1ef23f4 .elementor-button{background-color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:20px;font-weight:500;fill:var( --e-global-color-kadence9 );color:var( --e-global-color-kadence9 );border-style:none;border-radius:37px 37px 37px 37px;padding:20px 20px 20px 20px;}.elementor-976 .elementor-element.elementor-element-1ef23f4 .elementor-button:hover, .elementor-976 .elementor-element.elementor-element-1ef23f4 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-kadence9 );}.elementor-976 .elementor-element.elementor-element-1ef23f4{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;border-radius:0px 0px 0px 0px;}.elementor-976 .elementor-element.elementor-element-1ef23f4.elementor-element{--align-self:stretch;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-976 .elementor-element.elementor-element-1ef23f4 .elementor-button:hover svg, .elementor-976 .elementor-element.elementor-element-1ef23f4 .elementor-button:focus svg{fill:var( --e-global-color-kadence9 );}.elementor-976 .elementor-element.elementor-element-e39a391{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-b24e7b6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-7b2686f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-54b1ef7{padding:0px 0px 0px 0px;}.elementor-976 .elementor-element.elementor-element-54b1ef7.elementor-element{--align-self:flex-start;}.elementor-976 .elementor-element.elementor-element-54b1ef7 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;color:var( --e-global-color-text );}.elementor-976 .elementor-element.elementor-element-b47b0cf{--display:flex;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-6cc087d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-c654494{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-00b3535{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-2fbb9bd{padding:0px 0px 0px 0px;}.elementor-976 .elementor-element.elementor-element-2fbb9bd.elementor-element{--align-self:flex-start;}.elementor-976 .elementor-element.elementor-element-2fbb9bd .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;color:var( --e-global-color-text );}.elementor-976 .elementor-element.elementor-element-39fd442{--display:flex;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-3575fc8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-dc83fc6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-25fcbf9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-cf14966{padding:0px 0px 0px 0px;}.elementor-976 .elementor-element.elementor-element-cf14966.elementor-element{--align-self:flex-start;}.elementor-976 .elementor-element.elementor-element-cf14966 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;color:var( --e-global-color-text );}.elementor-976 .elementor-element.elementor-element-1a4150b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-de3b822{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 0px;--row-gap:30px;--column-gap:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-6144fa9{padding:0px 0px 0px 0px;}.elementor-976 .elementor-element.elementor-element-6144fa9.elementor-element{--align-self:flex-start;}.elementor-976 .elementor-element.elementor-element-6144fa9 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;color:var( --e-global-color-text );}.elementor-976 .elementor-element.elementor-element-b938a90{--swiper-slides-to-display:3;--swiper-slides-gap:20px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:30px;--arrow-normal-color:var( --e-global-color-blocksy_palette_6 );--arrow-hover-color:var( --e-global-color-text );--swiper-pagination-size:10px;--dots-normal-color:var( --e-global-color-text );--swiper-pagination-spacing:35px;}.elementor-976 .elementor-element.elementor-element-b938a90 .swiper-slide > .elementor-element{height:100%;}.elementor-976 .elementor-element.elementor-element-b938a90 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-976 .elementor-element.elementor-element-b938a90{--swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-976 .elementor-element.elementor-element-83d392f{--width:100%;}}@media(max-width:767px){.elementor-976 .elementor-element.elementor-element-de3b822{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-976 .elementor-element.elementor-element-b938a90{--swiper-slides-to-display:1;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS *//* ==========================================================
   COOPERANT DASHBOARD – Single CSS (In Progress + Completed)
   Paste in: Dashboard page → Page Settings → Advanced → Custom CSS
   ========================================================== */


/* =======================
   In Progress (Shortcode)
   ======================= */

.cl-ip-list{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.cl-ip-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:16px 18px;
  border-radius:14px;
  background:#ffffff;
  border:1px solid rgba(0,0,0,0.06);
}

.cl-ip-left{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0; /* allows title truncation */
}

.cl-ip-thumb{
  width:72px;
  height:72px;
  border-radius:14px;
  overflow:hidden;
  flex:0 0 72px;
  background:rgba(0,0,0,0.06);
}
.cl-ip-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.cl-ip-text{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.cl-ip-title{
  margin:0;
  font-weight:800;
  font-size:16px;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cl-ip-sub{
  margin:0;
  opacity:0.8;
  font-size:14px;
}

.cl-ip-right{
  display:flex;
  align-items:center;
  gap:16px;
  flex:0 0 auto;
}

.cl-ip-bar{
  position:relative;
  height:8px;
  width:160px;
  max-width:160px;
  border-radius:999px;
  background:rgba(0,0,0,0.08);
  overflow:hidden;
}
.cl-ip-bar span{
  position:absolute;
  left:0;
  top:0;
  height:100%;
  background:#A29BFE;
}

.cl-ip-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border-radius:10px;
  background:#A29BFE;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:600;
}
.cl-ip-btn:hover{ background:#2D3436; }

.cl-empty-state{
  padding:14px 16px;
  border-radius:12px;
  background:rgba(255,255,255,0.7);
  border:1px dashed rgba(0,0,0,0.15);
}

/* In Progress empty-state: style the "Browse Courses" link like a primary button */
.cl-empty-state a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  margin: 16px 0px 0px 0px;
  padding: 16px 016px 16px 16px;
  border-radius: 12px;
  background: #A29BFE;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 700;
}

/* Fallback: if it's not a <p>, bold the first text block in empty state */
.cl-empty-state > :first-child{
  font-weight: 800;
}

.cl-empty-state a:hover{
  background: #2D3436;
}

/* Responsive: stack nicely */
@media (max-width: 768px){
  .cl-ip-row{
    align-items:flex-start;
    flex-direction:column;
  }
  .cl-ip-right{
    width:100%;
    justify-content:space-between;
  }
  .cl-ip-bar{
    width:100%;
    max-width:none;
  }
    .cl-ip-left{
    width: 100%;
  }

  .cl-ip-text{
    width: 100%;
    min-width: 0;
  }

  .cl-ip-title{
    white-space: normal;          /* allow wrapping */
    overflow: hidden;             /* keep it inside card */
    text-overflow: unset;

    display: -webkit-box;         /* 2-line clamp */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    word-break: break-word;
  }

}


/* ==========================
   Completed Courses (Shortcode)
   Output classes: cl-cc-wrap, cl-cc-head, cl-cc-row, cl-cc-empty, etc.
   ========================== */

.cl-cc-wrap{
  display:block;
}

/* Header row */
.cl-cc-head{
  display:grid;
  grid-template-columns: minmax(260px, 1fr) 110px 170px 160px;
  gap:16px;
  font-weight:600;
  font-size:13px;
  opacity:0.7;
  padding: 8px 18px;
}

/* Data rows */
.cl-cc-row{
  display:grid;
  grid-template-columns: minmax(260px, 1fr) 110px 170px 160px;
  gap:16px;
  align-items:center;
  background:#fff;
  border-radius:16px;
  padding:16px 18px;
  margin:12px 0;
  border:1px solid rgba(0,0,0,0.06);
}

/* Make sure grid children can truncate properly */
.cl-cc-head .cl-cc-col,
.cl-cc-row .cl-cc-col{
  min-width:0;
}

/* Title cell (link) */
.cl-cc-course{
  color:inherit !important;
  text-decoration:none !important;
  font-weight:600;
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cl-cc-course:hover{
  text-decoration:underline !important;
}

/* Align certificate column nicely */
.cl-cc-head .cl-cc-cert,
.cl-cc-row .cl-cc-cert{
  justify-self:end;
}
.cl-cc-row .cl-cc-cert{
  display:flex;
  justify-content:flex-end;
}

/* Download button */
.cl-cc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:40px;
  padding:0 18px;
  border-radius:12px;
  background:#A29BFE;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:600;
  white-space:nowrap;
}
.cl-cc-btn:hover{ background:#2D3436; }

.cl-cc-muted{ opacity:0.6; }

/* Footer "View All" */
.cl-cc-footer{
  display:flex;
  justify-content:flex-end;
  margin-top:10px;
}
.cl-cc-viewall{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:40px;
  padding:0 16px;
  border-radius:10px;
  background:#fff;
  border:1px solid rgba(0,0,0,0.12);
  text-decoration:none !important;
  color:inherit;
  font-weight:600;
}
.cl-cc-viewall:hover{
  border-color: rgba(0,0,0,0.22);
}

/* Empty state */
.cl-cc-empty{
  background:#fff;
  border-radius:16px;
  padding:18px;
  border:1px dashed rgba(0,0,0,0.15);
}
.cl-cc-empty-title{
  font-weight:700;
  margin-bottom:6px;
}
.cl-cc-empty-sub{
  opacity:.75;
  margin-bottom:12px;
}
.cl-cc-browse{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:40px;
  padding:0 16px;
  border-radius:12px;
  background:#A29BFE;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:700;
}
.cl-cc-browse:hover{ background:#2D3436; }

/* Responsive (Completed): hide header, stack each row */
@media (max-width: 768px){
  .cl-cc-head{ display:none; }
  .cl-cc-row{
    grid-template-columns: 1fr;
    gap:10px;
  }
  .cl-cc-row .cl-cc-cert{
    justify-content:flex-start;
    justify-self:start;
  }
}

/* =========================
   COMPLETED COURSES — final table styling (cl-comp-*)
   Scope: only inside .cl-dash-completed
   ========================= */

.cl-dash-completed .cl-comp-table{
  width:100%;
}

/* 4-column grid for header + rows */
.cl-dash-completed .cl-comp-row{
  display:grid !important;
  grid-template-columns: minmax(320px, 1fr) 90px 170px 160px !important;
  gap: 20px;
  align-items:center;
}

/* Header row */
.cl-dash-completed .cl-comp-row.cl-comp-head{
  padding: 6px 18px 10px;
  margin: 0 0 6px 0;
}
.cl-dash-completed .cl-comp-row.cl-comp-head .cl-comp-cell{
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
  opacity: .7;
}

/* Data rows */
.cl-dash-completed .cl-comp-row:not(.cl-comp-head){
  background:#fff;
  border-radius:16px;
  padding: 14px 18px;
  margin: 10px 0;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.06) inset;
}

/* Cells */
.cl-dash-completed .cl-comp-cell{ min-width:0; }

/* Title cell + link truncation */
.cl-dash-completed .cl-comp-title{
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cl-dash-completed .cl-comp-title a{
  color: inherit;
  text-decoration: none;
}
.cl-dash-completed .cl-comp-title a:hover{
  text-decoration: underline;
}

/* Align numeric/date columns neatly */
.cl-dash-completed .cl-comp-row .cl-comp-cell:nth-child(2),
.cl-dash-completed .cl-comp-row .cl-comp-cell:nth-child(3){
  text-align: center;
}

/* Certificate column right aligned */
.cl-dash-completed .cl-comp-row .cl-comp-cell:last-child{
  justify-self: end;
  text-align: right;
}

/* Make the dash placeholders look intentional */
.cl-dash-completed .cl-comp-row:not(.cl-comp-head) .cl-comp-cell{
  color: rgba(0,0,0,0.78);
}
.cl-dash-completed .cl-comp-row:not(.cl-comp-head) .cl-comp-cell:where(:contains("—")){}

/* Download button (your markup uses .cl-download-cert) */
.cl-dash-completed .cl-download-cert a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 40px;
  padding: 0 18px;
  border-radius: 12px;
  background: #A29BFE;
  color: #fff;
  text-decoration:none;
  font-weight: 700;
  white-space: nowrap;
}
.cl-dash-completed .cl-download-cert a:hover{
  background:#2D3436;
}

/* Row hover (nice UX) */
.cl-dash-completed .cl-comp-row:not(.cl-comp-head):hover{
  box-shadow: 0 0 0 1px rgba(0,0,0,0.10) inset;
}

/* Mobile: stack rows */
@media (max-width: 768px){
  .cl-dash-completed .cl-comp-row.cl-comp-head{ display:none !important; }
  .cl-dash-completed .cl-comp-row{
    grid-template-columns: 1fr !important;
    gap: 10px;
  }
  .cl-dash-completed .cl-comp-row .cl-comp-cell:nth-child(2),
  .cl-dash-completed .cl-comp-row .cl-comp-cell:nth-child(3){
    text-align: left;
  }
  .cl-dash-completed .cl-comp-row .cl-comp-cell:last-child{
    justify-self: start;
    text-align: left;
  }
}


/* Fix: Recently Enrolled title overflow on mobile */
@media (max-width: 767px) {
  .cl-recently-enrolled-section .cl-ip-mid,
  .cl-recently-enrolled-section .cl-ip-meta,
  .cl-recently-enrolled-section .cl-ip-left {
    min-width: 0 !important; /* allow text column to shrink */
  }

  .cl-recently-enrolled-section .cl-ip-title,
  .cl-recently-enrolled-section .cl-ip-title a {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}/* End custom CSS */