/* Kokani Connect — Tutor LMS course pages and /my-courses/ (0.36.0). Tokens from the theme's site.css. */

/* Brand red buttons and links on Tutor pages (set on body so it wins over Tutor's :root colours). */
body{--tutor-color-primary:#D6151D;--tutor-color-primary-rgb:214,21,29;--tutor-color-primary-hover:#B3120F;--tutor-color-primary-hover-rgb:179,18,15}

/* Empty 0-star row: hidden until the course has a rating. */
.kc-no-ratings .tutor-course-details-ratings{display:none}

/* Course facts under the intro video. */
.kc-cfacts{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.kc-cfacts li{background:#fff;border:1px solid var(--line-l,#E6DFD2);padding:10px 12px;font-size:13px;color:var(--on-paper-mute,#6B6862);margin:0}
.kc-cfacts b{display:block;font-size:17px;line-height:1.3;color:var(--on-paper,#1A1A1C)}
@media (max-width:600px){.kc-cfacts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Price box extras. */
.kc-cbuy{display:grid;gap:10px;margin-top:16px}
.kc-cbuy-off{margin:0;justify-self:start;background:var(--teal-tint,#DCEFEC);color:var(--teal,#0F6B63);font-weight:700;font-size:12.5px;padding:2px 8px}
.kc-cbuy-inc{margin:0;padding-left:18px;font-size:13.5px;display:grid;gap:4px;color:var(--on-paper,#1A1A1C)}
.kc-cbuy-by{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line-l,#E6DFD2);padding-top:12px}
.kc-cbuy-av{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:var(--teal,#0F6B63);color:#fff;font-weight:800;display:grid;place-items:center}
.kc-cbuy-by b{display:block;font-size:14.5px}
.kc-cbuy-by span{display:block;font-size:12.5px;color:var(--on-paper-mute,#6B6862)}

/* Sticky buy bar: phones only. */
.kc-cbar{display:none}
@media (max-width:767px){
  .kc-cbar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#121214;color:#fff;box-shadow:0 -6px 20px rgba(0,0,0,.25)}
  .kc-cbar b{font-size:19px;color:#fff}
  .kc-cbar b *,.kc-cbar s *{color:inherit}
  .kc-cbar s{color:#A3A09B;font-size:13px;margin-left:6px}
  .kc-cbar-btn{margin-left:auto;background:#D6151D;color:#fff!important;font-weight:700;font-size:15px;padding:12px 18px;text-decoration:none;white-space:nowrap}
  .kc-cbar-btn:hover,.kc-cbar-btn:focus-visible{background:#B3120F}
  body:has(.kc-cbar){padding-bottom:72px}
}

/* My courses. */
.kc-mc h2 a{color:inherit;text-decoration:none}
.kc-mc h2 a:hover{text-decoration:underline}
.kc-mc-bar{height:8px;background:var(--sand,#EDE6D9);margin-top:10px;overflow:hidden}
.kc-mc-bar span{display:block;height:100%;background:var(--teal,#0F6B63)}