/* ==============================================
   ME3MARGI — TUTOR LMS (COURSES GRID & SINGLE)
   - Course archive cards + single UI bits
   - Thumbnails, title clamp, price, CTA
   - Sale badge
   - Archive filter/sidebar polish
   - Fallback styles for legacy .tutor-card markup
   ============================================== */

/* ---- Design tokens ---- */
:root{
  --mmg-orange:#FFA300;
  --mmg-black:#2D2926;
  --mmg-text:#2A2F36;
  --mmg-muted:#63666A;
  --mmg-radius:14px;
  --mmg-shadow:0 8px 24px rgba(0,0,0,.08);

  --mmg-card-pad:18px;
  --mmg-thumb-ratio:4/3;   /* change to 16/9 or 1/1 if you prefer */
  --mmg-title-size:18px;
  --mmg-title-lines:2;     /* clamp line count */
}

/* ==============================================
   COURSE CARDS (Tutor LMS archive grid)
   ============================================== */

.tutor-course-card{
  border-radius:var(--mmg-radius);
  overflow:hidden;
  background:#fff;
  box-shadow:var(--mmg-shadow);
  transition:transform .18s, box-shadow .2s;
  min-height:100%;
}
.tutor-course-card:hover{ transform:translateY(-2px); }

/* Thumbnail */
.tutor-course-thumbnail,
.tutor-course-card .tutor-ratio.tutor-ratio-16x9{
  aspect-ratio:var(--mmg-thumb-ratio) !important;
  display:block;
  overflow:hidden;
  margin:0;
}
.tutor-course-thumbnail img{
  width:100%; height:100%; object-fit:cover; display:block;
}

