/* ============================================================
   Rakan Creative Writing Platform — only the ADDITIONS to
   author-page.css (founder card, courses, awards, reviews,
   per-writing author chip). All rules are scoped under .rk-page
   so they never bleed into any other page.
   ============================================================ */

.rk-page { --rk-primary:#6366f1; --rk-primary-2:#a855f7; --rk-accent:#f59e0b; --rk-green:#16a34a; --rk-wa:#25D366; --rk-card:#fff; --rk-border:#e2e8f0; --rk-muted:#64748b; --rk-text:#0f172a; }
body.dark-mode .rk-page { --rk-card:#1e293b; --rk-border:#334155; --rk-muted:#94a3b8; --rk-text:#e2e8f0; }

/* keep the tab bar scrollable when more tabs are added */
.rk-page .tabs { overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; }
.rk-page .tabs::-webkit-scrollbar { display:none; }
.rk-page .tabs .tbtn { white-space:nowrap; }

/* --- per-writing author chip in wcard header --- */
.rk-page .wcard .wcard-header { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; }
.rk-page .rk-writing-author { display:inline-flex; align-items:center; gap:4px; font-size:.78rem; font-weight:700; color:#4338ca; background:#eef2ff; padding:4px 10px; border-radius:999px; max-width:60%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.dark-mode .rk-page .rk-writing-author { background:#312e81; color:#c7d2fe; }

/* --- About panel: vision/mission/slogan row --- */
.rk-page .rk-cards-row { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:14px; margin:14px 0; }
.rk-page .rk-mini-card { background:var(--rk-card); border:1px solid var(--rk-border); border-radius:18px; padding:18px; display:flex; flex-direction:column; gap:8px; box-shadow:0 1px 2px rgba(15,23,42,.04); transition:transform .25s ease, box-shadow .25s ease; }
.rk-page .rk-mini-card:hover { transform:translateY(-3px); box-shadow:0 12px 30px -12px rgba(99,102,241,.25); }
.rk-page .rk-mini-icon { width:42px; height:42px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.25rem; }
.rk-page .rk-mini-card h4 { margin:0; font-size:1.05rem; font-weight:800; color:var(--rk-text); }
.rk-page .rk-mini-card p { margin:0; color:var(--rk-muted); font-size:.92rem; line-height:1.85; }

/* --- Founder sub-card (lives inside the About panel) --- */
.rk-page .rk-founder-card { background:linear-gradient(135deg,#fafbff 0%, #fdf4ff 100%); border:1px solid var(--rk-border); border-radius:18px; padding:18px; }
body.dark-mode .rk-page .rk-founder-card { background:linear-gradient(135deg,#1a2236 0%, #2a1740 100%); }
.rk-page .rk-founder-head { display:flex; gap:18px; align-items:center; margin-bottom:16px; flex-wrap:wrap; }
.rk-page .rk-founder-head > div:last-child { flex:1; min-width:200px; }
.rk-page .rk-founder-avatar { width:140px; height:140px; border-radius:24px; background:linear-gradient(135deg,#6366f1,#a855f7); color:#fff; display:flex; align-items:center; justify-content:center; font-size:3rem; font-weight:800; flex-shrink:0; overflow:hidden; }
.rk-page .rk-founder-avatar img { width:100%; height:100%; object-fit:cover; display:block; }
.rk-page .rk-founder-name { margin:0 0 4px; font-size:1.35rem; font-weight:800; color:var(--rk-text); }
.rk-page .rk-founder-role { margin:0 0 10px; color:var(--rk-muted); font-size:.92rem; line-height:1.7; }
.rk-page .rk-founder-chips { display:flex; gap:6px; flex-wrap:wrap; }
.rk-page .rk-chip { display:inline-flex; align-items:center; gap:4px; background:#eef2ff; color:#4338ca; font-size:.76rem; font-weight:600; padding:5px 10px; border-radius:999px; }
body.dark-mode .rk-page .rk-chip { background:#312e81; color:#c7d2fe; }
.rk-page .rk-founder-bio { color:var(--rk-text); line-height:2; font-size:.94rem; margin:0 0 10px; opacity:.92; }
.rk-page .rk-founder-works { margin-top:14px; padding-top:14px; border-top:1px dashed var(--rk-border); }
.rk-page .rk-founder-works h4 { margin:0 0 10px; font-size:.95rem; color:var(--rk-text); display:flex; align-items:center; gap:6px; }
.rk-page .rk-works-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:10px; }
.rk-page .rk-work { display:flex; gap:10px; align-items:center; background:var(--rk-card); border:1px solid var(--rk-border); border-radius:14px; padding:10px 12px; }
.rk-page .rk-work i { font-size:1.4rem; color:var(--rk-primary); flex-shrink:0; }
.rk-page .rk-work strong { display:block; font-size:.88rem; color:var(--rk-text); }
.rk-page .rk-work span { display:block; font-size:.74rem; color:var(--rk-muted); margin-top:2px; }

/* --- Single Course panel --- */
.rk-page .rk-course-hero { display:flex; gap:18px; align-items:flex-start; background:linear-gradient(135deg,#eef2ff 0%, #fdf4ff 100%); border:1px solid var(--rk-border); border-radius:22px; padding:22px; margin-bottom:18px; flex-wrap:wrap; }
body.dark-mode .rk-page .rk-course-hero { background:linear-gradient(135deg,#1e1b4b 0%, #3b0764 100%); }
.rk-page .rk-course-hero-icon { width:64px; height:64px; border-radius:18px; background:linear-gradient(135deg,#6366f1,#a855f7); color:#fff; display:flex; align-items:center; justify-content:center; font-size:1.9rem; flex-shrink:0; box-shadow:0 12px 30px -12px rgba(99,102,241,.55); }
.rk-page .rk-course-hero-body { flex:1; min-width:240px; }
.rk-page .rk-course-badge { display:inline-flex; align-items:center; gap:5px; background:#dcfce7; color:#166534; font-weight:700; font-size:.78rem; padding:5px 10px; border-radius:999px; margin-bottom:8px; }
body.dark-mode .rk-page .rk-course-badge { background:#14532d; color:#bbf7d0; }
.rk-page .rk-course-hero-title { margin:0 0 8px; font-size:1.25rem; font-weight:800; color:var(--rk-text); line-height:1.5; }
.rk-page .rk-course-hero-desc { margin:0; color:var(--rk-muted); line-height:1.95; font-size:.94rem; }
.rk-page .rk-course-syllabus { background:var(--rk-card); border:1px solid var(--rk-border); border-radius:18px; padding:22px; margin-bottom:18px; box-shadow:0 1px 2px rgba(15,23,42,.04); }
.rk-page .rk-course-syllabus h3 { margin:0 0 16px; font-size:1.1rem; color:var(--rk-text); display:flex; align-items:center; gap:8px; padding-bottom:12px; border-bottom:1px dashed var(--rk-border); }
.rk-page .rk-course-list { list-style:none; padding:0; margin:0; counter-reset:rk-syl; display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; }
.rk-page .rk-course-list li { counter-increment:rk-syl; display:flex; align-items:center; gap:12px; padding:14px 16px; background:linear-gradient(135deg,#fafbff,#f8f5ff); border:1px solid var(--rk-border); border-radius:14px; font-size:.94rem; color:var(--rk-text); line-height:1.6; font-weight:600; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; position:relative; }
body.dark-mode .rk-page .rk-course-list li { background:linear-gradient(135deg,#1a2236,#231a3a); }
.rk-page .rk-course-list li::before { content:counter(rk-syl, decimal-leading-zero); display:flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:10px; background:linear-gradient(135deg,#6366f1,#a855f7); color:#fff; font-size:.85rem; font-weight:800; flex-shrink:0; font-family:'Cairo',sans-serif; }
.rk-page .rk-course-list li:hover { transform:translateY(-2px); box-shadow:0 10px 24px -14px rgba(99,102,241,.35); border-color:#c7d2fe; }
.rk-page .rk-course-list li i { display:none; }
@media (max-width: 640px) {
  .rk-page .rk-course-list { grid-template-columns:1fr; }
  .rk-page .rk-course-syllabus { padding:18px; }
  .rk-page .rk-course-list li { padding:12px 14px; font-size:.9rem; }
}
.rk-page .rk-course-cta-main { display:flex; align-items:center; justify-content:center; gap:8px; background:var(--rk-wa); color:#fff; font-weight:800; padding:14px 24px; border-radius:16px; text-decoration:none; font-size:1.02rem; box-shadow:0 12px 30px -10px rgba(37,211,102,.55); transition:filter .2s, transform .25s; }
.rk-page .rk-course-cta-main:hover { filter:brightness(1.08); transform:translateY(-2px); }
.rk-page .rk-course-cta-main i { font-size:1.3rem; }
@media (max-width: 640px) {
  .rk-page .rk-course-cta-main { padding:12px 18px; font-size:.95rem; }
  .rk-page .rk-course-cta-main i { font-size:1.15rem; }
}

/* --- Awards & Reviews shared section head --- */
.rk-page .rk-section-head { margin-bottom:16px; }
.rk-page .rk-section-head h2 { margin:0 0 6px; font-size:1.2rem; color:var(--rk-text); display:flex; align-items:center; gap:8px; }
.rk-page .rk-section-head p { margin:0; color:var(--rk-muted); font-size:.92rem; line-height:1.85; }

/* --- Awards grid ---
   .rk-award-card carries `acert-wrap` so protect.js allows clicks. Override
   the author-page.css rules that would clip the card to 140px. */
.rk-page .rk-awards-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:16px; }
.rk-page .rk-awards-grid .rk-award-card.acert-wrap { background:var(--rk-card) !important; border:1px solid var(--rk-border); border-radius:18px; overflow:hidden !important; height:auto !important; box-shadow:0 1px 2px rgba(15,23,42,.04); transition:transform .25s ease, box-shadow .25s ease; cursor:default; filter:none !important; }
.rk-page .rk-awards-grid .rk-award-card.acert-wrap:hover { transform:translateY(-3px); box-shadow:0 14px 34px -14px rgba(245,158,11,.3); filter:none !important; }
.rk-page .rk-awards-grid .rk-award-card.acert-wrap:active { transform:none; filter:none !important; }
.rk-page .rk-awards-grid .rk-award-card.acert-wrap > img.rk-award-img { width:100% !important; height:auto !important; aspect-ratio:4/3; object-fit:cover !important; object-position:center !important; cursor:zoom-in; background:#f1f5f9; display:block !important; }
.rk-page .rk-award-body { padding:14px 16px; }
.rk-page .rk-award-year { display:inline-block; background:#fef3c7; color:#92400e; font-weight:700; font-size:.74rem; padding:3px 10px; border-radius:999px; margin-bottom:8px; }
body.dark-mode .rk-page .rk-award-year { background:#78350f; color:#fde68a; }
.rk-page .rk-award-title { margin:0 0 6px; font-size:.95rem; color:var(--rk-text); font-weight:800; line-height:1.55; }
.rk-page .rk-award-desc { margin:0; color:var(--rk-muted); font-size:.82rem; line-height:1.75; }

/* --- Reviews image gallery (small thumbs, FULL image shown — click to enlarge) ---
   Override author-page.css `.acert-wrap` (which clips to 140px height with object-fit:cover).
   The acert-wrap class itself stays so protect.js whitelists the click. */
.rk-page .rk-reviews-grid { display:flex; flex-wrap:wrap; gap:14px; justify-content:flex-start; }
.rk-page .rk-reviews-grid .rk-review-img-wrap.acert-wrap { background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; border-radius:0 !important; flex:0 0 auto; width:160px; height:auto !important; overflow:visible !important; cursor:zoom-in; }
.rk-page .rk-reviews-grid .rk-review-img-wrap.acert-wrap:hover { transform:none; box-shadow:none; filter:none; }
.rk-page .rk-reviews-grid .rk-review-img-wrap.acert-wrap > img.rk-review-img { width:100% !important; height:auto !important; max-width:100% !important; object-fit:initial !important; object-position:initial !important; display:block !important; border-radius:8px; transition:opacity .2s ease; cursor:zoom-in; }
.rk-page .rk-reviews-grid .rk-review-img-wrap.acert-wrap > img.rk-review-img:hover { opacity:.9; }
@media (max-width: 640px) {
  .rk-page .rk-reviews-grid { gap:10px; }
  .rk-page .rk-reviews-grid .rk-review-img-wrap.acert-wrap { width:calc(50% - 5px); }
}

/* --- Responsive tweaks --- */
@media (max-width: 640px) {
  .rk-page .rk-founder-head { flex-direction:column; align-items:stretch; text-align:center; gap:14px; }
  .rk-page .rk-founder-head > div:last-child { min-width:0; }
  .rk-page .rk-founder-avatar { width:62%; max-width:260px; height:auto; aspect-ratio:1/1; margin:0 auto; border-radius:22px; font-size:3.5rem; }
  .rk-page .rk-founder-name { font-size:1.2rem; }
  .rk-page .rk-founder-chips { justify-content:center; }
  .rk-page .rk-course-hero { padding:18px; }
  .rk-page .rk-course-hero-title { font-size:1.1rem; }
  .rk-page .rk-writing-author { max-width:55%; font-size:.74rem; }
}