.wpcm-container {
width: min(1140px, calc(100% - 32px));
margin: 0 auto;
}
.wpcm-archive-wrap,
.wpcm-single-wrap {
padding: 40px 0;
}
.wpcm-page-header {
margin-bottom: 24px;
}
.wpcm-course-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 24px;
}
.wpcm-course-card {
border: 1px solid #e5e7eb;
border-radius: 16px;
overflow: hidden;
background: #fff;
box-shadow: 0 8px 24px rgba(0,0,0,0.05);
}
.wpcm-course-card__thumb {
display: block;
aspect-ratio: 16 / 9;
background: #f5f5f5;
}
.wpcm-course-card__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.wpcm-course-card__placeholder {
width: 100%;
height: 100%;
min-height: 220px;
background: linear-gradient(135deg, #f3f4f6, #e5e7eb);
}
.wpcm-course-card__content {
padding: 18px;
}
.wpcm-course-card__title {
font-size: 22px;
line-height: 1.3;
margin: 0 0 10px;
}
.wpcm-course-card__title a {
color: inherit;
text-decoration: none;
}
.wpcm-course-card__excerpt {
margin: 0;
color: #4b5563;
}
.wpcm-single-course {
max-width: 860px;
margin: 0 auto;
}
.wpcm-single-course__header {
margin-bottom: 24px;
}
.wpcm-single-course__video {
margin-bottom: 24px;
}
.wpcm-single-course__video video {
width: 100%;
height: auto;
border-radius: 16px;
}
.wpcm-single-course__actions {
margin-top: 24px;
}
.wpcm-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 22px;
border-radius: 10px;
background: #111827;
color: #fff;
text-decoration: none;
font-weight: 600;
}
.wpcm-pagination {
margin-top: 32px;
}