/* Body + Title */
.tutor-course-card .tutor-card-body{
  padding:var(--mmg-card-pad) var(--mmg-card-pad) 12px;
}
.tutor-course-title,
.tutor-course-title a{
  color:var(--mmg-text);
  font-weight:700;
  font-size:var(--mmg-title-size);
  text-decoration:none;
  display:-webkit-box;
  -webkit-line-clamp:var(--mmg-title-lines);
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Trim noisy meta you don’t want on the card */
.tutor-course-card .tutor-course-author,
.tutor-course-card .tutor-course-level,
.tutor-course-card .tutor-card-rating,
.tutor-course-card .tutor-course-bookmark,
.tutor-course-card .tutor-course-loop-category{
  display:none !important;
}

/* REMOVE author + meta line */
.tutor-course-card .tutor-course-author,
.tutor-course-card .tutor-course-loop-meta,
.tutor-course-card .tutor-loop-author,
.tutor-course-card .tutor-meta,
.tutor-course-card .tutor-course-level,
.tutor-course-card .tutor-card-rating,
.tutor-course-card .tutor-course-bookmark,
.tutor-course-card .tutor-course-duration,
.tutor-course-card .tutor-course-students {
    display: none !important;
}

/* Footer: price + CTA aligned */
.tutor-course-card .tutor-card-footer{
  display:flex; align-items:center; justify-content:space-between;
  padding:0 var(--mmg-card-pad) var(--mmg-card-pad);
  gap:12px; border-top:0;
}
.tutor-course-card .tutor-course-loop-price,
.tutor-course-card .price{
  color:var(--mmg-text); font-weight:700;
}

/* CTA pill (Tutor + Woo Add to Cart + View Cart) */
.tutor-course-card .tutor-card-footer .tutor-btn,
.tutor-course-card .tutor-card-footer .tutor-btn-primary,
.tutor-course-card .tutor-card-footer a.add_to_cart_button,
.tutor-course-card .tutor-card-footer a.added_to_cart{
  background:var(--mmg-orange) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:999px !important;
  padding:10px 18px !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center;
  gap:6px;
  box-shadow:none !important;
  transition:transform .15s, background .2s, box-shadow .2s;
}
.tutor-course-card .tutor-card-footer .tutor-btn:hover,
.tutor-course-card .tutor-card-footer a.add_to_cart_button:hover,
.tutor-course-card .tutor-card-footer a.added_to_cart:hover{
  background:var(--mmg-black) !important;
  transform:translateY(-1px);
  box-shadow:var(--mmg-shadow);
}

/* Sale badge */
.tutor-course-card .price-discounted{
  position:absolute; top:10px; left:10px;
  background:rgba(45,41,38,.85);
  color:#fff;
  border-radius:8px;
  padding:6px 8px;
  font-weight:600;
  font-size:12px;
}

/* ==============================================
   ARCHIVE FILTER / SIDEBAR POLISH
   ============================================== */

.tutor-archive-page .tutor-course-filter-wrap,
.tutor-course-filter-sidebar,
.tutor-course-filter-area{
  background:#fff !important;
  border:4px solid #000000 !important;
  border-radius:12px !important;
  padding:18px 16px !important;
  box-shadow:0 4px 14px rgba(0,0,0,.04) !important;
}
.tutor-archive-page .tutor-course-filter-wrap h4,
.tutor-course-filter-area h4,
.tutor-course-filter-sidebar h4{
  font:700 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto !important;
  color:#2D2926 !important;
  margin:0 0 10px !important;
  text-transform:uppercase !important;
  letter-spacing:.5px !important;
}
.tutor-archive-page .tutor-course-filter-wrap ul,
.tutor-course-filter-area ul{
  list-style:none !important; margin:0 0 16px !important; padding:0 !important;
}
.tutor-archive-page .tutor-course-filter-wrap li{ margin-bottom:8px !important; }
.tutor-archive-page .tutor-course-filter-wrap label,
.tutor-course-filter-area label{
  cursor:pointer !important; color:#63666A !important; font-size:14px !important; font-weight:500 !important;
  display:flex !important; align-items:center !important; gap:8px !important; transition:color .2s ease !important;
}
.tutor-archive-page .tutor-course-filter-wrap label:hover{ color:#2D2926 !important; }
.tutor-archive-page .tutor-course-filter-wrap input[type="checkbox"],
.tutor-archive-page .tutor-course-filter-wrap input[type="radio"]{
  accent-color:var(--mmg-orange); width:16px; height:16px;
}
.tutor-archive-page .tutor-course-filter-wrap input[type="search"]{
  width:100% !important; border:1px solid #E8E8EA !important; border-radius:999px !important;
  padding:10px 14px !important; font-size:14px !important; margin-bottom:14px !important;
}
.tutor-archive-page .tutor-course-filter-wrap .tutor-filter-reset{
  background:var(--mmg-orange) !important; color:#2D2926 !important;
  border:none !important; border-radius:999px !important;
  padding:8px 14px !important; font-weight:700 !important; font-size:13px !important;
}
.tutor-archive-page .tutor-course-filter-wrap .tutor-filter-reset:hover{ background:#ffb733 !important; }

/* Sort dropdown alignment/spacing */
.tutor-course-filter-order{ margin-left:auto !important; }
tutor-course-filter-order select,
.tutor-course-filter-order select{
  border:1px solid #E8E8EA !important; border-radius:10px !important; padding:8px 12px !important;
  font-size:14px !important; background:#fff !important;
}

/* ==============================================
   FALLBACK (legacy .tutor-card markup used by some templates)
   ============================================== */

.tutor-card{
  border:1px solid #EEE;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
  transition:transform .2s, box-shadow .2s;
}
.tutor-card:hover{ transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,.10); }
.tutor-card .tutor-course-thumbnail img{ aspect-ratio:16/10; object-fit:cover; width:100%; }
.tutor-card .tutor-card-body{ padding:16px 16px 12px; }
.tutor-card .tutor-course-name{
  color:#2D2926; font-weight:800; font-size:18px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:50px;
}

/* Footer spacing helpers for legacy card */
.tutor-card .tutor-card-footer{
  margin-top:auto; padding:0 16px 16px;
  display:flex; flex-direction:column; justify-content:flex-end; min-height:70px;
}
.tutor-card .tutor-course-price{ margin-bottom:10px !important; display:block; }

/* ==============================================
   RESPONSIVE
   ============================================== */

@media (max-width:1024px){
  .tutor-archive-page .tutor-course-filter-wrap{ position:static; }
}
@media (max-width:767px){
  .tutor-card{ border-radius:12px; }
  .tutor-card .tutor-card-body{ padding:14px; }
}