/*
Theme Name: MEP Academy Udemy
Theme URI: https://mepacademy.in
Author: MEP Academy
Author URI: https://mepacademy.in
Description: Fast, SEO-friendly LMS theme styled in a Udemy-like layout. Designed for Tutor LMS Pro.
Version: 1.0.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mepacademy-udemy
Tags: education, lms, one-column, two-columns, custom-logo, custom-menu, blog, e-commerce
*/

/* Base reset */
:root{
  --mep-bg:#ffffff;
  --mep-text:#111827;
  --mep-muted:#6b7280;
  --mep-border:#e5e7eb;
  --mep-card:#ffffff;
  --mep-shadow: 0 6px 22px rgba(17,24,39,.08);
  --mep-radius: 14px;

  /* Brand */
  --mep-primary:#4f46e5;
  --mep-primary-2:#4338ca;
  --mep-accent:#10b981;

  /* Layout */
  --mep-container: 1200px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color:var(--mep-text);
  background:var(--mep-bg);
  line-height:1.55;
}
a{color:var(--mep-primary); text-decoration:none}
a:hover{color:var(--mep-primary-2); text-decoration:underline}

.mep-container{max-width:var(--mep-container); margin:0 auto; padding:0 18px}
.mep-row{display:flex; gap:18px}
.mep-col{flex:1}

.mep-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 16px; border-radius:12px;
  background:var(--mep-primary); color:#fff; font-weight:600;
  border:1px solid transparent;
}
.mep-btn:hover{background:var(--mep-primary-2); text-decoration:none}
.mep-btn--outline{background:transparent; color:var(--mep-primary); border-color:var(--mep-border)}
.mep-btn--outline:hover{background:#f3f4f6}

.mep-pill{display:inline-flex; gap:8px; align-items:center; padding:6px 10px; border-radius:999px; border:1px solid var(--mep-border); color:var(--mep-muted); font-size:13px}

.mep-card{
  background:var(--mep-card);
  border:1px solid var(--mep-border);
  border-radius:var(--mep-radius);
  box-shadow: var(--mep-shadow);
}

.mep-header{
  position:sticky; top:0; z-index:999;
  background:#fff; border-bottom:1px solid var(--mep-border);
}
.mep-header__inner{display:flex; align-items:center; gap:14px; padding:12px 0}
.mep-logo{display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.2px}
.mep-logo img{max-height:34px; width:auto; display:block}
.mep-nav{display:flex; align-items:center; gap:14px; margin-left:8px; flex:1}
.mep-nav .menu{display:flex; gap:14px; list-style:none; padding:0; margin:0}
.mep-nav .menu a{color:var(--mep-text); font-weight:600}
.mep-nav .menu a:hover{text-decoration:none; color:var(--mep-primary)}
.mep-actions{display:flex; align-items:center; gap:10px}

.mep-search{
  flex:1;
  display:flex; align-items:center; gap:10px;
  border:1px solid var(--mep-border);
  border-radius:999px;
  padding:10px 12px;
  background:#f9fafb;
  min-width: 220px;
}
.mep-search input{
  border:none; outline:none; background:transparent; width:100%;
  font-size:14px; color:var(--mep-text);
}
.mep-search button{border:none; background:transparent; cursor:pointer; color:var(--mep-muted)}

.mep-hero{
  padding:44px 0 22px;
}
.mep-hero__grid{display:grid; grid-template-columns: 1.2fr .8fr; gap:18px}
.mep-hero h1{font-size:42px; line-height:1.12; margin:0 0 10px}
.mep-hero p{margin:0 0 18px; color:var(--mep-muted); font-size:16px}
.mep-hero__box{padding:18px}
.mep-hero__bullets{display:grid; gap:10px; margin-top:10px}
.mep-hero__bullets div{display:flex; gap:10px; align-items:flex-start; color:var(--mep-muted)}
.mep-hero__bullets strong{color:var(--mep-text)}

.mep-section{padding:22px 0}
.mep-section h2{font-size:22px; margin:0 0 12px}
.mep-grid{display:grid; grid-template-columns: repeat(4, 1fr); gap:18px}

.mep-course-card{overflow:hidden}
.mep-course-card__thumb{aspect-ratio: 16/9; background:#f3f4f6}
.mep-course-card__thumb img{width:100%; height:100%; object-fit:cover; display:block}
.mep-course-card__body{padding:14px}
.mep-course-card__title{font-weight:800; color:var(--mep-text); margin:0 0 6px; font-size:15px}
.mep-course-card__meta{display:flex; flex-wrap:wrap; gap:8px; align-items:center; color:var(--mep-muted); font-size:13px}
.mep-course-card__price{margin-top:10px; display:flex; align-items:center; justify-content:space-between}
.mep-course-card__price strong{font-size:16px}
.mep-course-card:hover{transform: translateY(-2px)}
.mep-course-card{transition: transform .15s ease, box-shadow .15s ease}

.mep-layout{
  padding:18px 0 30px;
}
.mep-sidebar{
  width: 320px;
  position:sticky;
  top: 76px;
  align-self:flex-start;
}
.mep-content{flex:1}

.mep-footer{
  border-top:1px solid var(--mep-border);
  padding:26px 0;
  background:#fff;
  color:var(--mep-muted);
}
.mep-footer a{color:var(--mep-text); font-weight:600}

@media (max-width: 980px){
  .mep-hero__grid{grid-template-columns: 1fr}
  .mep-grid{grid-template-columns: repeat(2, 1fr)}
  .mep-row{flex-direction:column}
  .mep-sidebar{position:relative; top:auto; width:auto}
  .mep-nav{display:none}
  .mep-search{min-width: 0}
  .mep-hero h1{font-size:34px}
}
@media (max-width: 520px){
  .mep-grid{grid-template-columns: 1fr}
}

/* Tutor LMS cosmetic polish (works with Tutor LMS free/pro) */
.tutor-wrap{max-width: var(--mep-container); margin:0 auto; padding:0 18px}
.tutor-course-archive-wrap, .tutor-course-single{padding: 18px 0}
.tutor-course-header, .tutor-single-course-header{border:1px solid var(--mep-border); border-radius: var(--mep-radius); box-shadow: var(--mep-shadow); overflow:hidden}
.tutor-single-course-sidebar .tutor-course-sidebar-card{
  border:1px solid var(--mep-border) !important;
  border-radius: var(--mep-radius) !important;
  box-shadow: var(--mep-shadow) !important;
}
.tutor-btn, .tutor-button, .tutor-btn-primary{
  border-radius:12px !important;
}