/* Academy Landing Page Styles — loaded for all visitors on the Member Dashboard page */

.woo-reseller-academy { margin-top: 2rem; }
.woo-reseller-academy > * + * { margin-top: 1.5rem; }

/* Welcome heading */
.woo-reseller-academy-welcome { text-align: center; }
.woo-reseller-academy-welcome h2 {
    font-size: 1.75rem; font-weight: 700;
    color: var(--wr-text-primary);
    margin: 0;
}

/* Account Settings link */
.woo-reseller-academy-top-bar {
    display: flex; justify-content: flex-end; margin-bottom: 0.5rem;
}
.woo-reseller-academy-account-link {
    display: inline-flex; align-items: center; gap: 0.375rem;
    font-size: 0.875rem; color: var(--wr-text-secondary);
    text-decoration: none; padding: 0.375rem 0.75rem;
    border-radius: 0.375rem; transition: background 0.2s, color 0.2s;
}
.woo-reseller-academy-account-link:hover {
    background: var(--wr-border); color: var(--wr-text-primary);
}

/* Page content area */
.woo-reseller-academy-content {
    padding: 1.5rem 0; line-height: 1.7;
}
.woo-reseller-academy-content h3 {
    font-size: 1.5rem; font-weight: 700; color: var(--wr-text-primary);
    text-align: center; margin-bottom: 1.5rem;
}
.woo-reseller-academy-content > p {
    text-align: center; color: var(--wr-text-secondary);
    max-width: 600px; margin: 0 auto 1.5rem;
}
.woo-reseller-academy-content a { color: var(--wr-primary, #2563eb); }

/* ── Course Menu Cards ── */
.academy-courses {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
    margin: 1.5rem 0;
}
@media (max-width: 768px) {
    .academy-courses { grid-template-columns: 1fr; }
}

.academy-card {
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    overflow: hidden;
    background: #fff;
    transition: box-shadow 0.2s, transform 0.2s;
}
.academy-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}

/* Card header — accent colors per category */
.academy-card-header {
    padding: 0.75rem 1rem;
    font-size: 0.9rem; font-weight: 700;
    letter-spacing: 0.03em; color: #fff;
    display: flex; align-items: center; gap: 0.5rem;
}
.academy-card-header svg { width: 1rem; height: 1rem; flex-shrink: 0; }

.academy-card--cert      .academy-card-header { background: #4a6cf7; }
.academy-card--noncert   .academy-card-header { background: #0d9488; }
.academy-card--ongoing   .academy-card-header { background: #7c3aed; }
.academy-card--advanced  .academy-card-header { background: #c026d3; }
.academy-card--leadership .academy-card-header { background: #dc2626; }
.academy-card--business  .academy-card-header { background: #ea580c; }

/* Card body — course list */
.academy-card-body { padding: 0.75rem 1.25rem; }
.academy-card-body ul {
    list-style: none; padding: 0; margin: 0;
}
.academy-card-body li {
    padding: 0.4rem 0; border-bottom: 1px solid #f1f5f9;
    font-size: 0.875rem; color: var(--wr-text-primary);
}
.academy-card-body li:last-child { border-bottom: none; }
.academy-card-body li a {
    color: var(--wr-text-primary); text-decoration: none; transition: color 0.15s;
}
.academy-card-body li a:hover {
    color: var(--wr-primary, #2563eb); text-decoration: underline;
}

/* Shop button */
.woo-reseller-academy-shop-button {
    display: flex; justify-content: center; padding: 2rem 0 1rem;
}
.woo-reseller-academy-shop-button a {
    display: inline-flex; align-items: center; gap: 0.5rem;
    background: var(--wr-success, #16a34a); color: #fff;
    font-size: 1.125rem; font-weight: 600;
    padding: 0.875rem 2.5rem; border-radius: 0.5rem;
    text-decoration: none; transition: opacity 0.2s;
}
.woo-reseller-academy-shop-button a:hover { opacity: 0.9; }

/* Icon sizing */
.woo-reseller-icon { width: 1.25rem; height: 1.25rem; }