/* Coursera-like course cards */
ul.products li.product a{ display:block; }
.mogwex-course{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  overflow:hidden;
  box-shadow: 0 2px 6px rgba(0,0,0,.06);
  transition: box-shadow .25s ease, transform .25s ease;
}
.mogwex-course:hover{ box-shadow: 0 12px 28px rgba(0,0,0,.12); transform: translateY(-2px); }

.mogwex-course__media{ aspect-ratio: 16/9; overflow:hidden; }
.mogwex-course__img{ width:100%; height:100%; object-fit:cover; display:block; }

.mogwex-course__body{ padding:12px 14px 14px; }
.mogwex-course__title{
  font-size: clamp(1rem, 1.8vw, 1.15rem);
  line-height:1.3;
  font-weight:800;
  margin: 0 0 6px;
  color:#111;
}
.mogwex-course__desc{
  font-size:.92rem;
  color:#444;
  margin-bottom:8px;
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow:hidden;
}
.mogwex-course__meta{ display:flex; align-items:center; gap:6px; font-size:.85rem; color:#333; margin-bottom:8px; }
.mogwex-course__rating .star-rating{ margin:0; transform: scale(.9); transform-origin:left center; }
.mogwex-course__rcount{ opacity:.75; }
.mogwex-course__dot{ opacity:.35; padding:0 2px; }

/* Price: respect Woo HTML (del/ins) */
.mogwex-course__price{ font-size:1rem; font-weight:700; color:#111; }
.mogwex-course__price del{ opacity:.55; font-weight:500; margin-right:6px; }
.mogwex-course__price ins{ text-decoration:none; }

/* Remove default extras that we replaced */
ul.products li.product .button{ display:none !important; } /* hide add-to-cart in loop */
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .price,
ul.products li.product .star-rating{ display:none !important; }

/* Modality pills */
.mogwex-course__pills{ display:flex; flex-wrap:wrap; gap:6px; margin: 4px 0 6px; }
.mogwex-pill{
  display:inline-block;
  padding:4px 8px;
  border-radius:999px;
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.2px;
  line-height:1;
  border:1px solid rgba(0,0,0,.08);
  background:#f6f7f9;
  color:#111;
}
/* Themed variants */
.mogwex-pill--webinar{ background:#e6f4ff; border-color:#cfe8ff; color:#0b63b6; }
.mogwex-pill--fad{ background:#e8fff3; border-color:#c8f7e1; color:#137a4d; }
.mogwex-pill--in-aula{ background:#fff2e6; border-color:#ffe1c7; color:#ad5b00; }

/* Hide Flatsome default tile when custom card is present */
ul.products li.product .product-small .box,
ul.products li.product .product-small .box-image,
ul.products li.product .product-small .box-text,
ul.products li.product .badge-container,
ul.products li.product a.woocommerce-LoopProduct-link{ display:none !important; }
.mogwex-course__link{ display:block; text-decoration:none; color:inherit; }

/* v1.4.3: template override active; default theme tile is not rendered. */


/* Sale badge overlay */
.mogwex-course{ position:relative; }
.badge-container.absolute{ position:absolute; }
.badge-container.left{ left:10px; }
.badge-container.top{ top:10px; }
.badge-container.z-1{ z-index:3; }
.badge-container .badge-inner.on-sale{
  display:inline-block;
  padding:6px 8px;
  border-radius:6px;
  background:#d26e4b;
  color:#fff;
  font-weight:700;
  font-size:.82rem;
  box-shadow:0 4px 10px rgba(0,0,0,.2);
}

/* Responsive grid: 2 cols mobile, 3 cols desktop */


@media (min-width: 1024px){
  
}


/* v1.4.6: badge inside the image */
.mogwex-course__media{ position:relative; }
.mogwex-course__media .badge-container{ position:absolute; left:10px; top:10px; z-index:3; }

/* Hard override 3/2 grid */


@media (min-width: 1024px){
  
}


/* v1.4.7: kill theme sale badge and list bullets */





/* v1.4.8: aggressive hide of any theme badges/dots in loop */
ul.products li.product .badge-container:not(.mogwex-sale-badge),
ul.products li.product .onsale,
ul.products li.product .sale-badge,
ul.products li.product .is-dot,
ul.products li.product .dot,
ul.products li.product .flickity-page-dots{ display:none !important; }


/* v1.4.9: nuke bullet marker when Flatsome uses <div class="products"> with <li> children */
.products li.product{ list-style:none !important; display:block !important; margin-left:0 !important; }
.products li.product::marker{ content: none !important; }
.products{ list-style:none !important; padding-left:0 !important; }


/* v1.5.0: Let Flatsome control columns; just ensure our LI behaves */
.products{ list-style:none !important; padding-left:0 !important; }
.products li.product{ list-style:none !important; margin:0 0 1.2rem 0 !important; width:auto !important; }
.products li.product::marker{ content:none !important; }