/* GKTuition account & purchase funnel — My Account additions (matches the Class Feed schoolbook look) */

/* ── Feature 1: post-purchase welcome banner ── */
.gkt-af-welcome{background:linear-gradient(135deg,#1f4068,#6b2d8e);color:#fff;border-radius:14px;padding:15px 18px;margin:0 0 18px;font-size:15px}
.gkt-af-welcome b{font-family:Georgia,serif}

/* ── Feature 1 (funnel/01, 2026-07-14): dismissible banner + per-card feed button ──
   Mobile-first. The old standalone .gkt-af-feeds card block is retired (each course
   card now carries its own Class Feed button); its rules stay for cache-grace. */
.gkt-af-welcome{display:flex;align-items:flex-start;gap:12px}
.gkt-af-welcome-msg{flex:1;min-width:0}
.gkt-af-welcome-order{display:block;font-size:12.5px;opacity:.85;margin-top:5px}
.gkt-af-welcome-x{flex:none;background:none;border:0;color:#fff;font-size:24px;line-height:1;cursor:pointer;padding:0 2px;opacity:.75}
.gkt-af-welcome-x:hover{opacity:1}
.gkt-account-card__actions{display:flex;flex-direction:column;gap:9px;align-items:stretch}
.gkt-account-card__actions .gkt-btn{text-align:center;white-space:nowrap}
.gkt-account .gkt-af-feed-btn{border-color:#cdb6da;color:#8a3f9e !important;background:#faf7fc}
.gkt-account .gkt-af-feed-btn:hover{border-color:#8a3f9e}
@media(min-width:641px){.gkt-account-card__actions{flex-direction:row;align-items:center}}

/* ── Feature 1: Class Feed card(s) ── */
.gkt-af-feeds{margin:6px 0 22px}
.gkt-af-feed-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #cdb6da;border-left:5px solid #8a3f9e;border-radius:14px;box-shadow:0 5px 18px rgba(34,26,58,.05);padding:16px 18px;margin-bottom:12px;flex-wrap:wrap}
.gkt-af-feed-icon{width:42px;height:42px;border-radius:50%;background:#f3eef7;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}
.gkt-af-feed-body{flex:1;min-width:220px}
.gkt-af-feed-title{font-family:Georgia,serif;font-weight:700;font-size:17px;color:#221a3a;margin-bottom:3px}
.gkt-af-feed-body p{margin:0;font-size:14px;color:#6b6b76}
.gkt-af-feed-go{flex:none}
.gkt-af-feeds .gkt-btn--solid,.gkt-af-upsell .gkt-btn--solid{background:#8a3f9e;color:#fff;border:1.5px solid #8a3f9e;border-radius:10px;padding:11px 22px;font-weight:600;text-decoration:none;display:inline-block}

/* ── Feature 2: no-course upsell panel ── */
.gkt-af-upsell{background:#fff;border:1px solid #e8e2d4;border-radius:14px;box-shadow:0 5px 18px rgba(34,26,58,.06);padding:24px 22px;margin:6px 0 22px}
.gkt-af-upsell-head h3{font-family:Georgia,serif;margin:0 0 4px;font-size:22px}
.gkt-af-upsell-head p{margin:0 0 12px;color:#6b6b76}
.gkt-af-unlock{list-style:none;margin:0 0 16px;padding:0}
.gkt-af-unlock li{padding:6px 0;border-bottom:1px dashed #e8e2d4;font-size:15px}
.gkt-af-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0 0 16px}
.gkt-af-choice{display:flex;flex-direction:column;gap:2px;background:#faf8f3;border:1.5px solid #e8e2d4;border-radius:12px;padding:14px;text-decoration:none;transition:border-color .15s}
.gkt-af-choice:hover{border-color:#8a3f9e}
.gkt-af-choice-name{font-weight:700;color:#221a3a;font-size:16px}
.gkt-af-choice-pitch{font-size:12px;color:#6b6b76}
.gkt-af-choice-go{font-size:13px;font-weight:600;color:#8a3f9e;margin-top:6px}
.gkt-af-upsell-actions{margin:0 0 10px}
.gkt-af-free{font-size:13px;color:#6b6b76;margin:0}
.gkt-af-free a{color:#8a3f9e;font-weight:600}