/* ============================================================
   KIDVIVE COURSE INFO CARD WIDGET — styles
   সব .kv-cic দিয়ে scoped
============================================================ */
.kv-cic{
  font-family: "Hind Siliguri", "Noto Sans Bengali", "Segoe UI", sans-serif;
}
.kv-cic *{ box-sizing: border-box; }

.kv-cic-card{
  background: #FFFFFF;
  border: 1px solid #ECE7F7;
  border-radius: 16px;
  padding: 22px 22px 24px;
  box-shadow: 0 4px 18px rgba(64,29,115,0.06);
}

.kv-cic-heading{
  font-size: 19px;
  font-weight: 800;
  color: #2B2140;
  margin: 0 0 16px;
  line-height: 1.35;
}

/* ---------- Info rows (dotted-leader style) ---------- */
.kv-cic-rows{
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
}
.kv-cic-row{
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.kv-cic-row-label{
  font-size: 14px;
  font-weight: 600;
  color: #5C5470;
  white-space: nowrap;
  flex-shrink: 0;
}
.kv-cic-row-dots{
  flex: 1;
  border-bottom: 1px dashed #D9D2EC;
  height: 0;
  margin-bottom: 4px;
}
.kv-cic-row-value{
  font-size: 14px;
  font-weight: 700;
  color: #2B2140;
  white-space: nowrap;
  flex-shrink: 0;
}

/* ---------- Question / phone block ---------- */
.kv-cic-question{
  text-align: center;
  font-size: 16px;
  font-weight: 800;
  color: #2B2140;
  margin: 4px 0 10px;
}
.kv-cic-phone{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 800;
  color: #6C3BD1;
  margin-bottom: 18px;
  transition: color 0.2s ease, transform 0.2s ease;
}
.kv-cic-phone:hover{
  color: #531BAE;
  transform: translateY(-1px);
}
.kv-cic-phone svg{ display: block; flex-shrink: 0; }

/* ---------- Divider with OR ---------- */
.kv-cic-divider{
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 4px 0 18px;
}
.kv-cic-divider::before,
.kv-cic-divider::after{
  content: "";
  flex: 1;
  height: 1px;
  background: #ECE7F7;
}
.kv-cic-divider span{
  font-size: 12.5px;
  font-weight: 700;
  color: #A79CC2;
  letter-spacing: 0.5px;
}

/* ---------- Community buttons ---------- */
.kv-cic-social{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.kv-cic-social-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 13px 16px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 14.5px;
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 0.2px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.kv-cic-social-btn:hover{ transform: translateY(-2px); }
.kv-cic-social-btn svg{ display: block; flex-shrink: 0; }

.kv-cic-social-btn.is-whatsapp{
  background: linear-gradient(100deg, #25D366, #1DA851);
  box-shadow: 0 6px 16px rgba(37,211,102,0.28);
}
.kv-cic-social-btn.is-messenger{
  background: linear-gradient(100deg, #4A7FF5, #6C3BD1);
  box-shadow: 0 6px 16px rgba(74,127,245,0.28);
}

/* ---------- Responsive ---------- */
@media (max-width: 480px){
  .kv-cic-card{ padding: 18px; }
  .kv-cic-heading{ font-size: 17px; }
  .kv-cic-phone{ font-size: 16px; }
}
